:root {
	--color-main: #2F2F40;

	--color-special: #B56F4C;
	--color-special-hover: #B56F4C;
	--color-special-shadow: rgba(255, 51, 103, 0.3);

	--color-special2: #DAAA59;
	--color-special2-hover: #DAAA59;
	--color-special2-shadow: rgba(0, 245, 188, 0.5);

	--color-white-shadow: rgba(255, 255, 255, 0.3);

	--color-light-blue: #EBF0F8;

	--color-dark: #2F2F40;
	--color-darker: #353548;
	--color-darkest: #001235;

	--color-gray: #999999;

	--color-light: #F0F0F0;

	--header-height: 95px;
	--color-border: #CCCCCC;
	--shadow-width: 3px;
	--wrap-width: 1160px;
	--wrap-wide: 1265px;

	--blocks-padding: 50px;
	--blocks-padding-sm: 10px;
}


@font-face {
	font-family: 'AcherusGrotesque';
	src: local('AcherusGrotesque'),
		url('../webfonts/AcherusGrotesque-Light.ttf') format('truetype'),
		url('../webfonts/AcherusGrotesque-Light.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/AcherusGrotesque-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

/* Regular */

@font-face {
	font-family: 'AcherusGrotesque';
	src: local('AcherusGrotesque'),
		url('../webfonts/AcherusGrotesque-Regular.ttf') format('truetype'),
		url('../webfonts/AcherusGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/AcherusGrotesque-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/* Medium */

@font-face {
	font-family: 'AcherusGrotesque';
	src: local('AcherusGrotesque'),
		url('../webfonts/AcherusGrotesque-Medium.ttf') format('truetype'),
		url('../webfonts/AcherusGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/AcherusGrotesque-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

/* Bold */

@font-face {
	font-family: 'AcherusGrotesque';
	src: local('AcherusGrotesque'),
		url('../webfonts/AcherusGrotesque-Bold.ttf') format('truetype'),
		url('../webfonts/AcherusGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/AcherusGrotesque-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/* Black */

@font-face {
	font-family: 'AcherusGrotesque';
	src: local('AcherusGrotesque'),
		url('../webfonts/AcherusGrotesque-Black.ttf') format('truetype'),
		url('../webfonts/AcherusGrotesque-Black.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/AcherusGrotesque-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}



*,
*:before,
*:after {
	box-sizing: border-box;
}

a,
*[type="submit"],
.inpt,
.rdo,
.rdo span,
.chk,
.chk span,
figure img,
a:before,
a:after,
.btn,
.btn span,
a img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
	padding: 0;
	margin: 0;
}

body {
	background: #FFF;
	font-family: 'AcherusGrotesque', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-main);
}

.heading {
	font-family: 'AcherusGrotesque', sans-serif;
}

body.ios-noscroll {
	position: fixed;
	left: 0;
	right: 0;
}

body.non-ios-noscroll {
	overflow: hidden;
	position: relative;
}



input,
select,
textarea,
button {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: var(--color-main);
	outline: none;
}

textarea {
	resize: vertical;
}

input,
textarea {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

button {
	-webkit-appearance: none;
}

section {
	position: relative;
	z-index: 1;
	clear: both;
}


a {
	color: var(--color-special);
	text-decoration: none;
	cursor: pointer;
}

a img {
	/* background-color: #FFF; */
	border: none;
}

a:hover {
	color: var(--color-dark);
	text-decoration: none;
}

button,
button:focus,
a,
a:focus {
	outline: none;
}

button::-moz-focus-inner {
	border: 0;
}

::-moz-selection {
	background: var(--color-special);
	color: #FFF;
}

::selection {
	background: var(--color-special);
	color: #FFF;
}

.bgDark ::-moz-selection {
	background: var(--color-special);
	color: #FFF;
}

.bgDark ::selection {
	background: var(--color-special);
	color: #FFF;
}

.bgSpecial ::-moz-selection {
	background: var(--color-dark);
	color: #FFF;
}

.bgSpecial ::selection {
	background: var(--color-dark);
	color: #FFF;
}

/* --- Headings --- { --- */


.heading {
	line-height: 1.3;
	font-weight: bold;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: currentColor;
}

h1,
.h1 {
	font-size: 2.857em;
	/* 40px */
}

h1.smaller,
.h1.smaller {
	font-size: 2.500em
		/* 35px */
}

h1.bigger,
.h1.bigger {
	font-size: 3.214em
		/* 45px */
}

h1 {
	padding-bottom: 25px;
}

h1 b,
.h1 b {
	font-weight: normal;
}

h1 .special,
.h1 .special {
	font-weight: bold;
}



h2,
.h2 {
	font-size: 2.143em;
	/* 30px */
}

h2.smaller,
.h2.smaller {
	font-size: 1.786em
		/* 25px */
}

h2 {
	padding-bottom: 25px;
}


h3,
.h3 {
	font-size: 1.500em;
	/* 21px */
}

h3.smaller,
.h3.smaller {
	font-size: 1.286em
		/* 18px */
}

h3 {
	padding-bottom: 25px;
}


h4,
.h4 {
	font-size: 1.143em;
	/* 16px */
}

h4 {
	padding-bottom: 25px;
}

h5,
.h5 {
	font-size: 1.000em;
	/* 14px */
}

h5 {
	padding-bottom: 25px;
}

h6,
.h6 {
	font-size: 12px;
	/* 12px */
}

h6 {
	padding-bottom: 20px;
}


.lightText {
	font-weight: 300;
}

.normalText {
	font-weight: 400 !important;
}


.smallText {
	font-size: 12px;
}

.bold {
	font-weight: bold;
}

.bolder {
	font-weight: 900;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.wLine {
	margin-bottom: 20px;
	position: relative;
}

.wLine:before {
	content: "";
	display: block;
	width: 90px;
	height: 2px;
	background: var(--color-special2);
	position: absolute;
	left: 0;
	bottom: -1px;
}

.bgDark .wLine:before,
.bgSpecial .wLine:before {
	background: #FFF;
}


/* --- } --- Headings --- */

.noWrap {
	white-space: nowrap;
}

.rounded {
	border-radius: 10px;
}


#wrapper .left {
	text-align: left;
}

#wrapper .right {
	text-align: right;
}

a.underline,
.underline a {
	text-decoration: underline !important;
}

.arwLink [class*='fa'] {
	position: relative;
	bottom: -1px;
}

.arwLink span {
	display: inline-block;
	padding-right: 30px;
	background: url(../svg/arw_r.svg) right center no-repeat;
}


.bgLight {
	background-color: var(--color-light);
}

.bgLighter {
	background-color: var(--color-lighter);
}

.bgSpecial {
	background-color: var(--color-special);
	color: #FFF;
}

.bgDark {
	background-color: var(--color-dark);
	color: #FFF;
}

.bgSpecial a {
	color: #FFF;
}

.bgDark a {
	color: var(--color-special);
}

.bgDark a:not(.btn):hover,
.bgSpecial a:not(.btn):hover {
	color: #FFF;
	opacity: 0.85;
}

.bgDarker {
	background-color: var(--color-darker);
}

.bgDarkest {
	background-color: var(--color-darkest);
}

.bgWhite {
	background: #FFF;
	color: var(--color-main);
}

.bgWhite a {
	color: var(--color-special);
}

.bgWhite a:not(.btn):hover {
	color: var(--color-dark) !important;
}


.dark {
	color: var(--color-dark) !important;
}

.darker {
	color: var(--color-darker) !important;
}

.darkest {
	color: var(--color-darkest) !important;
}

.special {
	color: var(--color-special) !important;
}

.special2 {
	color: var(--color-special2) !important;
}

.white {
	color: #FFF !important;
}

.black {
	color: #000 !important;
}

.gray {
	color: #999999 !important;
}


.page-title {
	color: var(--color-special);
}

.show_mobile {
	display: none;
}

.separator {
	height: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid var(--color-border);
}

p+.separator {
	height: 40px;
}


.center {
	text-align: center;
}

.smaller {
	font-size: 11px;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.marg_t {
	margin-top: 20px;
}

.marg_b {
	margin-bottom: 20px;
}

.marg_t2 {
	margin-top: 40px;
}

.marg_b2 {
	margin-bottom: 40px;
}

.marg_t3 {
	margin-top: 60px;
}

.marg_b3 {
	margin-bottom: 60px;
}

.marg_r {
	margin-right: 20px;
}

.marg_l {
	margin-left: 20px;
}

.padd {
	padding: 25px;
}

.padd_t {
	padding-top: 25px;
}

.padd_b {
	padding-bottom: 25px;
}

.padd_t2 {
	padding-top: 60px;
}

.padd_b2 {
	padding-bottom: 60px;
}

.padd_t_sm {
	padding-top: 10px !important;
}

.padd_b_sm {
	padding-bottom: 10px !important;
}

.padd_t_sm2 {
	padding-top: 5px !important;
}

.padd_b_sm2 {
	padding-bottom: 5px !important;
}


.marg_t_sm {
	margin-top: 10px !important;
}

.marg_b_sm {
	margin-bottom: 10px !important;
}

#wrapper .no_marg {
	margin: 0 !important;
}

#wrapper .no_marg_t {
	margin-top: 0 !important;
}

#wrapper .no_marg_b {
	margin-bottom: 0 !important;
}

#wrapper .no_padd {
	padding: 0 !important;
}

#wrapper .no_padd_t {
	padding-top: 0 !important;
}

#wrapper .no_padd_b {
	padding-bottom: 0 !important;
}

#wrapper .no_padd_r {
	padding-right: 0 !important;
}

#wrapper .no_padd_l {
	padding-left: 0 !important;
}

.marg_l_auto {
	margin-left: auto;
}

.marg_r_auto {
	margin-right: auto;
}

#wrapper .padd_tb {
	padding-top: 140px;
	padding-bottom: 140px;
}

