/* ------------------------------------------- BODY ---------------------------------------- */

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

/*
@font-face {
  font-family: 'Inter-ThinItalic';
  src: url(./Inter-ThinItalic.eot);
  src: url(./Inter-ThinItalic.eot?#iefix) format('embedded-opentype'),
       url(./Inter-ThinItalic.otf) format('otf'),
       url(./Inter-ThinItalic.svg#Inter-ThinItalic) format('svg'),
       url(./Inter-ThinItalic.ttf) format('truetype'),
       url(./Inter-ThinItalic.woff) format('woff');

  font-weight: normal;
  font-style: italic;
}
*/


body {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-font-smoothing: antialiased;
	
font-family: "Inter-Regular", Helvetica, sans-serif;
font-weight: normal;
margin:0;
padding:0;
line-height:1.8;
}



/* ------------------------------------- DIMENSIONS CLASSES ---------------------------------------- */

/* screen width container (root,header,content,footer) */
.fl-dim-scrwidth {
position:relative;
display: block;
width:100%;
}

/* page width container (header,content,footer contents) */
.fl-dim-pagewidth {
position:relative;
display: block;
}

/* parent width container */
.fl-dim-pwidth {
position:relative;
display: block;
width:100%;
}



/* ---------------------------- COLOR CLASSES --------------------------------- */

/* pages subtitle text */
.fl-col-psttext {
color:#7372E0;
}


/* pages preamble text */
.fl-col-ppretext {
color:#7372E0;
}

/* pages normal text */
.fl-col-pnrmtext {
color:#111;
}

/* pages highlight text */
.fl-col-hltext {
color:#BB33FF;
}

/* pages comment text */
.fl-col-pcmttext {
color:#212529;
}
.fl-col-pcmttext a {
color:#212529;
}

/* pages list text */
.fl-col-plitext {
color:#212529;
}

/* pages list text with error */
.fl-setup-alist-err .fl-col-plitext {
color:#F44336;
}

/* footer background */
.fl-col-footer-bk {
background-color:#F0F0F0;
/*border-top: 1px solid #C9EEFF;*/
}


/* footer text */
.fl-col-footer-text {
color:#777;
}


/* background strips */
.fl-col-strip-bk1 {
background-color:#E3F5FF;
}

.fl-col-strip-bk2 {
background-color:#F7FCFF;
}


/* footer anchor text */
.fl-col-footer-a {
color:#111;
text-decoration:none;
}

.fl-col-footer-a a{
color:#777;
text-decoration:none;
}
.fl-col-footer-a:hover {
color:rgba(26,8,8,0.7);
text-decoration:none;
}
.fl-col-footer-a:hover a {
color:#667AE2;
text-decoration:none;
}


/* cookies warning */
.fl-col-footer-cw {
color:#FFF;
background-color:#667AE2;
}


/* ---------------------------- FUNCTIONAL CLASSES -------------------------------- */



.btn {
	text-transform: uppercase;
	-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	   -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	     -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}


.btn.btn-sm {
	letter-spacing: 1px;
	font-size: 10px;
	padding: 6px 25px;
}

.btn.btn-xs {
	letter-spacing: 0;
	font-size: 10px;
	padding: 4px 19px;
}

.form-control:focus {
  border-color: #AA00FF;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
} 




/* vetrical block divider (bottom) */
.fl-fn-botdiv {
border-bottom: 1px solid #D0D0D0;
}


/* flex form container */
.fl-fn-flexform {
display:flex;
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
}


/* form input with right button */
.fl-fn-rbinput {
flex-grow:1;
}

/* form right add button */
.fl-fn-rbtn {
margin-left:8px;
}


/* multiline text input */
.fl-fn-mlti {
resize: vertical;
-moz-resize: vertical;
}

/*left floating image*/
.fl-fn-leftimg {
display:block;
margin:auto;
}


.fl-fn-ctext {
text-align:center;
}

.fl-fn-jtext {
text-align:justify;
}

.fl-fn-rtext {
text-align:right;
}

.fl-fn-bullet::before {
  content: "• ";
  margin-right: 0.5em;
}

.fl-fn-bulletp p::before {
  content: "• ";
  margin-right: 0.5em;
}


/* ---------------------------- LOADING INDICATOR -------------------------- */

.fl-li-bk {
background: #DDDDDD;
height: 100%; width: 100%;
top: 0px; left: 0px;
z-index: 10000;
-moz-background-clip: -moz-initial;
-moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
opacity: 0.5; filter: alpha(opacity=50); -moz-opacity:0.5;
position: absolute;
}

.fl-li-cont {
background: white;
border: 1px solid #333333;
z-index: 10001;
visibility: visible;
position: absolute;
left: 50%;
top: 200px;
margin-left: -50px;
margin-top: -40px;
width: 150px;
padding-top:10px;
text-align: center	
}


/* --------------------------- CUSTOM CHECK BOX & RADIO BOX -------------------------------- */

/* custom checkbox container */
.fl-checkbox-cont {
display:flex;
}

/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.fl-checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.fl-checkbox + label {
  cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.fl-checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.fl-checkbox:not(checked) + label {
  position: relative; /* будем позиционировать псевдочекбокс относительно label */
  padding: 0 0 0 50px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.fl-checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 40px;
  height: 20px;
/*  border-radius: 10px;*/
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.fl-checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 2px;
  width: 16px;
  height: 16px;
/*  border-radius: 8px;*/
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.fl-checkbox:checked + label:before {
background: #AA00FF;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.fl-checkbox:checked + label:after {
  left: 22px;
}
/* Показываем получение фокуса. */
/*
.fl-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
*/


.fl-radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.fl-radio + label {
	cursor: pointer;
}
.fl-radio:not(checked) {
	position: absolute;
	opacity: 0;
}
.fl-radio:not(checked) + label {
	position: relative;
	padding: 0 0 0 35px;
}
.fl-radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #FFF;
}
.fl-radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #9FD468;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
	opacity: 0;
	transition: all .2s;
}
.fl-radio:checked + label:after {
	opacity: 1;
}
.fl-radio:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}