@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Regular.woff') format('woff'),
		url('fonts/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-ExtraLight.eot');
	src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
		url('fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-ExtraLight.woff') format('woff'),
		url('fonts/Circe-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-Thin.eot');
	src: local('Circe Thin'), local('Circe-Thin'),
		url('fonts/Circe-Thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Thin.woff') format('woff'),
		url('fonts/Circe-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('fonts/Circe-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Light.woff') format('woff'),
		url('fonts/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('fonts/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-Bold.woff') format('woff'),
		url('fonts/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('fonts/Circe-ExtraBold.eot');
	src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
		url('fonts/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Circe-ExtraBold.woff') format('woff'),
		url('fonts/Circe-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}


body {
	margin: 0;
	font-size: 14px;
	font-style: normal;
	color: #2b2b2b;
	line-height: 1.42857143;
	font-family: 'Circe', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}

/* Ссылки */
a {
	color: #4078c0;
	background-color: transparent;
	cursor: pointer;
}

a:active,
a:hover,
a:focus {outline: 0}

html {
	box-sizing: border-box;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

*,
*:before,
*:after {box-sizing: inherit;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {display: block;}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

[hidden],
template {display: none}

b,
strong {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	line-height: 100%;
}

h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

small {font-size: 80%}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {font-weight: normal;}

sub,
sup {
	position: relative;
	
	font-size: 75%;
	line-height: 0;
	
	vertical-align: baseline
}

sup {top: -.5em;}
sub {bottom: -.25em;}

img {
	border: 0;
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}

audio,
canvas,
progress,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

svg:not(:root) {overflow: hidden}

form,
figure {margin: 0}

hr {
	box-sizing: content-box;
	height: 0;
	border: 0;
	border-bottom: 1px solid #000;
	overflow: visible;
}

p {margin-top: 0}
p:empty {display: none}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	margin: 0;
}

button,
input,
select {
	overflow: visible;
}

button,
select {text-transform: none}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
}

button,
html input[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

[disabled] {cursor: default}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

[type="checkbox"],
[type="radio"] {
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

legend {
	border: 0;
	padding: 0
}

textarea {overflow: auto}

.formGroup textarea {
    height: 130px;
    resize: none;
}
optgroup {font-weight: 700}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {padding: 0}


.center {
	text-align: center;
}
/* ============================ Основа кнопки */
.but {
	position: relative;
	
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	border: 0;
	
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	line-height: normal;
	
	border-radius: 0;
	background: none;
	outline: 0;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	-ms-touch-action: manipulation;
	touch-action: manipulation;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	
}

.but[disabled] {
	cursor: not-allowed;
	opacity: .65;
}


.butDownload {
	background-color: #6c72e6;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 25px;
    text-transform: uppercase;

}

.butDownload:hover {
	background-color: #4e56eb;
}

/* Текст кнопки */
.butText {
	display: inline-block;
	vertical-align: middle;
}

/* Размеры кнопок */
.butBlock {
	display: block;
	width: 100%;
}

/* Стили кнопок */
.butPrimary {
	color: #fff;
    padding: 16px 60px;
    letter-spacing: 2px;
    font-size: 18px;
    background: #76c900;
    border-radius: 5px;   
}

.butStep {
	padding: 20px 50px;
	background-color: #ffdd00;
	color: #2d3b39;
	border-color: #ffdd00;
}

.butPrimary:hover {
    background-color: #61a500;
}

.butRound {
	border-radius: 100px;
}

.butTable {
	color: #2d3b39;
    border: 1px solid #2d3b39;
    padding: 8px 23px;
    font-size: 17px;
}

.butTable:hover {
	background: #2d3b39;
	color: #fff;
	border: 1px solid #2d3b39;
}

.mainSlideItemBut {
	background-color: #76c900;
    padding: 10px 35px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;    
}

.mainSlideItemBut:hover {
    background-color: #61a500;
}

.butNormal {
	padding: 10px 30px;
    background: #00aac9;
    color: #fff;
    font-size: 16px;
    border-radius: 7px;
}

.butNormal:hover {
	background: #008ca5
}

.Right {
	text-align: right;
}

/* Типы кнопок */
.butClose {
	position: absolute;
	top: 19px;
	right: 15px;
	background: url(../img/ico/ico_cancel.png) no-repeat center;
	padding: 0;
	width: 35px;
	height: 35px;
}

.butClose:hover {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.buttonsCenter {
	text-align: center;
}

.butBlue {
	background-color: #ffd900;
	color: #2d3b39;
}

.butHead {
	font-size: 16px;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 7px;
    text-transform: uppercase;
    line-height: 17px;
}

.butHead:hover {
	background: #e3fbff;
}

/* ============================ Иконки */
#iconsSvg {
	display: none;
}

.svg_icons {
	display: none;
}

.ico {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	
	fill: #8c9392;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.icoLeft {
	margin-right: 5px;
}

.icoRight {
	margin-left: 5px;
}

/* Иконка меню */
.icoMenu {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
}

.icoMenu span {
	display: block;
	height: 1px;
	background-color: #000;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.icoMenu span:nth-child(2) {
	margin: 5px 0;
}

.open .icoMenu span:first-child {
	-webkit-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}

.open .icoMenu span:nth-child(2) {
	opacity: 0;
}

.open .icoMenu span:last-child {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}

/* ============================ Контакты */
.contactsGroup {
	
}

.contactsGroup:not(:last-child) {
	margin-bottom: 10px;
}

.contactsGroup > .row {
	margin-left: -5px;
	margin-right: -5px;
}

.contactsGroup > .row > .col {
	padding-left: 5px;
	padding-right: 5px;
}

.contactsGroupIco {
	
}

.contactsGroupText {
	
}

/* Телефон и email*/
.tel,
.mail {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* ============================ Изображения */
.imgView {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

	text-align: center;
	text-decoration: none;

	overflow: hidden;
}

.imgView img {
	max-height: 100%;
}

/* ============================ Списки */
/* Обнуление списка */
.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list > li {position: relative;}

/* Строчный список */
.listCenter {text-align: center;}

.listCenter > li,
.listInline > li {
	display: inline-block;
	vertical-align: middle;
}

/* Резиновый список */
.listFlex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.listFlex > li {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.listBetween {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.listBetween > li {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* ============================ Сетка */
.container {
	position: relative;	
	width: 100%;
	max-width: 1170px;
	/*min-width: 1160px;*/
	min-height: 1px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	margin-left: -10px;
	margin-right: -10px;

	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.rowNoWrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.noGutters {
	margin-right: 0;
	margin-left: 0;
}

.noGutters > .col {
	padding-right: 0;
	padding-left: 0;
}

/* Горизонтальное выравнивание строки */
.rowLeft {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.rowCenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.rowRight {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.rowAround {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.rowBetween {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* Вертикальное выравнивание строки */
.rowTop {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.rowMiddle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.rowBot {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.rowBaseline {
	-webkit-justify-content: baseline;
	-ms-flex-pack: baseline;
	justify-content: baseline;
}

.col {
	position: relative;

	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 10px;
	padding-right: 10px; 
	min-height: 1px;
	max-width: 100%;
}

/* Вертикальное выравнивание ячеек */
.colTop {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.colMiddle {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.colBottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.colDefault {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.colAuto {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: auto;
}

.colStretch {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.col1 {
	-webkit-flex-basis: 8.33333333%;
	-ms-flex-basis: 8.33333333%;
	flex-basis: 8.33333333%;
	max-width: 8.33333333%;
}

.col2 {
	-webkit-flex-basis: 16.66666667%;
	-ms-flex-basis: 16.66666667%;
	flex-basis: 16.66666667%;
	max-width: 16.66666667%;
}

.col3 {
	-webkit-flex-basis: 25%;
	-ms-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.col4 {
	-webkit-flex-basis: 33.33333333%;
	-ms-flex-basis: 33.33333333%;
	flex-basis: 33.33333333%;
	max-width: 33.33333333%;
}

.col5 {
	-webkit-flex-basis: 41.66666667%;
	-ms-flex-basis: 41.66666667%;
	flex-basis: 41.66666667%;
	max-width: 41.66666667%;
}

.col6 {
	-webkit-flex-basis: 50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}

.col7 {
	-webkit-flex-basis: 58.33333333%;
	-ms-flex-basis: 58.33333333%;
	flex-basis: 58.33333333%;
	max-width: 58.33333333%;
}

.col8 {
	-webkit-flex-basis: 66.66666667%;
	-ms-flex-basis: 66.66666667%;
	flex-basis: 66.66666667%;
	max-width: 66.66666667%;
}

.col9 {
	-webkit-flex-basis: 75%;
	-ms-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}

.col10 {
	-webkit-flex-basis: 83.33333333%;
	-ms-flex-basis: 83.33333333%;
	flex-basis: 83.33333333%;
	max-width: 83.33333333%;
}

.col11 {
	-webkit-flex-basis: 91.66666667%;
	-ms-flex-basis: 91.66666667%;
	flex-basis: 91.66666667%;
	max-width: 91.66666667%;
}

.col12 {
	-webkit-flex-basis: 100%;
	-ms-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

.col_ser {
	-webkit-flex-basis: 31%;
	-ms-flex-basis: 31%;
	flex-basis: 31%;
	max-width: 31%;
}

/* Смещение колонок */
.offset1 {margin-left: 8.33333333%}
.offset2 {margin-left: 16.66666667%}
.offset3 {margin-left: 25%}
.offset4 {margin-left: 33.33333333%}
.offset5 {margin-left: 41.66666667%}
.offset6 {margin-left: 50%}
.offset7 {margin-left: 58.33333333%}
.offset8 {margin-left: 66.66666667%}
.offset9 {margin-left: 75%}
.offset10 {margin-left: 83.33333333%}
.offset11 {margin-left: 91.66666667%}

/* Сортировка колонок */
.colFirst {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}

.colLast {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.colUnordered {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
}


/* ============================ Путь по сайту */
.breadcrumbs {}

.breadcrumbs li + li:before {
	padding: 0 5px;
	
	content: '/';
}

.breadcrumbs a {
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.breadcrumbs li:hover > a,
.breadcrumbs li.active > a {}

/* ============================ Переключатель страниц */
.pager {}

.pager a {
	display: block;
	text-decoration: none;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.pagerArrows {}

.pager a.pagePrev {}
.pager a.pageNext {}

.pager li:hover > a:not(.pagerArrows),
.pager li.active > a:not(.pagerArrows) {}

/* ============================ Секции */
.section {
	position: relative;
}

.sectionHeader {}

.sectionTitle {}

.sectionBody {}

.sectionFooter {}

/* ============================ Слайдер */
.slick {
	position: relative;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;

	-webkit-tap-highlight-color: transparent;
}

.slickCarousel {
    margin-left: 90px;
    margin-right: 90px;
}

.slickList {
	position: relative;
	
	overflow: hidden;
}

.slickList:focus {outline: none;}

.slickList.dragging {
	cursor: pointer;
	cursor: hand;
}

.slickSlider .slickTrack,
.slickSlider .slickList {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slickTrack {
	position: relative;
}

.slickTrack:before,
.slickTrack:after {
	display: table;
	
	content: '';
}

.slickTrack:after {clear: both;}
.slickLoading .slickTrack {visibility: hidden;}

.slickSlide {
	position: relative;
	
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	
	outline: none;
}

.slickInit .slickSlide {display: block;}
.slickLoading .slickSlide {visibility: hidden;}

.slickArrow.slick-hidden {display: none;}

/* Навигация по слайдам */ 


.slickDots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	list-style: none;
	
	margin: 0;
	padding: 0;
	
	text-align: center;
	font-size: 0;
}

.slickDots {
	bottom: -45px;
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
}

.slickDots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.slickDots button {
	width: 35px;
	height: 6px;
	padding: 0;
	border: 0;
	
	background-color: #dadee6;
	border-radius: 5px;
	outline: 0;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.slickDots .slickActive button,
.slickDots li:hover button {
	background-color: #2d3b39;
}

#banks_slider .slickDots .slickActive button,
#banks_slider .slickDots li:hover button {
	background-color: #2d3b39;
}

#reviews_slider .slickDots .slickActive button,
#reviews_slider .slickDots li:hover button {
	background-color: #2d3b39;
}

/* Кнопки лево-право */ 
.slickArrow {
	position: absolute;
	top: calc(50% - 20px);
	z-index: 10;
	
	padding: 0;
	border: 0;
	
	font-size: 0;
	
	outline: 0;
    background: transparent;
}

#banks_slider .slickArrow .ico:hover {
	fill: #394745;
}

#reviews_slider .slickArrow .ico:hover {
	fill: #394745;
}

.slickArrow .ico {
	width: 45px;
	height: 45px;
}
.slickArrow .ico:hover {
	fill: #e75647;
}

.slickPrev {
	left: -90px;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
	background-position: left top; 
}

.slickPrev:hover {
	background-position: left bottom;
}

.slickNext {
	right: -90px;
	-moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg); 
    -webkit-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    transform: rotate(270deg);
	background-position: right top; 
}

.slickNext:hover {
	background-position: right bottom;
}

/* ============================ Таблицы */
.table {width: 100%;}

.tlf {table-layout: fixed;}

/* Базовая таблица */
.tableBasic {}

/* Полосатая таблица */
.tableStriped > tbody > tr:nth-of-type(even) {background: #ccc;}

/* ============================ Формы */
.form {
	max-width: 650px;
	margin: 0 auto;
}

.formHeader,
.formBody,
.formGroup {
	position: relative;
	
	margin-bottom: 15px;
}

.form_text {
	text-align: center;
	font-size: 25px;
	margin-bottom: 20px;
}

.formGroup {
	position: relative;

	display: block;
	padding: 5px 15px;
	border: 2px solid #E8EBF1;

	border-radius: 3px;
	background-color: #fff;
}

.formGroup.valid {
	border-color: #18BA64;
}

.formGroup.error {
	border-color: #F3522E;
}

.formGroup:before {
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;

	pointer-events: none;

	text-align: center;
	color: #fff;

	width: 20px;
	height: 20px;

	border-radius: 100%;
}

.formGroup.valid:before {
	background-color: #18BA64; 

	content: '✓';
}

.formGroup.error:before {
	background-color: #F3522E; 

	content: '×';
}

.fieldName {	
	display: block;

	font-size: 15px;
	color: #707070;
	font-weight: 300;
}

.field {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;

	font-size: 25px;
	font-weight: 300;
	
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	
	outline: 0;
	background-color: #fff;
	border-radius: 0;
}

.field:not(select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.field::-webkit-input-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field::-moz-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:-moz-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:-ms-input-placeholder {
	text-overflow: ellipsis;
	color: #aaa;
}

.field:focus::-webkit-input-placeholder {color: transparent}
.field:focus::-moz-placeholder {color: transparent}
.field:focus:-moz-placeholder {color: transparent}
.field:focus:-ms-input-placeholder {color: transparent}

.formFooter {
	text-align: center;
}

.formFooter .butPrimary {
	margin-top: 15px;
}

/* Чекбокс */
.checkbox {
	position: relative;
}

.checkbox input {
	display: none;
}

.checkbox .fieldName {
	padding-left: 70px;

	cursor: pointer;
	font-size: 20px;
	color: #000;
	line-height: 43px;
}

.checkbox .fieldName:before {
	position: absolute;
	top: 2px;
	left: 0;

	width: 40px;
	height: 40px;
	border: 2px solid #E8EBF1;

	background-color: #fff;
	border-radius: 3px;

	color: #2d3b39;
	text-align: center;
	line-height: 37px;
	font-size: 30px;
	font-weight: 300;

	content: '';
}

.checkbox input:checked + .fieldName:before {
	content: '✓';
	background-color: #ffdd00;
}

/* Группа радио кнопок */
.radioGroup {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.radioGroup .radio {
	margin: 0 10px;
}

.radioGroup .radio input {
	display: none;
}

.radioGroup .radio .fieldName {
	border: 2px solid #a3a3a3;
	min-width: 135px;
	padding: 5px 10px;

	border-radius: 500px;

	font-size: 17px;
	color: #2d3b39;
	text-align: center;
	cursor: pointer;
}

.radioGroup .radio input:checked + .fieldName {
	background-color: #ffdd00;
	border-color: #ffdd00;
	font-weight: 700;
	color: #2d3b39;
}

.radioGroup .radio:last-child {
	margin-right: 0;
}

.radioGroup .radio:first-child {
	margin-left: 0;
}

/* ============================ Модальные окна */
.modalOpen {overflow: hidden;}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	
	display: none;
	overflow: hidden;
	
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.fade {
	opacity: 0;

	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.fade.in {
	opacity: 1;
}

.modal.fade .modalDialog {
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);

	-webkit-transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.modal.in .modalDialog {
	-webkit-transform: none;
	transform: none;
}

.modalOpen .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modalDialog {
	position: relative;
	
	max-width: 600px;
	margin: 40px auto;

	box-shadow: 0 0 70px rgba(0,0,0,.3);
}

.modalLg {max-width: 930px;}

.FormHeaderText {
	font-size: 18px;
    text-align: center;
}

.FormHFooterText {
	font-size: 16px;
}

.modalContent {
	position: relative;
	
	background-color: #FAFAF8;
}

.modalBackdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	
	background-color: #000;
}

.modalBackdrop.fade {
	opacity: 0;
}

.modalBackdrop.in {
	opacity: .5;
}

.modalHeader {
	position: relative;
	
	padding: 15px;

	background-color: #76c900;
}

.modalTitle {
	margin-bottom: 0;
	margin-right: 40px;
	
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-weight: 300;
}

.modalBody {
	padding: 30px 25px;
}

/* ============================ Выпадающее меню */
.dropdown {position: relative;}

.dropdownBlock {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;

	visibility: hidden;
	opacity: 0;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.open > .dropdownBlock {
	visibility: visible;
	opacity: 1;

	-webkit-transform: none;
	transform: none;
}

/* ============================ Вкладки */
.tabsNav a {
	display: block;
	
	text-decoration: none;

	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.tabsNav .active > a {}

.tabPanel {display: none;}
.tabPanel.active {display: block;}

.tabContent {
	padding: 50px 0;
	font-size: 16px;	
}

/* ============================ Вставка видео роликов */
.mediaBox {
	position: relative;

	display: block;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
	overflow: hidden;
}

.mediaBox iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ============================ Ползунок диапазона */
.rangeSlider {
	margin: 35px 0 15px;
}

.rangeSliderCount {
	font-size: 20px;
	font-weight: 300;
	color: #2d3b39;
	font-weight: 700;
}

.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.noUi-base {
	position: relative;
	z-index: 1;

	width: 100%;
	height: 100%;

	background: #f2c300;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;

	background: #f2c300;
}

.noUi-handle {
	position: relative;
	z-index: 1;
}

.noUi-stacking .noUi-handle {
	z-index: 10;
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s, top .3s;
	transition: left .3s, top .3s;
}

.noUi-state-drag * {
	cursor: inherit !important;
}

.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.noUi-horizontal {
	height: 2px;
}

.noUi-horizontal .noUi-handle {
	width: 23px;
	height: 23px;
	left: -11.5px;
	top: -11.5px;
}

.noUi-vertical {
	width: 4px;
}

.noUi-vertical .noUi-handle {
	width: 23px;
	height: 23px;
	left: -11.5px;
	top: -11.5px;
}

.noUi-connect {
	background: #B5B5B5;

	-webkit-transition: background 450ms;
	transition: background 450ms;
}

.noUi-draggable {
	cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}

.noUi-handle {
	border: 1px solid #f2c300;

	border-radius: 100%;
	background: #FFF;

	cursor: default;
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}


/* ============================ Цвета */

.orange {
	background-color: #e74c3c;
}

.gray {
	background-color: #f6f7f7
}

.green {
	background-color: #2d3b39;
}

.green_col {
	border-color: #20bb5e !important;
}

.green_text p {
	color: #20bb5e !important;
}

.butStep.ar_blue {
	border-color: #4ea1fd;
}

.butStep.ar_blue:hover {
	color: #4ea1fd;
}

.butStep.ar_blue1 {
	border-color: #6c72e6
}

.butStep.ar_blue1:hover {
	color: #6c72e6;
}

.blue {
	background-color: #26B6D1;
}

.purple {
	background-color: #2d3b39;
}

.dark {
	background-color: #2c3e50;
}