#wrapper .padd_tb2 {
	padding-top: 90px;
	padding-bottom: 90px;
}

#wrapper .padd_tb3 {
	padding-top: 60px;
	padding-bottom: 60px;
}


#wrapper .wMax:not(.dFlex),
#wrapper .wMax2:not(.dFlex),
#wrapper .wMax3:not(.dFlex),
#wrapper .wMax4:not(.dFlex) {
	margin-left: auto;
	margin-right: auto;
}

#wrapper .wMax {
	max-width: 1010px;
}

#wrapper .wMax2 {
	max-width: 670px;
}

#wrapper .wMax3 {
	max-width: 850px;
}

#wrapper .wMax4 {
	max-width: 500px;
}

#wrapper .wrap.wMax,
#wrapper .wrap.wMax2,
#wrapper .wrap.wMax3,
#wrapper .wrap.wMax4 {
	max-width: calc(100% - 50px) !important;
}

#wrapper .wrap.wMax {
	width: 1010px;
}

#wrapper .wrap.wMax2 {
	width: 670px;
}

#wrapper .wrap.wMax3 {
	width: 850px;
}

#wrapper .wrap.wMax4 {
	width: 500px;
}


#wrapper .mobile_only,
#wrapper .mobile_only2 {
	display: none;
}


p,
form,
ul,
ol,
li,
input,
textarea,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

table {
	width: 100%;
	border-collapse: collapse;
}

th,
td {
	padding: 0;
}

fieldset {
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#wrapper {
	min-height: 100%;
	position: relative;
	z-index: 1;
	overflow-x: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

#wrapper::-webkit-scrollbar {
	display: none;
}

.wrap {
	width: var(--wrap-width);
	max-width: calc(100% - 50px);
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#wrapper .vTop,
#wrapper table.vTop td {
	vertical-align: top;
}

#wrapper .vMid,
#wrapper table.vMid td {
	vertical-align: middle;
}

#wrapper .vBot,
#wrapper table.vBot td {
	vertical-align: bottom;
}


.clear:after {
	content: '';
	display: table;
	clear: both;
}


.cols {}

.cols .col {
	float: left;
	box-sizing: border-box;
}

.cols2 .col {
	width: 47%;
}

.cols2 .col:last-child {
	float: right;
}


.cols3 .col {
	width: 28%;
	margin: 0 8% 40px 0;
}

.cols3 .col:nth-child(3n+1) {
	float: right;
	margin-right: 0;
}

.cols3 .col:last-child {
	margin-bottom: 0;
}

.tbl {}

.tbl th {
	background: var(--color-dark);
	color: #FFF;
	text-align: left;
	font-size: 18px;
}

.tbl .bgDark th {
	background: var(--color-dark);
	color: #FFF;
}

.tbl th,
.tbl td {
	padding: 15px;
	border-top: 1px solid #FFF;
}

.tbl:not(.no_bg) td {
	background: var(--color-light);
}

.tbl.no_bg th,
.tbl.no_bg td {
	border-top: 1px solid var(--color-border);
}

.tbl.padded th,
.tbl.padded td {
	padding: 20px 25px;
}

.tbl.paddedBig th,
.tbl.paddedBig td {
	padding: 40px 25px;
}

@media only screen and (min-width:1200px) {

	.tbl th:first-child,
	.tbl td:first-child {
		padding-left: 50px;
	}
}





.dFlex {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

section.dFlex {
	overflow: hidden;
}

.flexWrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.dFlex.padded {
	margin-left: calc(var(--blocks-padding) * -1);
	margin-right: calc(var(--blocks-padding) * -1);
}

.dFlex.padded>div {
	padding-left: var(--blocks-padding);
	padding-right: var(--blocks-padding);
}


.dFlex.padded_sm {
	margin-left: calc(var(--blocks-padding-sm) * -1);
	margin-right: calc(var(--blocks-padding-sm) * -1);
}

.dFlex.padded_sm>div {
	padding-left: var(--blocks-padding-sm);
	padding-right: var(--blocks-padding-sm);
}


.dFlex .col,
.dFlex.col {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dFlex .row,
.dFlex.row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row !important;
	flex-direction: row !important;
	width: 100%;
}

.dFlex .col.right {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.fullWidth {
	width: 100%;
	box-sizing: border-box;
}

.fullHeight {
	height: 100%;
	min-height: 100vh;
	box-sizing: border-box;
}

.autoHeight {
	height: auto;
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important;
}

.vertCenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.horCenter {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.justifyContent {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.stretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.col10 {
	width: 10% !important;
}

.col15 {
	width: 16.66666% !important;
}

.col20 {
	width: 20% !important;
}

.col25 {
	width: 25% !important;
}

.col30 {
	width: 30% !important;
}

.col33 {
	width: 33.33333% !important;
}

.col35 {
	width: 35% !important;
}

.col40 {
	width: 40% !important;
}

.col45 {
	width: 45% !important;
}

.col50 {
	width: 50% !important;
}

.col55 {
	width: 55% !important;
}

.col60 {
	width: 60% !important;
}

.col70 {
	width: 70% !important;
}

.col80 {
	width: 80% !important;
}

.col90 {
	width: 90% !important;
}

.col100 {
	width: 100% !important;
}


.stretchBox .ins {
	height: 100%;
}





#topNotice {
	padding: 12px 0;
	font-size: 12px;
	font-weight: bold;
}

#topNotice a {
	color: var(--color-special);
	opacity: 1;
}

#topNotice .fas {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #FFF;
	border-radius: 50%;
	padding-top: 4px;
}

#topNotice .fas+div {
	padding-left: 10px;
	max-width: calc(100% - 24px);
}





#header {
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-color: var(--color-dark)
}

#header.hover {
	background-color: var(--color-dark) !important;
}

@-webkit-keyframes dk_showHeader {
	0% {
		transform: translate3d(0, -100%, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes dk_showHeader {
	0% {
		transform: translate3d(0, -100%, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

.sticky #wrapper #header {
	background-color: var(--color-dark) !important;
	--header-height: 76px;
	position: fixed !important;
	left: 0;
	top: 0;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	transform: translate3d(0, -100%, 0);

	-webkit-animation: dk_showHeader 0.3s forwards;
	animation: dk_showHeader 0.3s forwards;
}





#header>.wrap {
	position: static;
	width: var(--wrap-wide);
}

.headerHolder {
	height: var(--header-height);
}

.logo {
	display: inline-block;
	width: 184px;
	height: 30px;
	background: url(../img/ousoul_white_logo_transparent.png) left top no-repeat;
	background-size: auto 100%;
	text-indent: -8000px;
	position: relative;
	z-index: 20;
}

@media only screen and (max-width: 820px) {
	#header .logo {
		width: 60px !important;
		/* Force override with !important */
		height: 30px;
		background: url(../img/ousoul_white_logo_mobile.png) left top no-repeat;
		background-size: contain;
	}
}



#footer .logo {
	background-image: url(../img/ousoul_logo_transparent.png)
}

#topActions {
	margin-left: auto;
	position: relative;
	z-index: 110;
}

#topActions .btn {
	margin-left: 20px;
	font-weight: bold;
	white-space: nowrap;
}

.sticky #header #topActions .btnClearSpecial:not(:hover),
#header:not(.bgWhite) #topActions .btnClearSpecial:not(:hover),
#header.hover #topActions .btnClearSpecial:not(:hover) {
	--color-special: #FFF;
}

#topActions .btnSignIn {
	display: inline-block;
	width: 34px;
	min-width: 34px;
	height: 34px;
	text-align: left;
	text-indent: -8000px;
	background: left top no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg height='34px' viewBox='0 0 512 512' width='34px' xmlns='http://www.w3.org/2000/svg' fill='%23FF4171'%3E%3Cpath d='m437.019531 74.980469c-48.351562-48.351563-112.640625-74.980469-181.019531-74.980469-68.382812 0-132.667969 26.628906-181.019531 74.980469-48.351563 48.351562-74.980469 112.636719-74.980469 181.019531 0 68.378906 26.628906 132.667969 74.980469 181.019531 48.351562 48.351563 112.636719 74.980469 181.019531 74.980469 68.378906 0 132.667969-26.628906 181.019531-74.980469 48.351563-48.351562 74.980469-112.640625 74.980469-181.019531 0-68.382812-26.628906-132.667969-74.980469-181.019531zm-308.679687 367.40625c10.707031-61.648438 64.128906-107.121094 127.660156-107.121094 63.535156 0 116.953125 45.472656 127.660156 107.121094-36.347656 24.972656-80.324218 39.613281-127.660156 39.613281s-91.3125-14.640625-127.660156-39.613281zm46.261718-218.519531c0-44.886719 36.515626-81.398438 81.398438-81.398438s81.398438 36.515625 81.398438 81.398438c0 44.882812-36.515626 81.398437-81.398438 81.398437s-81.398438-36.515625-81.398438-81.398437zm235.042969 197.710937c-8.074219-28.699219-24.109375-54.738281-46.585937-75.078125-13.789063-12.480469-29.484375-22.328125-46.359375-29.269531 30.5-19.894531 50.703125-54.3125 50.703125-93.363281 0-61.425782-49.976563-111.398438-111.402344-111.398438s-111.398438 49.972656-111.398438 111.398438c0 39.050781 20.203126 73.46875 50.699219 93.363281-16.871093 6.941406-32.570312 16.785156-46.359375 29.265625-22.472656 20.339844-38.511718 46.378906-46.585937 75.078125-44.472657-41.300781-72.355469-100.238281-72.355469-165.574219 0-124.617188 101.382812-226 226-226s226 101.382812 226 226c0 65.339844-27.882812 124.277344-72.355469 165.578125zm0 0'/%3E%3C/svg%3E");
}

.sticky #header #topActions .btnSignIn,
#header:not(.bgWhite) #topActions .btnSignIn,
#header.hover #topActions .btnSignIn {
	background-image: url("data:image/svg+xml,%3Csvg height='34px' viewBox='0 0 512 512' width='34px' xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF'%3E%3Cpath d='m437.019531 74.980469c-48.351562-48.351563-112.640625-74.980469-181.019531-74.980469-68.382812 0-132.667969 26.628906-181.019531 74.980469-48.351563 48.351562-74.980469 112.636719-74.980469 181.019531 0 68.378906 26.628906 132.667969 74.980469 181.019531 48.351562 48.351563 112.636719 74.980469 181.019531 74.980469 68.378906 0 132.667969-26.628906 181.019531-74.980469 48.351563-48.351562 74.980469-112.640625 74.980469-181.019531 0-68.382812-26.628906-132.667969-74.980469-181.019531zm-308.679687 367.40625c10.707031-61.648438 64.128906-107.121094 127.660156-107.121094 63.535156 0 116.953125 45.472656 127.660156 107.121094-36.347656 24.972656-80.324218 39.613281-127.660156 39.613281s-91.3125-14.640625-127.660156-39.613281zm46.261718-218.519531c0-44.886719 36.515626-81.398438 81.398438-81.398438s81.398438 36.515625 81.398438 81.398438c0 44.882812-36.515626 81.398437-81.398438 81.398437s-81.398438-36.515625-81.398438-81.398437zm235.042969 197.710937c-8.074219-28.699219-24.109375-54.738281-46.585937-75.078125-13.789063-12.480469-29.484375-22.328125-46.359375-29.269531 30.5-19.894531 50.703125-54.3125 50.703125-93.363281 0-61.425782-49.976563-111.398438-111.402344-111.398438s-111.398438 49.972656-111.398438 111.398438c0 39.050781 20.203126 73.46875 50.699219 93.363281-16.871093 6.941406-32.570312 16.785156-46.359375 29.265625-22.472656 20.339844-38.511718 46.378906-46.585937 75.078125-44.472657-41.300781-72.355469-100.238281-72.355469-165.574219 0-124.617188 101.382812-226 226-226s226 101.382812 226 226c0 65.339844-27.882812 124.277344-72.355469 165.578125zm0 0'/%3E%3C/svg%3E");
}


#topActions .btnSignIn:hover {
	opacity: 0.65;
}






#mobileMenu {
	cursor: pointer;
	height: var(--header-height);
	width: 70px;
	position: relative;
	margin-left: auto;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	margin-left: 10px;
	display: none;
	z-index: 1;
	margin-right: -20px;
}

.burger {
	text-align: center;
	height: 32px;
	width: 100%;
	display: block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	overflow: visible;
	margin: auto;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;

	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.act .burger {
	/* left: 65%; */
}

.act .burger .burger-inner,
.act .burger .burger-inner::before,
.act .burger .burger-inner::after {
	/* background: var(--color-main) !important; */
}

.burger-box {
	width: 40px;
	height: 32px;
	display: inline-block;
	position: relative;
}

.burger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.burger-inner,
.burger-inner::before,
.burger-inner::after {
	width: 100%;
	height: 3px;
	background: var(--color-main) !important;
	position: absolute;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.burger-inner::before,
.burger-inner::after {
	content: "";
	display: block;
}

.burger-inner::before {
	background: #DAAA59 !important;
	width: 20px;
	left: auto;
	right: 0;
	top: -10px;
}

.burger-inner::after {
	background: #FF4171 !important;
	width: 20px;
	bottom: -10px;
}

#header:not(.bgWhite) .burger-inner {
	background: #FFF !important;
}


@media (hover: hover) {

	#mobileMenu:hover .burger-inner::before,
	#mobileMenu:hover .burger-inner::after {
		width: 100%;
	}

}


/* .act .burger .burger-inner {
			transform: rotate(45deg);
			transition-delay: 0.12s;
			transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		.act .burger .burger-inner::before {
			top: 0;
			transition: top 0.075s ease, opacity 0.075s 0.12s ease;
		}

		.act .burger .burger-inner::after {
			bottom: 0;
			transform: rotate(-90deg);
			transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		} */




@media only screen and (max-width:1200px) {


	#mobileMenu {
		display: block;

	}

	#topMenu ::-webkit-scrollbar {
		-webkit-appearance: none;
	}

	#topMenu ::-webkit-scrollbar:vertical {
		width: 10px;
	}

	#topMenu ::-webkit-scrollbar:horizontal {
		height: 10px;
	}

	#topMenu ::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, .99);
		border-radius: 10px;
	}

	#topMenu ::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: rgba(255, 255, 255, .2);
	}

	#topMenu {
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		position: fixed;
		z-index: 999999;
		right: 0;
		top: 0;
		height: 100%;
		min-height: 100vh;
		background: var(--color-dark);
		color: #FFF;
		width: 650px;
		max-width: 100%;

		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);

		transition: all 0.7s cubic-bezier(0.770, 0.000, 0.175, 1.000);
		padding: 20px;
	}

	#topMenu:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 0;
		height: 100%;
		width: 100vw;
		background: var(--color-darker);

		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);

		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.showMenu #topMenu {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.showMenu #topMenu:before {
		opacity: 0.5;
	}

	#topMenu:after {
		text-align: center;
		font-size: 50px;
		line-height: 25px;
		color: #FFF !important;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 300;
		content: "×";
		display: block;
		position: absolute;
		z-index: 11111;
		right: 20px;
		top: 20px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	#topMenu .ins {
		width: 100%;
	}


	#topMenu .ins>ul {
		display: flex;
		flex: 1 1 auto;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 20px 0px;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		max-height: calc(100% - 40px);
		overflow: hidden;
		overflow-y: auto;
	}

	#topMenu ul>li,
	#topMenu ul>li a {
		width: 100%;
		display: block;
	}


	#topMenu a {
		color: #FFF;
	}

	#topMenu .tm_link {
		display: block;
		position: relative;
		cursor: pointer;
		font-size: 25px;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 300;
		width: 100%;
	}

	#topMenu .tm_link a {
		padding: 15px 20px;
	}


	#topMenu a:hover {
		color: #FFF !important;
	}


	@media (hover : hover) {
		#topMenu a:hover {
			background-color: rgba(255, 255, 255, 0.05);
		}
	}


	.tm_dd>a>span {
		padding-right: 16px;
		position: relative;
	}

	.tm_dd>a>span:before {
		position: absolute;
		right: 0;
		top: 14px;
		content: "";
		display: block;
		width: 8px;
		height: 6px;
		background: url(../svg/arw_d.svg) center top no-repeat;
		background-size: 100% auto;
	}


	#topMenu .dd {
		max-height: 0;
		overflow: hidden;
		transition: all 0.6s;
		-webkit-transition: all 0.6s;
	}

	#topMenu .tm_dd .act+.dd {
		max-height: 620px;
	}


	#topMenu .dd li a {
		font-size: 16px;
		padding: 10px 30px 11px 30px;
	}

	#topMenu .dd .dd li a {
		padding-left: 40px;
		padding-right: 40px;
	}

	#topMenu .social {
		padding: 0 20px;
	}


}



@media only screen and (min-width:1201px) {

	#header.hover #topMenu .tm_link>a {
		color: #FFF !important;
	}

	#topMenu .social {
		display: none;
	}

	#topMenu {
		font-size: 14px;
		z-index: 10;
		padding-left: 3%;
	}

	#topMenu a {
		color: #333;
	}

	#header:not(.bgWhite) #topMenu a,
	.sticky #header #topMenu a {
		color: #FFF;
	}

	#topMenu a:hover {
		color: var(--color-special) !important;
	}


	#topMenu>ul {
		position: static !important;
	}

	#topMenu>ul,
	#topMenu .tm_link {
		height: 100%;
	}

	#topMenu .tm_link {
		font-weight: bold;
		display: block;
		padding: 0 15px 0 15px;
		margin: 0 10px;
		height: var(--header-height);

		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: rap;
		flex-wrap: wrap;

		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#topMenu>ul>li {
		z-index: 20;
		position: relative;
	}

	#topMenu a.act,
	#topMenu .tm_link.act {
		color: var(--color-special) !important;
	}

	#topMenu .tm_link>a {
		padding: 8px 0;
		position: relative;
		z-index: 111;
	}

	#topMenu .tm_dd>a:before {
		position: absolute;
		z-index: 111;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: #FFF;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		opacity: 0;
	}

	#topMenu .tm_dd:hover>a:before,
	#topMenu .tm_dd>a:hover:before {
		opacity: 1;
	}


	#topMenu .tm_dd:hover .dd {
		opacity: 1;
		visibility: visible;
	}

	#topMenu .tm_dd {
		position: relative;
	}


	#topMenu .dd {
		display: block;
		position: absolute;
		z-index: 100;
		left: 15px;
		top: -40px;
		transition: all 0.1s;
		-webkit-transition: all 0.1s;
		color: #FFF;
		padding: calc(var(--header-height) + 40px) 0 50px 0;
		opacity: 0;
		visibility: hidden;
	}

	#topMenu .dd a {
		color: #FFF;
		font-weight: bold;
		opacity: 0.7;
	}

	#topMenu .dd a:hover {
		opacity: 1;
		color: #FFF !important;
	}

	#topMenu .dd ul {
		position: relative;
		z-index: 10;
		width: 320px;
	}

	#topMenu .dd ul li {
		display: block;
		padding: 15px 0 0 0;
	}

	#topMenu .dd:not(.singleCol) ul {
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}

	#topMenu .dd:not(.singleCol) ul li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}


	#topMenu .dd:before {
		position: absolute;
		z-index: 0;
		left: 0;
		bottom: 0;
		content: "";
		display: block;
		width: 200vw;
		transform: translate3d(-50%, 0, 0);
		height: 100%;
		background: var(--color-dark);
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	}



}




body:not(.home) #header {
	position: absolute;
}

body:not(.home) #content #pageHeader {
	padding-top: calc(var(--header-height) - 20px);
}

#pageHeader {
	background-color: var(--color-dark) !important;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

#pageHeader h4 {
	padding-bottom: 5px;
}

#pageHeader h1:last-child {
	padding-bottom: 0;
}

/* @media only screen and (min-width:768px) {
		#pageHeader { 
			background-image: url(../img/bg-header.png);
		 }
	} */





#intro {
	padding-top: var(--header-height);
}

#intro .show_mobile {
	display: none;
}

#intro>.padd_tb,
#intro>.padd_tb2 {
	position: relative;
}

#intro h1 {
	color: #424259;
	line-height: 110%;
}

#intro h1 .special {
	font-weight: 900;
}

#intro .bg {
	position: absolute;
	z-index: 0;
	right: 0;
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	width: 100%;
	width: var(--wrap-wide);
	height: 100%;
	/* background: url(../img/bg-slide.png) right center no-repeat; */
	/* background-size: auto 90%; */

}


#intro .wMax2 {
	max-width: 600px;
}

#intro .form {
	max-width: 480px;
}


@media only screen and (max-width:1100px) {

	#wrapper #intro .bg {
		display: none !important;
	}

	#intro .show_mobile {
		display: block;
	}

}

@media only screen and (min-width:1100px) {
	#intro h1 {
		font-size: 3.571em;
	}
}




.frame {
	border: 1px solid var(--color-border);
}



.social {
	font-size: 18px;
	margin-right: -12px;
}

.social a {
	position: relative;
	z-index: 1;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid currentColor;
	display: inline-block;
	color: currentColor;
	margin-right: 12px;
}

#wrapper .social a:hover {
	color: var(--color-special) !important;
	border-color: var(--color-special);
}

.social a i {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}



.tblBox .ins {
	height: 100%;
	background: var(--color-light);
	padding: 25px;
	position: relative;
}

.tblBox .header {
	font-size: 16px;
	background: var(--color-dark);
	color: #FFF;
	padding: 20px 25px;
	margin-top: -25px;
	margin-left: -25px;
	margin-right: -25px;
}






.borderTbl {
	width: 100%;
}

.borderTbl td {
	border: 1px solid #333;
	padding: 12px;
}


.scrollHor {
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: auto;
	background-color: white;
}

#wrapper .scrollHor.marg_b table {
	margin-bottom: 0 !important;
}

@media only screen and (max-width : 1023px) {

	.scrollHor .ins,
	.scrollHor table {
		min-width: 550px;
	}

	.scrollHor {
		background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
		background-position: left center, right center, left center, right center;
		background-repeat: no-repeat;
		background-color: white;
		background-size: 30px 100%, 30px 100%, 10px 100%, 10px 100%;
		background-attachment: local, local, scroll, scroll;
		/* Opera fix */
	}

}



#content {
	clear: both;
	position: relative;
	z-index: 1;
}

#content img {
	display: inline-block;
	max-width: 100%;
}


#content p {
	padding: 0 0 25px 0;
	line-height: 150%;
}

#content p:last-child {
	padding-bottom: 0;
}

#content td {
	vertical-align: top;
}

#content>.bgDark:last-child {
	margin-bottom: 60px;
}




.sepp {
	width: 90px;
	height: 2px;
	background: var(--color-special2);
	margin: 50px 0;
}

ul+.sepp,
ol+.sepp,
p+.sepp {
	margin-top: 30px;
}





.clientsLogos {
	margin: 0 -20px -50px -20px;
}

.clientsLogos>div {
	padding: 0 20px;
	margin-bottom: 50px;
}

.clientsLogos {
	text-align: center;
}

#wrapper .clientsLogos img {
	max-width: 100%;
}



.logos.wArrows {
	padding-bottom: 0;
}

.logos.slick-initialized .slick-track {
	display: flex !important;
}

.logos.slick-initialized .slick-slide {
	height: inherit !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	padding: 10px 20px 20px 20px;
}


@media only screen and (min-width : 921px) {
	.logos>div {
		padding: 30px 20px 10px 20px;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width : 1001px) {
	.logos {
		-webkit-box-pack: justify !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
	}

	.logos>div {
		width: 25%;
	}

}

@media only screen and (max-width : 1000px) {
	#wrapper .logos {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width : 700px) {

	#wrapper .logos {
		text-align: center;
	}

	#wrapper .logos img {
		margin: auto;
	}

	#wrapper .clientsLogos {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.clientsLogos>div {
		width: 50% !important;
	}

	#wrapper .clientsLogos img {
		max-width: 80%;
	}

}





.promoBoxes {
	margin-left: calc(var(--blocks-padding-sm) * -1);
	margin-right: calc(var(--blocks-padding-sm) * -1);
}

.promoBoxes.slick-initialized {
	margin-bottom: 30px;
}

.promoBoxes .promoBox {
	padding-left: var(--blocks-padding-sm);
	padding-right: var(--blocks-padding-sm);
	width: 25%;
}

.promoBoxes .ins {
	padding: 20px;
	height: 100%;
	border-radius: 10px;
}

.promoBoxes .promo1 .ins {
	background: var(--color-dark);
}

.promoBoxes .promo2 .ins {
	background: var(--color-special);
}

.promoBoxes .promo3 .ins {
	background: var(--color-dark);
}

.promoBoxes .promo4 .ins {
	background: var(--color-special2);
	color: var(--color-dark)
}

.promoBoxes .disc li:before {
	background: #FFF;
	opacity: 1;
}

.promoBoxes .promo4 .disc li:before {
	background: var(--color-dark);
}


.promoBoxes a {
	color: #FFF;
}

.promoBoxes .promo4 a {
	color: var(--color-dark) !important
}


.promoBoxes h3 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

/* .promoBoxes h3:before {
			content: "";
			display: block;
			position: absolute;
			left: 0;
			bottom: -1px;
			width: 60px;
			height: 3px;
			background: #FFF;
		}
	 */

.promoBoxes p {
	padding-bottom: 20px;
	max-width: 205px;
}

.promoBoxes .disc {
	font-size: 18px;
	padding-left: 0;
}

.promoBoxes.slick-initialized .slick-track {
	display: flex !important;
}

.promoBoxes.slick-initialized .slick-slide {
	height: inherit !important;
}




.pressKit {
	height: 110px;
	margin-bottom: 20px;
}

.pressKit.logos img {
	max-height: 39px;
}

.pressKit.icons img {
	max-height: 46px;
}

@media only screen and (max-width:767px) {
	.pressKit {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}





#mobileApp {
	background-image: url(../img/bg-section1.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

#mobileApp .txt {
	width: 500px;
	max-width: calc(100% - 350px);
}

#mobileApp .txt p {
	max-width: 460px;
}

#mobileApp a {
	color: #F2C14E;
}

#mobileApp .img {
	width: 325px;
}

.appsBtns {
	display: inline-flex;
	width: 440px;
	max-width: 100%;
}

.appsBtns a {
	height: 56px;
	border-radius: 5px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: -8000px;
}

.appsBtns a:hover {
	box-shadow: 0 0 0 var(--shadow-width) rgba(255, 255, 255, 0.4);
	opacity: 1 !important;
}

.appsBtns .btnQR {
	width: 56px;
	background-image: url(../img/icon_qr.png);
	background-position: center center;
}

.appsBtns a:not(.btnQR) {
	/* width: calc(50% - 42px); */
	width: calc(50% - 10px);
}

.appsBtns .btnGooglePlay {
	background-image: url(../img/btn-google-play.png);
	background-position: left center;
	background-size: 100% auto;
}

.appsBtns .btnAppStore {
	background-image: url(../img/btn-app-store.png);
	background-position: left center;
	background-size: 100% auto;
}

@media only screen and (max-width:820px) {

	#mobileApp .show_mobile {
		display: block;
	}

	#mobileApp .img.show_mobile img {
		max-height: 250px;
	}

	#mobileApp .img:not(.show_mobile) {
		display: none;
	}

	#mobileApp .txt,
	#mobileApp .img {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}

	#mobileApp .txt p {
		margin-left: auto;
		margin-right: auto;
	}

}

@media only screen and (max-width:420px) {

	.appsBtns {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.appsBtns .btnQR {
		display: none;
	}

	.appsBtns a:not(.btnQR) {
		width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	.appsBtns a:not(:first-child) {
		margin-top: 20px;
	}

}




.apps {
	text-align: center;
	margin: 0 -10px;
}

.apps a {
	margin: 0 10px;
	text-indent: -8000px;
	display: inline-block;
	height: 48px;
	width: 143px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.apps .btnAppStore {
	background-image: url(../img/btn-app-store2.png);
}

.apps .btnGooglePlay {
	background-image: url(../img/btn-google-play2.png);
}

@media only screen and (max-width : 400px) {
	.apps a {
		height: 40px;
		width: 119px;
		margin: 0 5px;
	}
}






.portfolioBox {}

.portfolioBox>.txt {
	text-align: left;
	width: 100%;
	max-width: calc(100% - 600px);
}

.portfolioBox>.img {
	max-width: 520px;
}

.benefits {
	margin-bottom: -40px;
}

.benefits .col50 {
	margin-bottom: 40px;
}

.benefits .ins {
	padding-left: 20px;
	background: url(../svg/icon_tick.svg) left 10px no-repeat;
}


@media only screen and (max-width : 1024px) {

	.portfolioBox {
		display: inline-flex;
	}

	#portfolio {
		text-align: center;
	}

	.portfolioBox>.img {
		display: none;
	}

	.portfolioBox>.txt {
		max-width: 100%;
	}
}

@media only screen and (max-width : 767px) {
	.benefits .ins {
		padding: 20px 0 0 0;
		background-position: center top;
	}
}

@media only screen and (max-width : 450px) {
	.portfolioBox>.txt {
		width: 100%;
	}

}





.blocksBox {}

.blocksBox .blocks {
	padding-left: 30px;
	padding-right: 30px;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.blocksBox .title {
	padding-bottom: 25px;
	font-weight: bold;
}

.blocksBox .icon {
	padding-bottom: 20px;
}

.blocksBox .icon img {
	max-height: 75px;
}


.blocksBox .ins {
	max-width: 100%;
	width: calc(var(--wrap-width) / 2 - 90px);
}

.blocksBox .blocks:nth-child(1) {
	-webkit-box-pack: right;
	-ms-flex-pack: right;
	justify-content: right;
}

.blocksBox .blocks:nth-child(2) {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

#wrapper .blocksBox .blocks.horCenter .ins {
	margin-left: auto;
	margin-right: auto;
}


.blocksBox .bgSpecial {
	color: var(--color-dark);
}

.blocksBox .imgBox {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 350px;
	position: relative;
	overflow: hidden;
}

.blocksBox .imgBox:not(.imgNormal) {
	padding: 0 !important;
}

.blocksBox .imgBox .ins {
	width: 100% !important;
	margin: 0 !important;
}

.blocksBox .imgBox:not(.imgNormal) img {
	display: block;
	position: absolute;
	z-index: 0;
	height: 100%;
	min-width: 101%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	object-fit: cover;
}


.blocksBox .videoLink {
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: var(--color-special);
}

.blocksBox .videoLink span {
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 95px;
	height: 95px;
	background: #FFF;
	border-radius: 50%;
	margin: auto;
	text-align: left;
	direction: ltr;
	text-indent: -8000px;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;

	-webkit-animation: dk_blink 0.9s infinite alternate;
	animation: dk_blink 0.9s infinite alternate;
}

.blocksBox .videoLink span:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 30px;
	border-color: transparent transparent transparent currentColor;
	position: absolute;
	z-index: 1;
	left: 55%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
}

.blocksBox .videoLink:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.blocksBox .videoLink:hover span {
	transform: scale(1.05);
	-webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2);
	-webkit-animation: none;
	animation: none;
}


.blocksBox.fullWidth .blocks:nth-child(1) {
	padding-left: 0 !important;
}

.blocksBox.fullWidth .blocks:nth-child(2) {
	padding-right: 0 !important;
}



@media only screen and (min-width:1201px) {
	.blocksBox .blocks:nth-child(1) .ins {
		margin-right: 50px;
		margin-left: auto;
	}

	.blocksBox .blocks:nth-child(2) .ins {
		margin-left: 50px;
	}

	#wrapper .blocksBox .imgBox {
		min-height: 380px;
	}

	.blocksBox.fullWidth .blocks:nth-child(1) .ins,
	.blocksBox [class*="no_padd"]:nth-child(1) .ins {
		margin-right: auto;
	}

	.blocksBox.fullWidth .blocks:nth-child(2) .ins,
	.blocksBox [class*="no_padd"]:nth-child(2) .ins {
		margin-left: auto;
	}


}

@media only screen and (max-width:1023px) {

	.blocksBox .row {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.blocksBox .blocks {
		width: 100% !important;
	}

	.wrap .blocksBox.fullWidth .blocks {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.blocksBox .ins {
		float: none !important;
		margin: 0 auto;
	}

	#wrapper .blocksBox .blocks.imgBox {
		order: 1;
		padding-bottom: 0 !important;
	}

	.blocksBox .imgBox.imgNormal {
		min-height: 1px !important;
	}

	.blocksBox .imgBox.imgNormal img {
		max-height: 250px;
	}

	.blocksBox .blocks:not(.imgBox) {
		order: 2;
	}

	.blocksBox .btns {
		text-align: center !important;
	}

	.blocksBox .blocks
}

.markets {
	padding: 0 0 10px 0;
	position: relative;
	background-color: var(--color-darker);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 1 !important;
}

.markets.shown {
	background-color: #FFF;
}

.markets img {
	display: inline-block;
	max-width: 100%;
}

.markets .placeholder {
	position: relative;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.markets.shown .placeholder {
	opacity: 1;
	z-index: 100;
}

.markets.shown .loading,
.markets.shown .loadingBeat {
	opacity: 0;
	z-index: 0;
}






#insights.shown .loading {
	display: none;
}


#insightsHolder {
	margin-bottom: -30px;
}

#insightsHolder {
	margin-left: calc(var(--blocks-padding-sm) * -1);
	margin-right: calc(var(--blocks-padding-sm) * -1);
}

#insightsHolder .post {
	width: 25%;
	padding-left: var(--blocks-padding-sm);
	padding-right: var(--blocks-padding-sm);
	margin-bottom: 30px;
}


#insightsHolder .ins {
	position: relative;
	text-align: left !important;
	background: #EEF0F6;
	border-radius: 10px;
	padding: 25px 25px 40px 25px;
	min-height: 280px;
	height: 100%;
	font-weight: 900;
}



#insightsHolder .txt {
	display: block;
}

#insightsHolder .txt a {
	color: var(--color-special);
	font-size: 27px;
}


@media only screen and (max-width : 1000px) {
	#insightsHolder .post {
		width: 50%;
	}
}

@media only screen and (max-width : 767px) {
	#insightsHolder .txt a {
		font-size: 16px;
	}
}

@media only screen and (max-width : 500px) {

	#insightsHolder .post {
		width: 100%;
	}

	#insightsHolder .ins {
		min-height: 1px;
	}
}






#features {
	--ind-box: 33.33333%;
}


.featuresSlider {
	margin: 0 -12px -20px -12px;
}

.featuresSlider .slide {
	width: var(--ind-box);
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 20px;
}

.featureBox {
	background: var(--color-dark);
	border-radius: 7px;
	width: 100%;
	padding: 20px 20px 50px 20px;
	position: relative;
	height: 100%;
	color: #FFF;

	-webkit-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 0.45);
	box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 0.45);
}

.featureBox .ins {
	max-width: 320px;
}

.featureBox .readMore {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.featureBox .icon {
	padding-bottom: 15px;
}

.featuresSlider .slick-track {
	display: flex !important;
}

.featuresSlider .slick-slide {
	height: inherit !important;
}


@media only screen and (min-width : 1201px) {
	.featuresSlider .slick-list {
		overflow: visible !important;
	}

	.featureBox {
		padding: 30px 30px 60px 30px;
		height: 100%;
	}

	.featureBox .readMore {
		left: 30px;
		bottom: 30px;
	}


}

@media only screen and (max-width : 800px) {
	#features {
		--ind-box: 50%;
	}
}

@media only screen and (max-width : 520px) {
	#features {
		--ind-box: 100%;
	}
}




.process {
	font-size: 22px;
	margin-bottom: 60px;
}

.process>div {
	margin-top: 30px;
}

@media only screen and (max-width : 500px) {
	.process {
		font-size: 16px;
	}
}






.expandableHolder {}

.expandable {
	border-bottom: 1px solid var(--color-border);
}

.expandable .title {
	font-size: 1.313em;
	cursor: pointer;
	position: relative;
	padding: 20px 40px 21px 0px;
	transition: all 0.3s;
	color: var(--color-special);
}

.expandable .title:hover {
	background-color: rgba(0, 0, 0, 0.02);
}

.expandable .title span {
	display: block;
	position: absolute;
	height: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s;
}

.expandable .title span:not(.wText) {
	width: 20px;
}

.expandable .title span:not(.wText):before,
.expandable .title span:not(.wText):after {
	content: "";
	background: var(--color-special);
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s;
}

.expandable .title span:not(.wText):before {
	width: 100%;
	height: 2px;
}

.expandable .title span:not(.wText):after {
	width: 2px;
	height: 100%;
}

.expandable .title.act span:not(.wText) {
	transform: rotate(180deg);
}

.expandable .title.act span:not(.wText):after {
	opacity: 0;
}


.expandable .title *:not(.wText) {
	text-indent: -8000px;
}

.expandable .title .wText {
	font-size: 14px !important;
	padding-right: 25px;
}

.expandable .title .wText:after {
	content: "";
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	transition: all 0.3s;
	width: 11px;
	height: 11px;
	border-left: 1px solid var(--color-dark);
	border-bottom: 1px solid var(--color-dark);
	transform: rotate(-45deg);
}

.expandable .title.act .wText:after {
	transform: rotate(135deg);
	top: 6px;
}




.expandable .answer {
	display: none;
	font-size: 14px;
}

.expandable .answer .ins {
	padding: 10px 0 30px 0;
}




#middle {
	width: 100%;
}

#middle ul,
.disc {
	padding: 0 0 8px 10px;
}

#middle ul>li,
.disc>li {
	position: relative;
	z-index: 1;
	padding: 0 0 12px 15px;
}

#middle ul>li:before,
.disc>li:before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 6px;
	height: 6px;
	background-color: currentColor;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	left: 0;
	top: 0.4em;
	opacity: 0.5;
}

#middle .bgDark ul>li:before,
#middle .bgSpecial ul>li:before {
	opacity: 1;
}

#middle ul ul {
	padding: 25px 0 0 10px;
}

#middle ol {
	margin: 0;
	padding: 0 0 8px 30px;
}

#middle ol>li {
	list-style-type: decimal;
	padding: 0 0 8px 0px;
}

#middle ol ol {
	padding-top: 25px;
}

#wrapper .noneList,
#wrapper .noneList>li {
	padding-left: 0 !important;
}

#wrapper .noneList>li:before {
	display: none;
}






#footer {
	position: absolute;
	z-index: -1;
	clear: both;
	padding-top: 0 !important;
}

#footer p {
	padding-bottom: 20px;
	line-height: 150%;
}

#footer .copy,
#footer .disclaimer {
	text-align: center;
	color: var(--color-gray);
	font-size: 12px;
}

#footer .copy {
	padding-top: 10px;
}

#footer .disclaimer {
	max-width: 890px;
	margin: 0 auto;
	padding-top: 20px;
}


#ftHolder .info {
	width: 260px;
	padding-bottom: 50px;
	font-size: 12px;
}

#ftHolder .info .btnSize1 {
	min-width: 100px;
}


#ftHolder .apps {
	width: calc(100% + 20px);
}


.ftLinks {
	width: 840px;
	max-width: calc(100% - 290px);
}

.ftLinks .heading {
	padding-bottom: 25px;
}

.ftLinks>div {
	padding-bottom: 36px;
}

.ftLinks ul,
.ftLinks li {
	display: block;
}

.ftLinks li {
	font-size: 13px;
	padding-bottom: 14px;
}






.icon_pdf {
	display: inline-block;
	padding-top: 60px;
	background: url(../svg/pdf.svg) left top no-repeat;
	background-size: auto 40px;
}

@media only screen and (max-width:767px) {
	.dFlex.padded_sm .icon_pdf {
		background-position: center top;
	}
}





/* --- Forms --- { --- */


.chks {
	margin-bottom: 20px;
}

.chk,
.rdo {
	position: absolute;
	opacity: 0;
}

.chk+label,
.rdo+label {
	position: relative;
	cursor: pointer;
	padding: 0 0 0 30px;
	display: inline-block;
	min-height: 20px;
}

.chk+label:before,
.rdo+label:before {
	content: '';
	position: absolute;
	z-index: 1;
	left: 0;
	top: -2px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid var(--color-border);
	transition: all .2s;
	-webkit-transition: all .2s;
}

.rdo+label:before {
	border-radius: 50%;
}



.chk:hover+label:before,
.rdo:hover+label:before {
	border-color: var(--color-special);
	box-shadow: 0 0 0 var(--shadow-width) rgba(0, 0, 0, 0.1);
}

.chk:checked+label:before,
.rdo:checked+label:before {
	background: var(--color-special);
	border-color: var(--color-special);
}

.chk:disabled+label,
.rdo:disabled+label {
	color: #b8b8b8;
	cursor: auto;
}

.chk:disabled+label:before,
.rdo:disabled+label:before {
	box-shadow: none;
	background: #ddd;
}

.chk:checked+label:after,
.rdo:checked+label:after {
	content: '';
	position: absolute;
	z-index: 2;
}

.chk:checked+label:after {
	left: 7px;
	top: 1px;
	background: none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 11px;
	width: 7px;
	border-bottom: 3px solid #FFF;
	border-right: 3px solid #FFF;
}


.rdo:checked+label:after {
	background: #FFF;
	left: 6px;
	top: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}




.btn {
	cursor: pointer;
	display: inline-block;
	border: none;
	background: var(--color-special);
	border: 1px solid var(--color-special);
	color: #FFF !important;
	padding: 0 20px;
	height: 60px;
	line-height: 55px;
	font-size: 18px;
	position: relative;
	text-align: center;
	border-radius: 5px;
	text-decoration: none !important;
}

.btn:hover {
	color: #FFF !important;
	border-color: var(--color-special-hover);
	background: var(--color-special-hover);
	box-shadow: 0 0 0 var(--shadow-width) rgba(0, 0, 0, 0.1);
}

.bgDark .btn:hover {
	box-shadow: 0 0 0 var(--shadow-width) rgba(255, 255, 255, 0.15);
}


button span {
	top: -1px;
	position: relative;
}

.btnSmall {
	font-size: 14px;
	height: 40px;
	line-height: 35px;
}

.btnMed {
	font-size: 16px;
	height: 52px;
	line-height: 47px;
}

.btnSize1 {
	min-width: 125px;
}

.btnSize2 {
	min-width: 210px;
}

.btnSize3 {
	width: 320px;
}

.btnSizeFull {
	width: 100%;
}

.btnWhite {
	background: #FFF;
	border-color: #FFF;
	color: #000 !important;
}

.btnWhite:hover {
	background: rgba(255, 255, 255, 0.85);
	border-color: transparent;
	color: #000 !important;
}


.btnSpecial {
	background: var(--color-special);
	border-color: var(--color-special);
	color: #FFF !important;
}

.btnSpecial:hover {
	background: var(--color-special-hover);
	border-color: var(--color-special-hover);
	color: #FFF !important;
}


.btnDark {
	background: var(--color-dark);
	border-color: var(--color-dark);
	color: #FFF !important;
}

.btnDark:hover {
	background: var(--color-special);
	border-color: var(--color-special);
	color: var(--color-dark) !important;
}


.btnClear {
	color: var(--color-dark) !important;
	border-color: var(--color-dark) !important;
	background: none !important;
}

.btnClear:hover {
	color: #FFF !important;
	background: var(--color-dark) !important;
}


.btnClearSpecial {
	color: var(--color-special) !important;
	border-color: var(--color-special) !important;
	background: none !important;
}

.btnClearSpecial:hover {
	color: #FFF !important;
	background: var(--color-special) !important;
}


.btnClearWhite {
	color: #FFF !important;
	border-color: #FFF !important;
	background: none !important;
}

.btnClearWhite:hover {
	color: var(--color-dark) !important;
	background: #FFF !important;
}


.btnNone {
	color: var(--color-main) !important;
	border-color: rgba(51, 51, 51, 0) !important;
	background: none !important;
}

.btnNone:hover {
	color: #FFF !important;
	background: var(--color-special-hover) !important;
	border-color: transparent !important;
}


.btnNoneWhite {
	color: #FFF !important;
	border-color: rgba(255, 255, 255, 0) !important;
	background: none !important;
}

.btnNoneWhite:hover {
	color: var(--color-dark) !important;
	background: #FFF !important;
	border-color: #FFF !important;
}

.btnUnderline {
	color: var(--color-special) !important;
	border-color: rgba(255, 255, 255, 0) !important;
	background: none !important;
	text-decoration: underline;
	line-height: normal;
	height: auto;
}

.btnUnderline:hover {
	color: var(--color-special) !important;
	border-color: rgba(255, 255, 255, 0) !important;
	background: none !important;
	text-decoration: underline;
}

.bgDark .btnUnderline,
.bgDark .btnUnderline:hover {
	color: #FFF !important;
}




.btns.left {
	margin-bottom: -20px;
}

.btns.left>* {
	margin: 0 20px 20px 0;
}

.btns.left>*:last-child {
	margin-right: 0;
}

.btns.center {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -20px;
}

.btns.center>* {
	margin: 0 10px 20px 10px;
}



.scrollHolder {
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 15px;
	font-size: 12px;
}



.captcha {
	padding-bottom: 30px;
	text-align: center;
}

.captcha>* {
	display: inline-block;
}


.inptHolder {
	position: relative;
}

.inptComment,
.inptError {
	display: block;
	margin-bottom: 25px;
	margin-top: -10px;
	padding: 0 10px;
}

.inptComment {
	font-size: 12px;
	color: var(--color-gray);
}

.inptError {
	font-size: 12px;
	color: #F00;
}

.inptPassword .inpt {
	padding-right: 60px !important;
}

.inptPassword .togglePass {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	cursor: pointer;
	background: url(../svg/icon_eye.svg) center center no-repeat;
	background-size: 32px auto;
	opacity: 0.2;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.inptPassword .togglePass.act {
	opacity: 0.8;
}




.comboHolder {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.comboHolder .inpt {
	width: calc(100% - 150px);
}

.comboHolder .inpt+.inpt {
	margin-left: auto;
}

.comboHolder .btn,
.comboHolder .inpt_sm {
	width: 150px;
}

.comboHolder .btn {
	margin-left: auto;
}

@media only screen and (min-width: 461px) {
	.comboHolder .inpt {
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.comboHolder .btn {
		-webkit-border-top-left-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
}



.formActions {
	font-size: 12px;
}

.formActions .forgot {
	margin: 0 0 20px auto;
}

@media only screen and (max-width : 380px) {

	.formActions .forgot {
		margin-left: 0;
		width: 100%;
	}

}



.formHolder {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	max-height: 100%;
	min-height: 300px;
	max-width: 620px;
}

.formHolder.act {
	max-height: 300px;
}

.formHolder.wMax {
	max-width: 500px !important;
}


.done {
	background: url(../svg/icon_done.svg) center top no-repeat;
	background-size: auto 65px;
	padding-top: 85px;
}



.inpt {
	appearance: none;
	background: var(--color-light);
	border-radius: 5px;
	display: block;
	border: none;
	height: 60px;
	padding: 0px 20px;
	margin-bottom: 25px;
	width: 100%;
}

.inptMed {
	height: 50px;
}

.inpt:focus,
.slct.act {
	z-index: 100;
	box-shadow: 0 0 0 var(--shadow-width) var(--color-special2-shadow);
}

.bgDark .inpt:focus,
.bgDark .slct.act {
	box-shadow: 0 0 0 var(--shadow-width) rgba(255, 255, 255, 0.15);
}

.bgSpecial .inpt,
.bgDark .inpt {
	background: none;
	color: #FFF;
	border-color: #FFF;
}

.bgSpecial .inpt:focus,
.bgSpecial .slct.act,

.bgDark .inpt:focus,
.bgDark .slct.act {
	border-bottom-color: #FFF;
}


textarea.inpt {
	min-height: 150px;
	padding: 20px;
}

.inptHolder label {
	color: #666;
	font-size: 16px;
	display: block;
	padding: 0 0px 10px 0px;
}

.inptHolder+.note {
	margin-top: -14px;
}

.inptHolder.browse [type="file"] {
	display: none;
}

select.inpt {
	color: #666;
	position: relative;
	z-index: 99;
}

select.inpt option {
	padding-left: 0;
	padding-right: 0;
	color: #333;
}

.slctHolder:after {
	content: "";
	position: absolute;
	z-index: 100;
	content: "";
	right: 15px;
	top: 22px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

.slct_act,
.slct.act,
.slct_dd.act {
	z-index: 200;
}


.slct_act .inpt,
.slct.act .inpt,
.slct_dd.act .inpt,
.act .slct,
.act .inpt {}

.slct {
	width: 155px;
}

.slct select {
	width: 100%;
}


.btn::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="password"],
textarea,
select {
	outline: none;
}

::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}

:-moz-placeholder {
	color: #666;
	opacity: 1;
}

::-moz-placeholder {
	color: #666;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}


.bgDark ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgDark :-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgDark ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgDark :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgSpecial ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgSpecial :-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgSpecial ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.bgSpecial :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}


/* --- } --- Forms --- */




.anim_holder {
	overflow: hidden;
}

body:not(.is_handheld) [data-animated]:not(.randomSections) {
	opacity: 0;
}

body:not(.is_handheld) [data-anim-effect="dk_slideInRightBefore"]:before {
	opacity: 0;
}

.animated {
	/* animation-delay: 2s; */
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-count: 1;
}

span.animated {
	display: inline-block;
}

.animated.inline {
	display: inline;
}

.animated.inlineBlock {
	display: inline-block;
}



@-webkit-keyframes dk_pulsate {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.7;
	}
}

@keyframes dk_pulsate {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.7;
	}
}

.dk_pulsate {
	-webkit-animation: dk_pulsate 1.0s infinite alternate;
	animation: dk_pulsate 1.0s infinite alternate;
}


@-webkit-keyframes dk_slideInUp {
	0% {
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes dk_slideInUp {
	0% {
		-webkit-transform: translateY(20%);
		transform: translateY(20%);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dk_slideInUp {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInUp;
	animation-name: dk_slideInUp;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@keyframes dk_slideInDown {
	0% {
		transform: translate3d(0, -20%, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes dk_slideInDown {
	0% {
		-webkit-transform: translate3d(0, -20%, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.dk_slideInDown {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInDown;
	animation-name: dk_slideInDown;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.dk_slideInDown2:before {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInDown;
	animation-name: dk_slideInDown;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@keyframes dk_slideInLeft {
	0% {
		transform: translate3d(-100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}


@-webkit-keyframes dk_slideInLeft {
	0% {
		-webkit-transform: translate3d(-100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.dk_slideInLeft {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInLeft;
	animation-name: dk_slideInLeft;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@keyframes dk_slideInLeftAfter {
	0% {
		transform: translate3d(-20%, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}


@-webkit-keyframes dk_slideInLeftAfter {
	0% {
		-webkit-transform: translate3d(-20%, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}

.dk_slideInLeftAfter:after {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInLeftAfter;
	animation-name: dk_slideInLeftAfter;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.7;
}

@keyframes dk_slideInRight {
	0% {
		transform: translate3d(100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes dk_slideInRight {
	0% {
		-webkit-transform: translate3d(100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.dk_slideInRight {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInRight;
	animation-name: dk_slideInRight;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.dk_slideInRightBefore:before {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInRight;
	animation-name: dk_slideInRight;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;

	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


@keyframes dk_slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}
}

@-webkit-keyframes dk_slideOutRight {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100px, 0, 0);
		visibility: visible;
		opacity: 0;
	}
}

.dk_slideOutRight {
	visibility: visible !important;
	-webkit-animation-name: dk_slideOutRight;
	animation-name: dk_slideOutRight;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@keyframes dk_fadeIn {
	0% {
		visibility: visible;
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes dk_fadeIn {
	0% {
		visibility: visible;
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.dk_fadeIn {
	visibility: visible !important;
	-webkit-animation-name: dk_fadeIn;
	animation-name: dk_fadeIn;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@keyframes dk_fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

@-webkit-keyframes dk_fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

.dk_fadeOut {
	-webkit-animation-name: dk_fadeOut;
	animation-name: dk_fadeOut;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@keyframes dk_zoomIn {
	0% {
		visibility: visible;
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes dk_zoomIn {
	0% {
		visibility: visible;
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


.dk_zoomIn {
	visibility: visible !important;
	-webkit-animation-name: dk_zoomIn;
	animation-name: dk_zoomIn;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;

	-webkit-animation-timing-function: cubic-bezier(.25, .1, .25, 1.3);
	animation-timing-function: cubic-bezier(.25, .1, .25, 1.3);
}


.dk_blink {
	-webkit-animation: dk_blink 0.9s infinite alternate;
	animation: dk_blink 0.9s infinite alternate;
}

@-webkit-keyframes dk_blink {
	0% {
		opacity: 0.65;
	}

	100% {
		opacity: 1;
	}
}

@keyframes dk_blink {
	0% {
		opacity: 0.65;
	}

	100% {
		opacity: 1;
	}
}


@-webkit-keyframes dk_slideInUpSmall {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes dk_slideInUpSmall {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dk_slideInUpSmall {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInUpSmall;
	animation-name: dk_slideInUpSmall;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}


@-webkit-keyframes dk_slideInDownSmall {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes dk_slideInDownSmall {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
		visibility: visible;
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dk_slideInDownSmall {
	visibility: visible !important;
	-webkit-animation-name: dk_slideInDownSmall;
	animation-name: dk_slideInDownSmall;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



/* Slider */
.slider .anim,
.slider .animUp {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: visible;
	opacity: 0;
}

.slider .animUp {
	transform: translate3d(0, 20%, 0);
	-webkit-transform: translate3d(0, 20%, 0);
}

.slider .anim {
	transform: translate3d(100px, 0, 0);
	-webkit-transform: translate3d(100px, 0, 0);
}

.slider .col:nth-child(even) .anim {
	transform: translate3d(-100px, 0, 0);
	-webkit-transform: translate3d(-100px, 0, 0);
}


.slider.alt .anim {
	transform: translate3d(-100px, 0, 0);
	-webkit-transform: translate3d(-100px, 0, 0);
}

.slider.alt .col:nth-child(even) .anim {
	transform: translate3d(100px, 0, 0);
	-webkit-transform: translate3d(100px, 0, 0);
}


.slider .slick-active .animUp,
.slider .slick-active .anim {
	transform: translate3d(0, 0, 0) !important;
	-webkit-transform: translate3d(0, 0, 0) !important;
	opacity: 1;
}

.slider .animUp:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.slider .anim:nth-child(1) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.slider .anim:nth-child(2) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.slider .anim:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.slider .anim:nth-child(4) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.slider .anim:nth-child(5) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.slider .anim:nth-child(6) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.slider .anim:nth-child(7) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.slider .anim:nth-child(8) {
	-webkit-transition-delay: 1.0s;
	transition-delay: 1.0s;
}

.slider .anim:nth-child(9) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.slider .anim:nth-child(10) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}



.slider.padded {
	margin: 0 -10px;
	width: auto;
	min-width: 100%;
}

.slider.padded .slick-slide {
	padding: 0 10px 5px 10px;
	overflow: hidden;
}


.slider.slick-initialized>div {
	opacity: 1;
}




.sliderHolder {
	position: relative;
}





.loading {
	display: block;
	margin: auto;
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-indent: -9999em;
	border-top: 2px solid var(--color-special);
	border-right: 2px solid var(--color-special);
	border-bottom: 2px solid rgba(43, 56, 81, 0.5);
	border-left: 2px solid rgba(43, 56, 81, 0.5);
	-webkit-animation: load8 0.9s infinite linear;
	animation: load8 0.9s infinite linear;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.bgWhite .loading {
	border-top-color: var(--color-special);
	border-right-color: var(--color-special);
	border-bottom-color: rgba(43, 56, 81, 0.5);
	border-left-color: rgba(43, 56, 81, 0.5);
}

.bgDark .loading,
.bgSpecial .loading {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: rgba(255, 255, 255, 0.35);
	border-left-color: rgba(255, 255, 255, 0.35);
}

.loading.inline {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.loading.inline,
.loading.sm {
	width: 50px;
	height: 50px;
}

.loading.hide {
	display: none !important;
}




@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




@-webkit-keyframes loadingBeat {
	50% {
		opacity: .2;
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes loadingBeat {
	50% {
		opacity: .2;
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.loadingBeat {
	display: block;
	margin: auto;
	position: absolute;
	z-index: 20;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	--lb-duration: .95s;
}

.loadingBeat>div {
	width: 15px;
	height: 15px;
	background: url(../svg/arw_u.svg) center center no-repeat;
	background-size: 100% auto;
	margin: 4px;
	display: inline-block;
	position: relative;
	top: 14px;
}

.bgDark .loadingBeat>div,
.bgSpecial .loadingBeat>div {
	background-image: url(../svg/arw_u_white.svg);
}


.loadingBeat>div:nth-child(1) {
	-webkit-animation: loadingBeat var(--lb-duration) -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: loadingBeat var(--lb-duration) -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.loadingBeat>div:nth-child(2) {
	-webkit-animation: loadingBeat var(--lb-duration) -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: loadingBeat var(--lb-duration) -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.loadingBeat>div:nth-child(3) {
	-webkit-animation: loadingBeat var(--lb-duration) 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: loadingBeat var(--lb-duration) 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}


.loadingBeat>div:nth-child(2) {
	top: -14px;
}


@-webkit-keyframes dk_showCookiesNotice {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		bottom: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		bottom: 20px;
	}
}

@keyframes dk_showCookiesNotice {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		bottom: 0;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		bottom: 20px;
	}
}

.dk_showCookiesNotice {
	-webkit-animation-name: dk_showCookiesNotice;
	animation-name: dk_showCookiesNotice;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



.cookiesNotice {
	background: var(--color-darker) !important;
	border-radius: 10px;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0px;
	padding: 20px 20px;
	color: #FFF;
	font-size: 14px;
	width: var(--wrap-width);
	max-width: calc(100% - 40px);
	transform: translate3d(0, 100%, 0);

	-webkit-animation-name: dk_showCookiesNotice;
	animation-name: dk_showCookiesNotice;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;

	animation-fill-mode: forwards;
	animation-delay: 3s;

	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.cookiesNotice:not(.shown) {
	display: none;
	box-shadow: none;
}

.cookiesNotice .col_text {
	max-width: calc(100% - 330px);
	padding-right: 50px;
}

.cookiesNotice .col_text p {
	padding: 0 !important;
	line-height: 150%;
}

.cookiesNotice .col_text a {
	color: #FFF !important;
	text-decoration: underline;
}

@media only screen and (max-width : 767px) {

	.cookiesNotice {
		padding-top: 20px;
		padding-bottom: 20px;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.cookiesNotice .col_text {
		width: 100%;
		max-width: 100%;
		padding: 0 0 20px 0;
	}

}



.page-auth {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.page-auth #header {
	background-color: var(--color-dark) !important;
}

.page-auth #content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex: 1 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	padding: var(--header-height) 0 0 0;
}

.page-auth #content .wrap {
	width: 480px;
}

.page-auth #content .wMax {
	max-width: 320px;
}

.page-auth h2 {
	padding-bottom: 30px;
}

.page-auth #content h2.no_padd_b {
	padding-bottom: 5px !important;
}


.page-auth #content .form {
	width: 100%;
	margin: 0 auto;
	max-width: 380px;
}

.page-auth #content .inpt {
	margin-bottom: 20px;
}

.page-auth #content .inptComment,
.page-auth #content .inptError {
	margin-bottom: 20px;
}

.page-auth #content .btns {
	padding-top: 5px;
}

.page-auth .scroll {
	max-height: 220px;
}

.page-auth .scroll_sm {
	max-height: 120px;
}

.page-auth .simplebar-content {
	padding-right: 20px !important;
}

.page-auth .simplebar-track.simplebar-vertical {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 6px;
}

.page-auth .scroll h3 {
	font-size: inherit;
}

.page-auth .scroll h3,
.page-auth .scroll p {
	padding-bottom: 15px !important;
}


.applyAs {
	padding-bottom: 5px;
}

.applyAs .choice {
	display: block;
	background: none;
	width: 100%;
	text-align: left;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	border: 1px solid var(--color-special);
	color: var(--color-main);
	margin-bottom: 15px;
	height: 46px;
	border-radius: 23px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0 15px 42px;
}

.applyAs .choice:before {
	content: "";
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	border: 1px solid #999;
	border-radius: 50%;
	left: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.applyAs .choice:hover {
	box-shadow: 0 0 0 var(--shadow-width) rgba(0, 0, 0, 0.1);
}

.applyAs .choice:hover,
.applyAs .choice.act {
	background: var(--color-special);
	color: #FFF;
}

.applyAs .choice:hover:before,
.applyAs .choice.act:before {
	border-color: #FFF;
}

.applyAs .choice.act:before {
	border-width: 4px;
}


#applyAs .choice {
	display: none;
}



#page404 {
	max-width: 375px;
	margin: 0 auto;
	padding: 10% 0;
}

#page404 h1 {
	color: var(--color-special);
	font-weight: bold;
	font-size: 65px;
	line-height: 100%;
}

#page404 h1 span {
	display: block;
	font-size: 14px;
	line-height: 100%;
}



/* --- Sitemap --- { --- */

#wrapper #sitemap {
	padding: 0;
}

#wrapper #sitemap>ul {
	padding: 0;
	list-style: none;
}

#wrapper #sitemap>ul>li {
	padding: 0;
}

#wrapper #sitemap>ul>li>a {
	display: inline-block;
}

#wrapper #sitemap>ul>li>a,
#wrapper #sitemap div.link {
	margin: 0px 0 20px 0;
	font-weight: bold;
	font-size: 1.2em;
}

#wrapper #sitemap div.link+ul {
	margin-top: -10px;
}

#wrapper #sitemap ul ul {
	display: block;
	list-style: none;
	margin: -5px 0 30px 15px;
	padding: 0px 0 0 0;
	background: url(../svg/dash_v.svg) 2px top repeat-y;
}

#wrapper #content #sitemap ul ul li {
	padding: 2px 0 15px 28px;
	background: url(../svg/dash_h.svg) 2px 13px no-repeat;
}

#wrapper #content #sitemap ul li:before {
	display: none;
}

#wrapper #content #sitemap ul ul li:last-child {
	background: #FFF url(../svg/dash_hb.svg) 1px top no-repeat;
	padding-bottom: 0;
}

#wrapper #sitemap ul ul ul {
	margin-top: 15px;
	margin-bottom: 10px;
}

/* --- } --- Sitemap --- */