/********************************
	Developed by AXA Studios
	The Creative Engine
	http://www.axastudios.com
*********************************/

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');*/

:root {
	--main-color: #25252C;
	--sub-color: #E59310;
	--hover-color: #da5716;
	--shadow-color: rgba(229, 147, 16, 0.24);
	--dark-color: #111116;
	--light-color: #e7e8e9;
	--grey-color: #97979a;
	--grey-light-color: #c2c4c8;
	--nav-light-color: #8b8d94;
	--border-color: #E2E2E2;
	--border-dark-color: #B2B2B2;
	--white-color: #FFFFFF;
	--xs-pad: 8px;
	--sm-pad: 16px;
	--main-pad: 24px;
	--md-pad: 32px;
	--lg-pad: 48px;
	--xl-pad: 72px;
	--xxl-pad: 96px;
	--lg-neg: -48px;
	--main-neg: -24px;
	--main-font: 16px;
	--sm-font: 14px;
	--input-font: 16px;
	--button-font: 14px;
	--sm-icon: 18px;
	--main-icon: 32px;
	--large-icon: 96px;
}

/* MAIN STYLES *****************************/

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

body {
	padding: 0px;
	margin: 0px;
	background: var(--white-color);
	font-family: 'azo-sans-web', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6;
	color: #161b29;
	color: var(--main-color);
}

/* TEXT & LINK STYLES *****************************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'azo-sans-web', Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

h1 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: var(--main-pad);
	/*    color: var(--sub-color);*/
}

h2 {
	font-size: 34px;
	font-weight: 700;
	/*	text-transform: uppercase;*/
	line-height: 1.4;
	margin-bottom: var(--sm-pad);
}

h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 8px;
	line-height: 1;
}

h4 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 8px;
	line-height: 1;
}

h2 span, h3 span {
	color: var(--sub-color);
}

.sub-title {
	display: block;
	font-weight: 400;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	margin-bottom: var(--sm-pad);
	color: var(--sub-color);
}

.italic {
	font-style: italic;
}

p {
	margin-bottom: 2.4rem;
	margin-bottom: 24px;
	color: var(--grey-color);
}

.lead, .page-intro p, .article-intro p {
	font-weight: 300;
	font-size: 26px;
	margin-bottom: 2.4rem;
	line-height: 1.6;
}

h3+.lead {
	margin-top: 1.6rem;
}

/*
.large-txt{
    font-size: 22px;
}
*/

:focus {
	-moz-outline-style: none;
}

::selection {
	background-color: #333333;
	color: #fff;
}

::-moz-selection {
	background-color: #333333;
	color: #fff;
}

img {
	max-width: 100%;
}

input:focus, button:focus {
	outline: none;
}

a, a:visited {
	color: var(--main-color);
	border: none;
	outline: 0;
	-moz-outline-style: none;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: inherit;
	color: var(--dark-color);
	-webkit-transition: color 0.4s ease-out;
	transition: color 0.4s ease-out;
}

a img {
	border: none;
	outline: 0;
	-moz-outline-style: none;
}

.page p a {
	font-weight: 700;
	text-decoration: underline;
}

input.button, .button, .button:visited, .w-btn, .l-btn, .c-btn {
	position: relative;
	cursor: pointer;
	color: var(--white-color);
	line-height: 30px;
	font-size: var(--button-font);
	font-weight: 700;
	letter-spacing: 1px;
	/*	border: 1px solid var(--sub-color);*/
	border: none;
	border-radius: 9px;
	outline: none;
	background: var(--sub-color);
	text-align: center;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none;
}

a.button, .button {
	color: var(--white-color);
	display: inline-block;
	text-decoration: none!important;
	padding: 10px 24px 8px 24px;
	padding: 9px 24px 9px 24px;
}

.button.hover {
	background: var(--hover-color);
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}

.button:hover, .button:active, .button:focus {
	background: var(--hover-color);
	box-shadow: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*
.button:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 24px;
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(104,124,188,1)), color-stop(100%, rgba(118,204,228,1)));
	background: -webkit-linear-gradient(-45deg, rgba(104,124,188,1) 0%, rgba(118,204,228,1) 100%);
	background: linear-gradient(135deg, rgba(104,124,188,1) 0%, rgba(118,204,228,1) 100%);
	z-index: -1;
}
*/

.l-btn, .l-btn:visited {
	display: inline-block;
	text-decoration: none;
	line-height: 28px;
	padding: 9px 48px 9px 48px;
	color: var(--white-color);
	background: none;
	box-shadow: none;
	border: 1px solid var(--white-color);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.l-btn:hover, .l-btn:active, .l-btn:focus {
	background: none;
	color: var(--sub-color);
	border: 1px solid var(--sub-color);
	box-shadow: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn-clean, .btn-clean:visited, a.btn-clean, a.btn-clean:visited {
	display: inline-block;
	font-size: var(--button-font);
	color: var(--white-color);
	border: none;
	background: none;
	box-shadow: none;
	line-height: 24px;
	padding: 12px 24px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration: none;
}

.btn-clean i {
	/*
	display: flex;
	flex-direction: column;
	justify-content: center;
*/
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 24px;
	text-align: center;
	vertical-align: top;
	margin-right: 4px;
}

/*
.btn-clean.clean-light{
    color:rgba(14,31,59,0.25);
}
*/

.btn-clean:hover, .btn-clean:active, .btn-clean:focus, a.btn-clean:hover, a.btn-clean:active, a.btn-clean:focus {
	color: var(--hover-color);
	border: none;
	background: none;
}

.i-btn, .i-btn:visited {
	display: block;
	text-decoration: none;
	padding: 0px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	color: var(--main-color);
	background: none;
	border: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.i-btn:hover, .i-btn:active, .i-btn:focus {
	background: none;
	color: var(--hover-color);
	border: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.btn-group .btn {
	position: relative;
	display: flex;
	/*    line-height: 24px;*/
	padding: 11px 16px;
	padding: 0px;
	font-size: 14px;
	border: 1px solid var(--border-color);
	color: var(--grey-color);
	background: #FFFFFF;
}

.btn-group .btn span {
	width: 48px;
	line-height: 46px;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}

.btn-group .btn span i {}

.btn-group .btn:hover, .btn-group .btn.active {
	color: var(--sub-color);
}

.btn-group .btn div {
	width: 48px;
	text-align: left;
	line-height: 46px;
}

.txt-link, .txt-link:visited, .btn-link, .btn-link:visited {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
	text-decoration: none;
	color: var(--nav-light-color);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-link {
	font-weight: 700;
	text-decoration: none;
}

.txt-link:hover, .txt-link:focus, .txt-link:active, .btn-link:hover, .btn-link:focus, .btn-link:active {
	color: var(--hover-color);
	text-decoration: none;
}

@-moz-document url-prefix() {
	a.button, .button, .w-btn, .w-btn:visited {
		padding: 9px 40px 9px 40px;
	}
	.btn-clean, .btn-clean:visited {
		padding: 12px 40px;
	}
}

/* FORM STYLES *****************************/

.form-wrap {
	position: relative;
	/*    margin-bottom: 72px;*/
}

.form-row-main {
	margin-left: -24px;
	margin-right: -24px;
}

.form-col-main {
	position: relative;
	display: block;
	width: 50%;
	float: left;
	padding: 0px 24px;
}

.form-wrapper .form-wrap {
	margin-bottom: 0px;
}

.form-col {
	position: relative;
	display: block;
	width: 50%;
	float: left;
	padding: 0px 12px;
}

.form-wrap .row {
	margin-left: -12px;
	margin-right: -12px;
}

.form-wrap .col-sm-4, .form-wrap .col-sm-6, .form-wrap .col-sm-8, .form-wrap .col-sm-12 {
	padding-left: 12px;
	padding-right: 12px;
}

.row.form-small-row {
	margin: 0;
	width: 100%;
}

.form-group {
	position: relative;
	display: block;
	/*    padding: 0px;*/
	margin-bottom: 24px;
}

.row.form-cols {
	margin-left: -40px;
	margin-right: -40px;
}

.form-col h3 {
	padding: 0px 20px;
}

.form-matd {
	position: relative;
	/*	margin-bottom: 0px;*/
}

.form-group.select-box {
	/*    margin-top: 20px;*/
}

h3+.form-group.select-box {
	margin-top: 20px;
}

.form-matd input, .form-matd textarea {
	height: 48px;
	padding: 20px 16px 4px 16px;
	line-height: 22px;
	border: 1px solid var(--border-color);
	font-weight: 700;
	border-radius: 5px;
	background: none;
	box-shadow: none;
	height: initial;
	color: var(--main-color);
}

.form-matd textarea {
	min-height: 80px;
	min-height: 120px;
}

.form-matd input:focus, .form-matd textarea:focus {
	/*	border-bottom:1px solid #aaaaaa;*/
	outline: none;
	background: none;
}

.form-control {
	font-size: var(--input-font);
	color: var(--main-color);
	box-shadow: none;
	border: 1px solid var(--border-color);
}

.form-control:focus {
	color: var(--main-color);
	box-shadow: none;
	border: 1px solid var(--border-color);
}

.form-matd .form-control:focus {
	border: 1px solid var(--border-color);
}

.form-control::-webkit-input-placeholder {
	color: var(--main-color);
}

.form-control::-moz-placeholder {
	color: var(--main-color);
}

.form-control:-ms-input-placeholder {
	color: var(--main-color);
}

.form-control::placeholder {
	color: var(--main-color);
}

.form-matd .form-control:focus {
	box-shadow: none;
	outline: none;
	color: var(--main-color);
	font-weight: 700;
}

.form-control:focus::-webkit-input-placeholder {
	font-weight: 400;
}

.form-control:focus::-moz-placeholder {
	font-weight: 400;
}

.form-control:focus:-ms-input-placeholder {
	font-weight: 400;
}

.form-control:focus::placeholder {
	font-weight: 400;
}

.form-matd .form-border {
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -1px;
	bottom: 0px;
	left: 50%;
	background: var(--sub-color);
	transition: 0.15s ease all;
	-webkit-transition: 0.15s ease all;
}

input:focus~.form-border, textarea:focus~.form-border {
	left: 0px;
	width: 100%;
	transition: 0.15s ease all;
	-webkit-transition: 0.15s ease all;
}

input:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, input:-internal-autofill-selected {
	-webkit-appearance: none!important;
	background-color: #FFFFFF !important;
	background-image: none !important;
	color: #362E2E !important;
}

.form-matd label, .form-matd input:invalid~label, .form-matd input.input-empty~label {
	position: absolute;
	color: var(--grey-color);
	font-weight: normal;
	pointer-events: none;
	left: 8px;
	top: 12px;
	font-size: 16px;
	font-weight: 400;
	transition: 0.15s ease all;
	-webkit-transition: 0.15s ease all;
}

.form-col input:focus~.form-border, .form-col textarea:focus~.form-border {
	left: 12px;
	width: calc(100% - 24px);
}

.form-matd.form-col label, .form-matd.form-col input:invalid~label {
	left: 28px!important;
}

.form-matd input:focus~label, .form-matd input.input-filled~label, .form-matd input:required:valid~label, .form-matd textarea:focus~label, .form-matd textarea.input-filled~label, .form-matd textarea:required:valid~label {
	left: 8px;
	top: 4px;
	color: var(--grey-color);
	font-size: 12px;
	font-weight: 300;
	/*    text-transform: uppercase;*/
}

.form-matd label.error, #reg-check-error {
	position: absolute;
	top: auto!important;
	bottom: -25px;
	font-weight: 400;
	color: #ee0000!important;
	font-size: 11px!important;
	text-transform: uppercase;
}

.form-matd label.error, .form-matd .error-text, .select-box .error-text, .checkbox .error-text, .form-captcha .error-text, .form-option-group .error-text, .form-options .error-text {
	position: absolute;
	top: auto!important;
	bottom: -20px;
	bottom: -18px;
	font-weight: 400;
	color: #ee0000!important;
	font-size: 11px!important;
	/*    text-transform: uppercase;*/
}

.form-option-group .error-text, .checkbox .error-text {
	bottom: -12px;
}

.form-captcha .error-text {}

.form-title {
	margin-bottom: 8px;
}

.form-group+.form-title {
	margin-top: 16px;
}

.form-title h4 {
	margin: 0;
	/*	margin-top: 16px;*/
	margin-bottom: 4px;
}

.form-title span {
	margin-bottom: 8px;
	color: var(--grey-color);
}

.form-btn {
	text-align: right;
	margin-top: 10px;
}

.form-btm {
	margin-top: 10px;
}

.form-btns {
	display: block;
	margin-top: 16px;
	margin-bottom: 0;
	width: 100%;
	/*    text-align: right;*/
}

.form-btns .btn-right {
	position: relative;
	display: inline-block;
	float: right;
}

.form-btns:after {
	content: '';
	clear: both;
	display: block;
}

.ch-btn {
	position: relative;
	display: inline-block;
	display: block;
	vertical-align: middle;
	margin: 4px 0px;
	/*    height: 16px;*/
	/*    padding-top: 8px;*/
}

.ch-btn input[type="checkbox"] {
	position: absolute;
	left: 49%;
	visibility: hidden;
	height: 1px;
	z-index: 0;
}

.ch-btn label {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding-left: 32px;
	line-height: 24px;
	margin: 0;
	cursor: pointer;
	z-index: 1;
}

.ch-btn label span {
	position: absolute;
	display: block;
	height: 16px;
	width: 16px;
	top: 3px;
	left: 0px;
	border: 1px solid var(--border-color);
	border-radius: 3px;
	z-index: 1;
	text-align: center;
	font-size: 12px;
	color: var(--grey-color);
}

.ch-btn label:hover span {
	cursor: pointer;
}

.ch-btn input[type="checkbox"]:checked+label span {
	color: var(--white-color);
	background: var(--sub-color);
	border: 1px solid var(--sub-color);
}

.ch-btn label i {
	display: none;
	height: 16px;
	line-height: 14px;
	font-weight: 300;
}

.ch-btn label:hover i, .ch-btn input[type="checkbox"]:checked+label i {
	display: block;
	opacity: 1;
}

.ch-btn a {
	text-decoration: underline;
}

.ch-btn a:hover {
	text-decoration: none;
}

.form-group>h3 {
	margin: 24px 0px;
}

/*
.form-option-group .control-label{
    position: relative;
    margin-bottom: 16px;
}
*/

.form-normal label.control-label {
	position: relative;
	color: var(--grey-color);
}

.form-info-text {
	font-size: 14px;
	color: var(--grey-color);
}

.form-options {}

.form-option-label {
	position: relative;
}

.form-option, .form-option-inline {
	position: relative;
	display: block;
	align-items: center;
	height: 24px;
	padding: 0;
	margin: 0;
	margin: 4px 0px 8px 0px;
}

.form-options-inline {}

.form-options-inline .control-label {
	display: block;
}

.form-option-inline {
	margin-right: 24px;
	display: inline-flex;
}

label.form-option-label {
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
	overflow: hidden;
	margin: 0;
	padding-left: 30px;
	height: 24px;
	line-height: 24px;
}

.form-option input[type="radio"], .form-option-inline input[type="radio"] {
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
	visibility: hidden;
}

.form-option-label:hover {
	cursor: pointer;
}

.form-option-label .radio-cir {
	position: absolute;
	display: block;
	background: #FFFFFF;
	height: 16px;
	width: 16px;
	left: 0px;
	top: 3px;
	display: block;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 50%;
	z-index: 2;
	/*
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
*/
}

input[type="radio"]:checked+.radio-cir {
	color: var(--sub-color);
	background: var(--sub-color);
	border: 1px solid var(--sub-color);
}

.form-option-label .radio-cir:after {
	position: absolute;
	content: '';
	display: block;
	left: 5px;
	top: 5px;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background: var(--white-color);
}

.form-option-label input[type="radio"]:checked+.radio-cir:after {
	background: var(--white-color);
}

.form-option-label:hover input[type="radio"]+.radio-cir {
	background: var(--border-color);
}

.form-option-label:hover input[type="radio"]:checked+.radio-cir {
	background: var(--sub-color);
}

.form-option-label:hover input[type="radio"]+.radio-cir:after {
	background: var(--white-color);
}

.form-select {
	position: relative;
	margin-bottom: 16px;
	background: #FFFFFF;
}

.form-select select {
	height: 48px;
	opacity: 0;
}

.content-form .form-select {
	margin-bottom: 24px;
}

.form-select .selectric-wrapper {
	margin-left: -1px;
	margin-right: -1px;
}

.form-select .control-label {
	position: absolute;
	z-index: 2;
	top: 4px!important;
	left: 16px!important;
	color: var(--grey-color);
	font-size: 12px;
	font-weight: 300;
}

.form-select.col-sm-12 .control-label, .form-select.col-sm-6 .control-label {
	left: 28px!important;
	/*    z-index: 100;*/
}

.form-select .selectric {
	border: none;
	background: none;
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.form-select .selectric:hover {
	border: 1px solid #B2B2B2;
}

.form-select .selectric-open.selectric-below .selectric {
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #B2B2B2;
}

.form-select .selectric-open.selectric-above .selectric {
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #B2B2B2;
	border-top: 1px solid #FFFFFF;
}

.selectric-open. .selectric-items {
	background: #FFFFFF;
}

.form-select .selectric .label {
	font-weight: 600;
	line-height: 24px;
	height: 46px;
	padding: 12px 0px 12px 16px;
	padding: 20px 16px 4px 16px;
	font-size: var(--input-font);
}

.form-select .selectric .button {
	height: 48px;
	width: 40px;
	right: 0px;
	top: 0px;
	text-align: center;
}

.form-select .selectric .button:after {
	text-align: center;
	top: 14px;
	color: var(--grey-color);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.form-select .selectric-open .button:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.form-select.form-select-inline-label {
	position: relative;
}

.form-control:disabled, .form-control[readonly] {
	/*    background-color: #e9ecef;*/
	background: none;
}

/* WRAPPER STYLES *****************************/

#outer-wrapper {
	position: relative;
	/*	overflow: hidden;*/
}

#bg-wrapper {
	position: fixed;
	content: '';
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: var(--main-color);
}

.menu-open #bg-wrapper {
	display: block;
	opacity: 1;
	-webkit-animation: opac-in-animate 0.5s ease-out forwards;
	animation: opac-in-animate 0.5s ease-out forwards;
}

.menu-ani #bg-wrapper {
	display: block;
	opacity: 1;
	-webkit-animation: opac-out-animate 0.3s ease-in forwards;
	animation: opac-out-animate 0.3s ease-in forwards;
}

#main-wrapper {
	position: relative;
}

#content-wrapper {
	position: relative;
	display: block;
	background: #FFFFFF;
	z-index: 1;
	padding: 96px 0px;
	overflow: hidden;
}

.home-wrap #content-wrapper {
	padding: 0;
}

#content-wrapper.page-wrap {
	padding: 72px 0px;
}

#content-wrapper.page-wrap:after {
	display: none!important;
}

/* HEADER *****************************/

#navbar {
	position: absolute;
	display: block;
	width: 100%;
	padding: 12px 24px;
	top: 0px;
	z-index: 99;
	background: #FFFFFF;
}

#navbar.sticky {
	position: fixed;
	box-shadow: 0px 1px 0px #E2E2E2;
	background: #FFFFFF;
}

.home-wrap #navbar, .banner-page #navbar {
	background: none;
}

.home-wrap #navbar.sticky, .banner-page #navbar.sticky {
	background: #FFFFFF;
}

#navbar .container {
	max-width: 100%;
	padding: 0;
}

.sub-page #navbar .container {
	max-width: 100%;
	padding: 0;
}

.navbar-header {
	position: relative;
}

.logo-main {
	display: inline-block;
	float: left;
	align-self: flex-start;
	margin: 12px 24px 12px 16px;
	margin: 10px 24px 10px 16px;
	padding: 0px;
}

.logo-main img {
	height: 48px;
	width: auto;
}

.logo-main span {
	position: relative;
	display: block;
}

#navbar .logo-main-dark {
	display: none;
}

#navbar.sticky .logo-main-dark {
	display: block;
}

#navbar.sticky .logo-main-light {
	display: none;
}

.logo-mob, .nav-back-btn, .nav-share-btn {
	display: none;
}

.nav-toggle {
	position: relative;
	float: right;
	cursor: pointer;
	display: none;
	width: 24px;
	height: 24px;
	padding: 0px;
	margin: 16px 0px 16px 16px;
	background: none;
	border: none;
	overflow: hidden;
}

.nav-icon span, .menu-ani .nav-icon span {
	display: block;
	position: absolute;
	top: 11px;
	left: 3px;
	right: 3px;
	height: 2px;
	background: var(--main-color);
	transition: background 0s 0.2s;
}

.nav-icon span::before, .nav-icon span::after, .menu-ani .nav-icon span::before, .menu-ani .nav-icon span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--main-color);
	content: "";
	transition-duration: 0.2s, 0.2s;
	transition-delay: 0.2s, 0s;
}

.nav-icon span::before, .menu-ani .nav-icon span::before {
	top: -5px;
	transition-property: top, transform;
}

.nav-icon span::after, .menu-ani .nav-icon span::after {
	/*    width: 70%;*/
	bottom: -5px;
	transition-property: bottom, transform;
}

.menu-open .nav-icon span {
	background: none;
}

.menu-open .nav-icon span::before {
	top: 0;
	width: 100%;
	transform: rotate(45deg);
}

.menu-open .nav-icon span::after {
	bottom: 0;
	width: 100%;
	transform: rotate(-45deg);
}

.menu-open .nav-icon span::before, .menu-open .nav-icon span::after {
	transition-delay: 0s, 0.2s;
}

/* NAV MAIN *****************************/

.navbar-header {
	display: flex;
	flex-direction: row;
}

.nav-wrap {
	display: flex;
	width: 100%;
}

#nav-main {
	position: relative;
	display: inline-block;
}

#nav-right {
	position: relative;
	display: flex;
	margin-left: auto;
}

#nav-main ul, #nav-right ul {
	position: relative;
	margin: 8px 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

#nav-right ul {
	display: inline-block;
	float: left;
	margin: 8px 0px;
}

#nav-main ul li, #nav-right ul li {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0px 24px;
	padding: 8px 0px;
	margin: 0px 24px;
	text-align: center;
}

#nav-main ul li a, #nav-right ul li a {
	/*    position: relative;*/
	display: block;
	line-height: 20px;
	padding: 10px 0px;
	color: var(--white-color);
	font-weight: 400;
	font-size: 14px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
}

#nav-main ul li a {
	letter-spacing: 1px;
}

#navbar.sticky #nav-main ul li a, #navbar.sticky #nav-right ul li a {
	/*.sub-page #nav-main ul li a*/
	color: var(--main-color);
}

#nav-main ul li a:hover, #nav-right ul li a:hover, #navbar.sticky #nav-main ul li a:hover {
	/*.sub-page #nav-main ul li a:hover*/
	color: var(--sub-color);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#nav-main ul li.n-btn {
	padding: 0px;
	margin-left: 30px;
}

#nav-main .show-mob {
	display: none!important;
}

#navbar.sticky, .menu-open #navbar {
	position: fixed;
}

/*
#nav-right ul li{
    padding: 0 8px;
}
#nav-right ul.nav-social{
    padding: 0 16px;
}
#nav-right ul.nav-social li{
    margin: 0;
}
#nav-right ul.nav-social li a {
    font-size: var(--sm-icon);
}
#nav-right ul.nav-social li a:hover,
#navbar.sticky #nav-right ul.nav-social li a:hover {
    color: var(--sub-color);
}
.nav-right-title{
	color: var(--nav-light-color);
	font-weight: 300;
	padding: 16px 16px;
	line-height: 40px;
}
*/

#navbar.sticky .l-btn, #navbar.sticky .l-btn:visited {
	color: var(--main-color);
	border: 1px solid var(--main-color);
}

#navbar.sticky .btn-clean, #navbar.sticky .btn-clean:visited, #navbar.sticky a.btn-clean, #navbar.sticky a.btn-clean:visited {
	color: var(--main-color);
}

.nav-buttons {
	position: relative;
	display: inline-block;
	margin: 12px 0px;
	margin-left: 24px;
}

.nav-buttons .button {
	position: relative;
	margin-left: 16px;
}

.navbar-header:after, #nav-main ul:after, .icon-blocks:after {
	content: '';
	display: block;
	clear: both;
}

/* MAIN BANNER STYLES *****************************/

#banner-wrapper {
	position: relative;
	display: block;
	height: 100%;
	z-index: 1;
	background: var(--main-color);
	background: url(../images/header-background.jpg) center top no-repeat var(--main-color);
	background-size: cover;
	overflow: hidden;
}

#banner-main {
	position: relative;
	display: block;
	height: 100%;
}

.banner-stars {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	z-index: 1;
	opacity: 0.48;
}

#banner-wrapper .container {
	position: relative;
	display: flex;
	min-height: 100vh;
	/*    height: 100vh;*/
	justify-content: left;
	z-index: 2;
}

#banner-wrapper.sub-banner, #banner-wrapper.sub-banner .container {
	min-height: initial;
	height: initial;
}

.banner-text {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: left;
	align-self: center;
	width: calc(50% - 48px);
	width: 40%;
	color: var(--white-color);
	z-index: 3;
}

.banner-header {
	position: relative;
	display: flex;
	flex-direction: column;
}

.banner-main-top, .banner-main-btm {
	position: relative;
	display: block;
	overflow: hidden;
}
.banner-main-btm {
	text-align: justify;	
}
.banner-main-btm .bold{
	font-weight: 700;
}
.guide {
	color: var(--sub-color) !important;
}

.banner-text .banner-header-title {
	position: relative;
	display: inline-block;
}

.banner-text .banner-header-title h1 {
	position: relative;
	display: block;
	/*
    font-size:88px;
    font-weight: 900;
    line-height: 1.1;
	text-transform: uppercase;
	margin: 0;
	opacity: 0;
    -webkit-animation: btm-in-animate 1.0s ease-out forwards;
	animation: btm-in-animate 1.0s ease-out forwards;
*/
}

.banner-text p {
	position: relative;
	line-height: 1.6;
	/*    font-size: 22px;*/
	font-weight: 400;
	margin-bottom: var(--main-pad);
	/*
    -webkit-animation: top-in-animate 1.0s ease-out forwards;
	animation: top-in-animate 1.0s ease-out forwards;
*/
}

.banner-header-button {
	opacity: 0;
	-webkit-animation: btm-fade-animate 1.2s ease-out forwards;
	animation: btm-fade-animate 1.2s ease-out forwards;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.banner-header-button .button {
	box-shadow: 0px 0px 30px var(--shadow-color);
}

.banner-header-button .button:hover {
	box-shadow: none;
}

.banner-animation {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 50%;
}

.animation-json {
	position: relative;
	/*	top: 50%;*/
	margin-left: -10%;
	margin-right: -10%;
	width: 124%;
	height: auto;
}

.banner-social {
	position: absolute;
	list-style: none;
	display: flex;
	flex-direction: column;
	top: 0;
	right: 0;
	margin: 0;
	height: 100%;
	padding: 24px;
	align-self: center;
	justify-content: center;
	z-index: 2;
}

.banner-social li {
	margin: 8px 0;
	padding: 0;
}

.banner-social li a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	text-align: center;
	color: var(--grey-light-color);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.banner-social li a i {
	margin: auto;
}

.banner-social li a:hover {
	color: var(--sub-color);
	/*    opacity: 0.5;*/
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.banner-btns .button, .banner-btns .button {
	margin-right: 24px;
}

/* CONTENT BANNER STYLES *****************************/

.content-banner-wrap {
	position: relative;
	display: block;
	padding: 120px 0px;
	z-index: 1;
}

#content-1:after {
	content: '';
	position: absolute;
	display: block;
	width: 50%;
	height: 100%;
	left: 0%;
	bottom: 0%;
	z-index: 1;
	background: url(../images/logo-background-2.svg) right center no-repeat;
	background-size: cover;
}

#content-1 a.button {
    margin-top: 48px;
    width: max-content;
	z-index: 9999;
}

.content-banner, .info-blocks {
	position: relative;
	display: flex;
	flex-direction: row;
}

.center-page-wrap .content-banner {
	flex-direction: column;
	justify-content: center;
}

.banner-blk-txt, .banner-blk-img, .content-blk-block {
	position: relative;
	display: flex;
	width: 50%;
	padding: 0px 48px;
	align-content: flex-start;
	align-self: center;
	flex-direction: column;
}

.banner-blk-txt {
	width: 50%;
}

.banner-blk-img {
	width: 50%;
	padding: 0;
}

.banner-blk-txt.banner-txt-sm {
	width: 40%
}

.banner-blk-txt.banner-txt-lg {
	width: 60%
}

#content-3.content-banner-wrap, #content-4.content-banner-wrap {
	padding: 0px 0px;
}

#content-5.content-banner-wrap {
	padding: 0;
}

#content-3 .banner-blk-txt, #content-4 .banner-blk-txt, #content-5 .banner-blk-txt {
	padding: 0px 96px;
}

.content-blk-block {
	flex-direction: row;
	justify-content: center;
}

.content-banner-title-icon {
	text-align: center;
	color: var(--sub-color);
	font-size: 90px;
	margin-bottom: 24px;
}

.content-banner-title {
	position: relative;
	display: block;
	margin-bottom: 48px;
}

.content-banner-title:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -16px;
	left: 0;
	background: var(--sub-color);
	width: 72px;
	height: 2px;
}

.content-banner-center .content-banner-title:after {
	display: none;
}

.content-banner-title h2 {
	line-height: 1.2;
	margin: 0;
}

.content-banner-title h2 span {
	display: block;
}

.content-banner-txt {
	position: relative;
	display: block;
}

.content-banner-txt p:last-child {
	margin-bottom: 0;
}

.content-banner-txt.lead-p p:first-child {
	font-size: 26px;
	line-height: 1.6;
	color: var(--grey-color);
}

.content-banner-txt ul {
	color: var(--grey-color);
	margin-left: 0;
	padding-left: 16px;
}

.banner-blk-img.neg-margin img {
	margin-top: -96px;
	margin-bottom: -96px;
	margin-top: -120px;
	margin-bottom: -120px;
}

#content-1 {
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 22, 1)), color-stop(100%, rgba(37, 37, 44, 1)));
	background: -webkit-linear-gradient(top, rgba(17, 17, 22, 1) 0%, rgba(37, 37, 44, 1) 100%);
	background: -o-linear-gradient(top, rgba(17, 17, 22, 1) 0%, rgba(37, 37, 44, 1) 100%);
	background: -ms-linear-gradient(top, rgba(17, 17, 22, 1) 0%, rgba(37, 37, 44, 1) 100%);
	background: linear-gradient(to bottom, rgba(17, 17, 22, 1) 0%, rgba(37, 37, 44, 1) 100%);
	padding-bottom: 96px;
}

#content-1 h2, #content-1 h3 {
	color: var(--white-color);
}

.banner-img-cols {
	background: var(--main-color);
	color: var(--white-color);
}

#content-1 .banner-blk-txt.banner-txt-sm, #content-2 .banner-blk-txt.banner-txt-sm {
	align-self: flex-start;
}

#content-2 {
	padding-bottom: 0;
}

.banner-img-blocks {
	position: relative;
	display: flex;
	width: 100%;
	padding: 0px 0px;
	align-content: flex-start;
	align-self: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.banner-blk-img-wrap {
	position: relative;
	display: flex;
	align-self: flex-start;
	/*	vertical-align: top;*/
	padding: 0 48px;
	width: 50%;
	opacity: 0;
}

.animate .banner-blk-img-wrap {
	-webkit-animation: btm-fade-animate 0.6s ease-out forwards;
	animation: btm-fade-animate 0.6s ease-out forwards;
}

.banner-img-blocks .banner-blk-img-wrap:nth-child(1) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.banner-img-blocks .banner-blk-img-wrap:nth-child(2) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.banner-img-blocks .banner-blk-img-wrap:nth-child(3) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.banner-img-blocks .banner-blk-img-wrap:nth-child(4) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.banner-img-blk {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 48px;
}

.banner-img-blk-img {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 24px;
}

.banner-img-blk-img span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 80px;
	height: 80px;
	font-size: 32px;
	border-radius: 50%;
	color: var(--sub-color);
	background: var(--shadow-color);
}

.banner-img-blk-img img {
	height: 120px;
	width: auto;
}

.banner-img-blk-txt {
	display: flex;
	flex-direction: column;
	height: 70%;
}

.banner-img-blk-txt p:last-child {
	margin-top: auto;
}

.banner-img-blk-txt h3 span {
	font-weight: 300;
}

#content-2 .banner-blk-img-wrap {
	opacity: 1;
	animation: none!important;
}

#content-team {
	color: var(--white-color);
	padding-bottom: 48px;
}

.home-banner-dark .content-banner-txt.lead-p p:first-child {
	color: var(--white-color);
}

.home-banner-light {
	background: var(--light-color);
}

#content-3 .banner-blk-txt, #content-4 .banner-blk-txt, #content-5 .banner-blk-txt, #content-3 .banner-blk-img, #content-4 .banner-blk-img, #content-5 .banner-blk-img {
	opacity: 0;
}

#content-3.animate .banner-blk-txt, #content-4.animate .banner-blk-txt, #content-5.animate .banner-blk-txt {
	-webkit-animation: btm-fade-animate 0.8s ease-out forwards;
	animation: btm-fade-animate 0.8s ease-out forwards;
}

#content-3.animate .banner-blk-img, #content-5.animate .banner-blk-img {
	-webkit-animation: left-in-animate 0.8s ease-out forwards;
	animation: left-in-animate 0.8s ease-out forwards;
}

#content-4.animate .banner-blk-img {
	-webkit-animation: right-in-animate 0.8s ease-out forwards;
	animation: right-in-animate 0.8s ease-out forwards;
}

/* CONTENT STYLES *****************************/

#content-bottom {
	position: relative;
	color: var(--white-color);
	background: var(--main-color);
	background: url(../images/logo-background.svg) left top no-repeat var(--main-color);
	background-size: 64%;
	background-position: -100% 0%;
}

.content-banner.content-banner-center {
	flex-direction: column;
}

.content-banner-center .content-banner-title {
	margin-bottom: 16px;
}

.content-banner-center .banner-blk-txt {
	width: 100%;
	text-align: center;
	padding: 0px 96px;
	padding: 0px 20%;
}

.content-banner-title-icon {
	text-align: center;
	color: var(--sub-color);
	font-size: 90px;
	margin-bottom: 24px;
}

.content-banner-center .banner-blk-img {
	margin-top: 48px;
	width: 30%;
	text-align: center;
}

.content-banner-center .banner-blk-img img {
	position: relative;
	display: inline-block;
	height: 48px;
	width: auto;
	margin: 0 auto;
}

.content-banner-center-block {
	margin-top: 48px;
	text-align: center;
}

.content-center {
	position: relative;
	display: block;
	text-align: center;
	padding: 0px 40px;
	padding: 0px 10%;
	margin-bottom: var(--lg-pad);
}

.content-top-center .content-center {
	padding: 0;
}

.content-center-title {
	position: relative;
	text-align: center;
	display: inline-block;
	width: 70%;
}

.content-center-title h2 {
	margin-bottom: 0px;
}

#content-banner-icons.content-banner-wrap {
	padding: 144px 0;
}

#content-banner-icons .content-banner-center {
	margin-bottom: var(--lg-pad);
}

.content-banner-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -16px;
	margin-right: -16px;
}

.content-banner-icons ul {
	position: relative;
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	flex-wrap: wrap;
}

.content-banner-icons ul li{
	display: flex;
    margin: 0px;
    padding: 0px 48px;
	margin-bottom: 64px;
	text-align: center;	
	justify-content: center;
}
.content-banner-icons ul li img {
	height: 48px;
}

.banner-icon-blk {
	position: relative;
	display: flex;
	padding: 0 var(--mid-pad);
	opacity: 0;
}

.content-banner-icons ul li:hover {
	opacity: 0.5;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.animate .banner-icon-blk {
	-webkit-animation: btm-fade-animate 0.6s ease-out forwards;
	animation: btm-fade-animate 0.6s ease-out forwards;
	width: 25%;
}

.content-banner-icons .banner-icon-blk:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.content-banner-icons .banner-icon-blk:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.content-banner-icons .banner-icon-blk:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.content-banner-icons .banner-icon-blk:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.content-banner-icons .banner-icon-blk:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.content-banner-icons .banner-icon-blk:nth-child(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.content-banner-icons .banner-icon-blk:nth-child(7) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.content-banner-icons .banner-icon-blk:nth-child(8) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.content-banner-icons .banner-icon-blk:nth-child(9) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.content-banner-icons .banner-icon-blk:nth-child(10) {
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
}

.content-banner-icons .banner-icon-blk:nth-child(11) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.content-banner-icons .banner-icon-blk:nth-child(12) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.content-buttons .button {
	margin-right: 24px;
}

.content-center.video-center {
	margin: 0;
}

.video-blk {
	margin: 0 5%;
}

.videoPlayer {
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
	height: auto;
	background: #000000;
	min-height: 240px;
}

.profile-users {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 48px;
	margin-top: 96px;
	justify-content: center;
}

.profile-user-wrap {
	display: inline-block;
	padding: 0 24px;
	margin-bottom: 48px;
	width: 20%;
	opacity: 0;
}

.animate .profile-user-wrap {
	-webkit-animation: btm-fade-animate 0.6s ease-out forwards;
	animation: btm-fade-animate 0.6s ease-out forwards;
}

.profile-users .profile-user-wrap:nth-child(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.profile-users .profile-user-wrap:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.profile-users .profile-user-wrap:nth-child(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.profile-users .profile-user-wrap:nth-child(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.profile-users .profile-user-wrap:nth-child(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.profile-users .profile-user-wrap:nth-child(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.profile-users .profile-user-wrap:nth-child(7) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.profile-users .profile-user-wrap:nth-child(8) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.profile-users .profile-user-wrap:nth-child(9) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.profile-users .profile-user-wrap:nth-child(10) {
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
}

.profile-users .profile-user-wrap:nth-child(11) {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

.profile-users .profile-user-wrap:nth-child(12) {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.profile-users .profile-user-wrap:nth-child(13) {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}

.profile-users .profile-user-wrap:nth-child(14) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.profile-users .profile-user-wrap:nth-child(15) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.profile-user {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.profile-user-img {
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align: center;
	margin-bottom: 16px;
}

.profile-user-img div {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: var(--grey-color);
	width: 180px;
	height: 180px;
	line-height: 180px;
	padding: 40px;
	font-size: 48px;
	border-radius: 50%;
	border: 1px solid rgba(229, 147, 16, 0.16);
	overflow: hidden;
}

.profile-user-img div:before {
	content: '';
	position: absolute;
	display: block;
	width: 140px;
	height: 140px;
	top: 20px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid rgba(229, 147, 16, 0.48);
	overflow: hidden;
}

.profile-user-img div span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 80px;
	border-radius: 50%;
	border: 2px solid var(--sub-color);
	overflow: hidden;
}

.profile-user-title {
	line-height: 1.4;
	margin-bottom: 8px;
}

.profile-user-title div {
	font-weight: 700;
}

.profile-user-title span {
	text-transform: uppercase;
	font-size: 14px;
	color: var(--grey-color);
}

.profile-user-socials {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.profile-user-socials a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 48px;
	height: 48px;
	text-align: center;
	padding: 0;
	font-size: 18px;
	color: var(--white-color);
}

.profile-user-socials a:hover {
	color: var(--sub-color);
}

.txt-collapse-wrapper {}

.txt-collapse {
	position: relative;
	color: var(--grey-color);
	max-height: 72px;
	overflow: hidden;
	margin-bottom: 24px;
	-webkit-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
}

.text-open .txt-collapse {
	max-height: 700px;
	-webkit-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
}

/* CAPTCHA STYLES *****************************/

.captcha-wrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-bottom: -19px;
	margin-bottom: -9px;
	/*    margin-top: 10px;*/
}

#captcha-box, #captcha-box-contact {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

#captcha_check, #captcha_check_contact {
	position: absolute;
	margin-left: -99999px;
	margin-top: -999px;
	opacity: 0;
	height: 1px;
	width: 1px;
}

.g-recaptcha, .g-recaptcha-contact {}

/* LOADING STYLES *****************************/

.form-loading {
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background: rgba(255, 255, 255, 0.95);
	text-align: center;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}

.loading-icon {
	position: relative;
	display: inline-block;
	width: 80px;
	max-width: 25%;
	text-align: center;
	align-self: center;
	margin-top: -10%;
}

.loading-txt {
	display: block;
	font-size: 1.8rem;
}

.form-loading.show {
	display: -webkit-flex;
	display: flex;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* EMPTY/ERROR PAGE STYLES *****************************/

.empty-page {
	display: none;
	height: 70vh;
	flex-direction: column;
	justify-content: center;
	background: var(--white-color);
}

.show-page.empty-page {
	display: flex;
}

.error-page .empty-page {
	display: flex;
	width: 100%;
}

.empty-page-msg {
	width: 40%;
	align-self: center;
	text-align: center;
}

.empty-page-img {
	position: relative;
	margin-bottom: 24px;
	padding: 0 25%;
}

.empty-page-txt {}

.empty-page-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 1.2rem;
	margin-bottom: var(--sm-pad);
}

.empty-page-txt p {
	color: var(--grey-color);
}

/* FOOTER *****************************/

#footer {
	position: relative;
	display: block;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37, 37, 44, 1)), color-stop(100%, rgba(17, 17, 22, 1)));
	background: -webkit-linear-gradient(top, rgba(37, 37, 44, 1) 0%, rgba(17, 17, 22, 1) 100%);
	background: linear-gradient(to bottom, rgba(37, 37, 44, 1) 0%, rgba(17, 17, 22, 1) 100%);
	color: var(--white-color);
	padding: 0px;
	padding-top: 48px;
	font-size: 14px;
	z-index: 2;
}

.footer-logo-main {
	position: relative;
	display: block;
	text-align: center;
}

.footer-logo {
	position: relative;
	display: inline-block;
	text-align: center;
	margin-bottom: 32px;
}

.footer-logo a {
	display: block;
	display: inline-block;
}

.footer-logo img {
	height: 96px;
	width: auto;
	display: inline-block;
	vertical-align: top;
}

.footer-content {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	text-align: center;
	justify-content: center;
	padding: 0px;
	margin-bottom: 48px;
}

.footer-menu li>div, .footer-menu>a span {
	display: none;
}

.footer-menu {
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

.footer-menu h4 {
	margin-top: 22px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 16px;
}

.footer-menu ul {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	text-align: center;
}

.footer-menu ul li {
	position: relative;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: var(--white-color);
	line-height: 1.8;
}

.footer-menu ul li span {
	font-weight: 700;
}

.footer-menu ul li a {
	position: relative;
	display: block;
	padding: 0px 16px;
	font-size: 14px;
	color: var(--white-color);
	font-weight: 400;
	letter-spacing: 1px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.footer-menu ul li a:hover {
	color: var(--white-color);
	opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#footer-bottom {
	position: relative;
	display: block;
	padding-bottom: 48px;
	z-index: 2;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.footer-social {
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
	align-self: center;
	justify-content: center;
}

.footer-social li {
	margin: 0;
	margin-left: 16px;
	padding: 0;
}

.footer-social li a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	text-align: center;
	color: var(--grey-light-color);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.footer-social li a i {
	margin: auto;
}

.footer-social li a img {
	height: 24px;
	width: auto;
	margin-top: 1px;
	vertical-align: text-top;
}

.footer-social li a:hover {
	color: var(--sub-color);
	/*    opacity: 0.5;*/
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.footer-mob {
	display: none;
}

/* MODAL STYLES *****************************/

body.modal-open {
	padding: 0px!important;
	overflow-y: hidden;
}

.modal-backdrop {
	background: #FFFFFF;
}

.modal-backdrop.in {
	opacity: 0.9;
}

.modal-backdrop.show {
	opacity: 0.9;
}

.modal {
	z-index: 9999;
}

.modal-open .modal {
	/*
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 100%;
*/
}

.modal.modal-static .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal-dialog {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 33%;
	min-width: 520px;
	max-width: 90%;
	align-self: center;
	margin: 0px auto;
}

.modal-content {
	position: relative;
	background: #FFF;
	/*    border: 1px solid rgba(0, 0, 0, 0.2);*/
	border: 0px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.modal-content .close {
	position: absolute;
	right: 28px;
	top: 30px;
	opacity: 1;
	margin: 0px;
	width: 22px;
	height: 22px;
	/*	border-radius: 50%;*/
	font-size: 12px;
	line-height: 10px;
	text-align: center;
	font-weight: 400;
	color: #FFF;
	border: 1px solid #FFF;
}

.modal-header {
	padding: 48px 48px 48px 48px;
	border: 0px;
}

.modal-header h2 {
	margin-bottom: 16px;
	font-size: 26px;
	color: var(--sub-color);
}

.modal-header p {
	margin: 0;
	color: var(--grey-color);
	/*    margin-bottom: 16px;*/
}

.modal-body {
	padding: 0px 48px;
}

.modal-padding .modal-body {
	padding-bottom: 48px;
}

.modal-body .form-btns {
	text-align: right;
}

.modal-body p {
	margin: 0;
	margin-bottom: 16px;
}

.modal-footer {
	padding: 30px;
	border: 0px;
	text-align: left;
}

.modal-success {
	position: relative;
	display: none;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 5px;
	flex-direction: column;
	text-align: center;
	background: #FFFFFF;
	z-index: 9;
}

.complete.modal-success {
	position: absolute;
	display: flex;
	padding: 0 48px;
}

.modal-success-block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	text-align: center;
	/*    width: 50%;*/
	/*    align-self: center;*/
	padding: 48px 0;
	z-index: 9;
}

.modal-success-block h2 {
	margin-bottom: 16px;
	font-size: 26px;
	color: var(--sub-color);
}

.modal-success-block p {
	color: var(--grey-color);
	margin-bottom: 48px;
	padding: 0 5%;
}

.modal-success-img {
	position: relative;
	text-align: center;
	margin: 48px 0;
}

.modal-success-img img {
	width: 60%;
	height: auto;
}

.modal-success-button {}

.modal-success-button .button {
	display: inline-block;
	align-self: flex-end;
}

.modal-success-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	width: 120px;
	height: 120px;
	line-height: 116px;
	border-radius: 50%;
	border: 2px solid var(--border-color);
	font-size: 60px;
	margin: 0 auto;
}

.modal-success-icon img {
	display: none;
	margin: 0 auto;
}

.complete.modal-success .modal-success-icon img {
	display: flex;
}

.modal-full {
	padding-right: 0px!important;
}

.modal-full .modal-dialog {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}

.modal-full .modal-content {
	height: 100%;
	width: 100%;
	background: #FFFFFF;
	box-shadow: none;
	border-radius: 0px;
}

.modal-full .close-btn-full {
	position: absolute;
	right: 24px;
	top: 24px;
	right: 32px;
	top: 30px;
}

/* MODAL FORM STYLES *****************************/

/* OTHER STYLES *****************************/

#footer:after, .footer-copyright-content:after, .home-center-banner:after, .content-banner:after, .info-blocks:after, .content-blocks:after, .project-blocks:after, .project-blk-txt:after, .footer-menu ul:after, .form-wrap:after, .form-cols:after, .footer-content:after, .footer-left:after, .footer-right:after, .content-breadcrumb ul:after, .percent-list:after, .content-list-half:after {
	content: '';
	display: block;
	clear: both;
}

.clear {
	display: block;
	clear: both;
}

.no_border {
	border: none!important;
}

.mob-break {
	display: none;
}

.web-break {
	display: inline;
}

.show-mob {
	display: none
}

/* Loader *****************************************/

.waiting {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 1);
	z-index: 9;
	text-align: center;
	vertical-align: middle;
}

.form-wrap .waiting {
	width: 102%;
	left: -1%;
}

.form-wrapper .waiting {
	background: #F7F7FA;
}

.loader-wrap {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	opacity: 0;
	-webkit-animation: opac-in-animate 0.3s ease-out forwards;
	animation: opac-in-animate 0.3s ease-out forwards;
}

.lds-ripple {
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	/*	top: 150px;*/
	align-self: center;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid var(--sub-color);
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 28px;
		left: 28px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: -1px;
		left: -1px;
		width: 58px;
		height: 58px;
		opacity: 0;
	}
}

/* ANIMATIONS *****************************/

@-webkit-keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes scroll {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes opac-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opac-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes opac-out-animate {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes opac-out-animate {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes btn-animate {
	0%, 100% {
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
	}
}

@keyframes btn-animate {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

@-webkit-keyframes nav-animate {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

@keyframes nav-animate {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes left-in-animate {
	0% {
		-webkit-transform: translateX(-50%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes left-in-animate {
	0% {
		transform: translateX(-50%);
		opacity: 1;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}

@-webkit-keyframes left-double-in-animate {
	0% {
		-webkit-transform: translateX(-200%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes left-double-in-animate {
	0% {
		transform: translateX(-200%);
		opacity: 1;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}

@-webkit-keyframes right-in-animate {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes right-in-animate {
	0% {
		transform: translateX(50%);
		opacity: 1;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}

@-webkit-keyframes right-double-in-animate {
	0% {
		-webkit-transform: translateX(200%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
}

@keyframes right-double-in-animate {
	0% {
		transform: translateX(200%);
		opacity: 1;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}

@-webkit-keyframes top-in-animate {
	0% {
		-webkit-transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes top-in-animate {
	0% {
		transform: translateY(-100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes btm-in-animate {
	0% {
		-webkit-transform: translateY(100%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes btm-in-animate {
	0% {
		transform: translateY(100%);
		opacity: 1;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes btm-hover-animate {
	0% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(-5%);
		opacity: 1;
	}
}

@keyframes btm-hover-animate {
	0% {
		transform: translateY(0%);
		opacity: 1;
	}
	100% {
		transform: translateY(-5%);
		opacity: 1;
	}
}

@-webkit-keyframes zoom-in-animate {
	0% {
		-webkit-transform: scale(0.5);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes zoom-in-animate {
	0% {
		transform: scale(0.1);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes zoom-pop-animate {
	0% {
		-webkit-transform: scale(0);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes zoom-pop-animate {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	90% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes btm-fade-animate {
	0% {
		-webkit-transform: translateY(15%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes btm-fade-animate {
	0% {
		transform: translateY(15%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes opacity-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opacity-in-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	to {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0) scale(0.5);
		transform: translate3d(0, 100%, 0) scale(0.5);
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0) scale(0.5);
		transform: translate3d(0, 100%, 0) scale(0.5);
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* RESPONSIVE STYLES *****************************/

.container {
	/*    max-width: 1560px;*/
	padding-right: 48px;
	padding-left: 48px;
}

.row {
	margin-right: -24px;
	margin-left: -24px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	/*
    position: relative;
    width: 100%;
    min-height: 1px;
*/
	padding-right: 48px;
	padding-left: 48px;
	padding-right: 24px;
	padding-left: 24px;
}

@media (min-width: 1200px) {
	#navbar.sticky-ani {
		position: fixed;
		top: -100px;
	}
	#navbar.sticky {
		position: fixed;
		top: 0;
		transition: 0.4s ease-out top;
		-webkit-transition: 0.4s ease-out top;
	}
}

@media (min-width: 1921px) {}

@media (min-width: 1600px) {
	.container {
		max-width: 1536px;
		padding-right: 48px;
		padding-left: 48px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	body {}
	h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 24px;
	}
	a.button, .button {}
	.container {
		max-width: 1320px;
		padding-right: 48px;
		padding-left: 48px;
	}
	#navbar {
		padding: 12px 8px;
	}
	.nav-buttons::before {
		display: none;
	}
	/*
	.banner-text .banner-header-title h1{
		font-size: 76px;
	}
	.banner-text p{
		font-size: 56px;
	}
*/
}

@media (min-width: 1200px) and (max-width: 1399px) {
	#nav-main ul li {
		margin: 0 12px;
	}
	#nav-main ul li a {}
	.nav-buttons {
		margin-left: 0;
		margin-right: 8px;
	}
	.nav-buttons .nav-btn {
		font-size: 14px;
	}
}

@media (max-width: 1024px) {
	.animate .banner-icon-blk {
		width: 25%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body {
		/*        font-size: 18px;*/
	}
	.container {
		max-width: 100%;
		padding-left: 24px;
		padding-right: 24px;
	}
	#navbar .container {
		padding-left: 24px;
		padding-right: 24px;
	}
	h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 24px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.animate .banner-icon-blk {
		width: 33.333333%;
	}
	.container {
		max-width: 100%;
		padding-left: 24px;
		padding-right: 24px;
	}
	body {
		font-size: 14px;
	}
	h1, .article-header h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 20px;
	}
	#navbar {
		padding: 0px;
	}
	#navbar .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo-main {
		display: block;
	}
	.lead {
		font-size: 20px;
	}
	.web-break {
		display: none;
	}
	#main-wrapper {
		overflow: hidden;
	}
	#banner-wrapper {
		margin-bottom: 0px;
	}
	#banner-wrapper .container {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#banner-main {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.banner-text {
		width: 100%;
		order: 2;
	}
	.banner-text .banner-header-title h1 {
		font-size: 24px;
	}
	.banner-text p {
		font-size: 16px;
		margin-bottom: 24px;
	}
	.banner-animation {
		width: 100%;
		margin-top: -56px;
		margin-bottom: 24px;
	}
	.animation-json {
		/*
		margin-left: -50%;
		margin-right: -50%;
*/
		margin-left: 0;
		width: 100%;
	}
	.content-banner-wrap {
		padding: 24px 0px;
		padding: 48px 0px;
	}
	.banner-blk-txt, .banner-blk-img, .content-blk-block {
		padding: 0 16px;
	}
	.banner-blk-img.neg-margin {
		align-self: flex-end;
	}
	.banner-blk-img.neg-margin img {
		margin-top: 0;
		margin-bottom: -48px;
	}
	.content-banner-title {
		margin-bottom: 24px;
	}
	.content-banner-txt.lead-p p:first-child {
		font-size: 20px;
	}
	#content-3 .banner-blk-txt, #content-4 .banner-blk-txt, #content-5 .banner-blk-txt {
		padding: 0px 24px;
	}
	.banner-blk-img-wrap {
		padding: 0 16px;
	}
	.profile-users {
		padding: 0;
		margin-top: 48px;
	}
	.profile-user-img span {
		/*
		height: 96px;
		width: 96px;
*/
	}
	.profile-user-wrap {
		width: 33.33%;
	}
	.footer-menu ul li a {
		font-size: 12px;
	}
	.footer-social li.footer-social-title {
		display: none;
	}
	.footer-copyright {
		flex-direction: column;
		text-align: center;
		line-height: 20px;
	}
	.footer-left {
		width: 100%;
		order: 2;
	}
	.footer-right {
		width: 100%;
		margin-bottom: 16px;
	}
	.footer-social li.footer-social-title {
		display: none;
	}
	.footer-social {
		margin: 0 auto;
		align-self: center;
	}
}

@media (max-width: 767px) {
	:root {
		--xs-pad: 8px;
		--sm-pad: 16px;
		--main-pad: 24px;
		--lg-pad: 48px;
		--xl-pad: 72px;
		--xxl-pad: 96px;
		--lg-neg: -48px;
		--main-neg: -24px;
		--main-font: 16px;
		--sm-font: 14px;
		--input-font: 14px;
		--button-font: 16px;
		--sm-icon: 18px;
		--main-icon: 32px;
		--large-icon: 96px;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 16px;
		padding-left: 16px;
	}
	body {
		font-size: 14px;
	}
	.animate .banner-icon-blk {
		width: 33.333333%;
	}
	.container {
		padding-right: 16px;
		padding-left: 16px;
		padding-right: 24px;
		padding-left: 24px;
	}
	.row {
		margin-right: -16px;
		margin-left: -16px;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 8px;
		line-height: 1.2;
	}
	h2 br, h3 br {
		display: none;
	}
	p {
		margin-bottom: 1.6rem;
	}
	.lead {
		font-size: 18px;
		margin-bottom: 16px;
		margin-bottom: 1.6rem;
	}
	h3+.lead {
		margin-top: 16px;
		margin-top: 1.6rem;
	}
	.sub-title {
		font-size: 11px;
		margin-bottom: 8px;
	}
	input.button, .button, .button:visited, .w-btn, .l-btn, .c-btn {
		line-height: 22px;
	}
	a.button, .w-btn {}
	a.button, .button, .w-btn, .w-btn:visited {
		font-size: 12px;
		line-height: 20px;
		/*		padding: 9px 16px 9px 16px;*/
	}
	.l-btn, .l-btn:visited {
		font-size: 12px;
	}
	.btn-clean {
		font-size: 14px;
		padding: 10px 16px;
	}
	.btn-clean i {
		height: 20px;
		line-height: 20px;
		width: 20px;
	}
	.mob-break {
		display: inline;
	}
	.web-break {
		display: none;
	}
	.hide-mob {
		display: none;
	}
	.form-col input:focus~.form-border, .form-col textarea:focus~.form-border {
		left: 16px;
		width: calc(100% - 32px);
	}
	#main-wrapper {
		overflow: hidden;
	}
	#navbar {
		padding: 0px;
	}
	#navbar .container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.logo-main {
		display: block;
	}
	#banner-wrapper {
		/*
		background: url(../images/header-background.jpg) left top no-repeat var(--main-color);
		background-size: cover;
*/
		background-position: 8% top;
	}
	#banner-wrapper .container {
		display: flex;
		flex-direction: column;
		/*        justify-content: center;*/
	}
	.banner-text {
		width: 100%;
		order: 2;
	}
	.banner-text .banner-header-title h1 {
		font-size: 20px;
	}
	.banner-text p {
		font-size: 14px;
		margin-bottom: 24px;
	}
	.banner-animation {
		align-self: flex-start;
		width: 100%;
		/*		margin-top: -56px;*/
		margin-bottom: 0px;
	}
	.animation-json {
		/*
		margin-left: 0%;
		margin-right: 0%;
		width: 120%;
*/
		width: 110%;
		margin-left: -10%;
		margin-right: 0%;
	}
	.banner-social {
		display: none;
		padding: 16px;
	}
	.banner-social li a {
		font-size: 16px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	.content-banner-wrap {
		padding: 24px 0px;
		padding: 48px 0px;
	}
	.content-banner {
		flex-direction: column;
	}
	.banner-blk-txt.banner-txt-sm, .banner-blk-txt.banner-txt-lg {
		width: 100%;
	}
	.banner-blk-txt.banner-txt-sm {
		margin-bottom: 24px;
	}
	.banner-blk-txt, .banner-blk-img {
		padding: 0 0;
		width: 100%;
	}
	.content-center, .content-banner-center .banner-blk-txt {
		padding: 0;
	}
	.banner-blk-img.neg-margin img {
		margin: 0;
		margin-bottom: -48px;
	}
	.content-banner-txt.lead-p p:first-child {
		font-size: 18px;
	}
	.content-banner-title {
		margin-bottom: 24px;
	}
	.content-banner-title:after {
		bottom: -12px;
	}
	.content-banner-title-icon {
		font-size: 48px;
		margin-bottom: 8px;
	}
	.content-banner-center .banner-blk-img {
		margin-top: 16px;
		margin-bottom: 16px;
		width: 40%;
	}
	.banner-img-blk {
		text-align: center;
		margin-bottom: 24px;
	}
	.banner-img-blocks, .profile-users {
		flex-direction: column;
	}
	.banner-img-blk-txt {
		text-align: center;
	}
	.banner-img-blk-txt p:last-child {
		margin-bottom: 0;
	}
	.banner-blk-img-wrap {
		width: 100%;
		padding: 0;
		margin-bottom: 24px;
	}
	.banner-img-blocks .banner-blk-img-wrap:last-child, .banner-img-blocks .banner-blk-img-wrap:last-child .banner-img-blk {
		margin-bottom: 0;
	}
	.banner-img-blk-img {
		margin-bottom: 16px;
	}
	.banner-img-blk-img img {
		height: 72px;
	}
	.banner-img-blk-img span {
		margin: 0 auto;
		width: 64px;
		height: 64px;
		font-size: 24px;
	}
	#content-1 {
		padding-bottom: 48px;
	}
	#content-1 .banner-blk-txt.banner-txt-sm {
		margin-bottom: 48px;
	}
	#content-1 .content-banner-title:after {
		bottom: -8px;
	}
	#content-2 .banner-img-blk, #content-2 .banner-img-blk-txt {
		text-align: left;
		margin: 0;
	}
	#content-3 .banner-blk-txt, #content-4 .banner-blk-txt, #content-5 .banner-blk-txt {
		padding: 0;
	}
	#content-4.content-banner-wrap {
		padding: 48px 0;
	}
	#content-4 .banner-blk-txt {
		order: 2;
	}
	#content-team {
		padding-bottom: 24px;
	}
	#content-team .banner-blk-txt {
		margin-bottom: 24px;
	}
	#content-banner-icons.content-banner-wrap {
		padding: 72px 0px 48px 0px;
	}
	#content-banner-icons .content-banner-center {
		margin-bottom: 24px;
	}
	.content-banner-icons ul {
		flex-wrap: wrap;
	}
	.content-banner-icons ul li{
		margin-bottom: 40px;
	}
	.content-banner-icons ul li img {
		height: 36px;
	}
	.banner-icon-blk {
		width: 50%;
	    padding: 0 24px !important;
	}
	.banner-icon-blk-icon {
		margin-bottom: 24px;
	}
	.banner-icon-blk-icon img {
		height: 56px;
	}
	.profile-scroll-wrapper {
		position: relative;
		display: block;
	}
	.profile-scroll-wrapper:before {
		content: '';
		display: block;
		position: absolute;
		left: -24px;
		top: 0;
		width: 10%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(37, 37, 44, 1) 0%, rgba(37, 37, 44, 0) 100%);
		background: linear-gradient(to right, rgba(37, 37, 44, 1) 0%, rgba(37, 37, 44, 0) 100%);
		pointer-events: none;
		z-index: 2;
	}
	.profile-scroll-wrapper:after {
		content: '';
		display: block;
		position: absolute;
		right: -24px;
		top: 0;
		width: 20%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(37, 37, 44, 0) 0%, rgba(37, 37, 44, 1) 100%);
		background: linear-gradient(to right, rgba(37, 37, 44, 0) 0%, rgba(37, 37, 44, 1) 100%);
		pointer-events: none;
		z-index: 2;
	}
	.profile-users-wrapper {
		position: relative;
		display: block;
		margin-top: 24px;
		margin-left: -24px;
		margin-right: -24px;
		overflow-x: scroll;
		padding-bottom: 24px;
	}
	.profile-users {
		position: relative;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-top: 0;
		width: 500%;
		padding: 0;
	}
	.profile-user-wrap {
		width: 50%;
		width: 33.3333%;
		padding: 0 16px;
		margin-bottom: 16px;
	}
	/*
	.profile-user-img span {
		width: 96px;
		height: 96px;
		line-height: 96px;
		font-size: 48px;
	}
*/
	.profile-user-title {
		margin-bottom: 0px;
	}
	.txt-collapse {
		max-height: 70px;
	}
	.text-open .txt-collapse {
		max-height: 1200px;
	}
	.videoPlayer {
		min-height: 160px;
	}
	.video-blk {
		/*		margin: 0 24px;*/
		margin: 0 0px;
	}
	.footer-content {
		margin-bottom: 48px;
		margin-top: 24px;
	}
	.footer-logo {
		margin-bottom: 24px;
	}
	.footer-logo img {
		height: 96px;
	}
	.footer-menu ul {
		flex-direction: column;
	}
	.footer-menu ul li a {
		font-size: 12px;
	}
	#footer-bottom {}
	.footer-social {
		margin: 0 auto;
		align-self: center;
		flex-wrap: wrap;
	}
	.footer-social li {
		margin: 0 8px 8px 8px;
	}
	.footer-social li a {
		font-size: 16px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
	body.modal-open {
		position: fixed;
		width: 100%;
	}
	.modal-backdrop.show {
		opacity: 1;
	}
	.modal-dialog {
		display: block;
		width: 100%;
		min-width: initial;
		max-width: initial;
	}
	.modal-content {
		border-radius: 0;
		box-shadow: none;
	}
	.modal-header {
		padding: 24px;
	}
	.modal-body {
		padding: 0 24px;
	}
	.modal-padding .modal-body {
		padding-bottom: 24px;
	}
	.modal-full .close-btn-full {
		right: 16px;
	}
}

@media (max-width: 426px) {
	.animate .banner-icon-blk {
		width: 50%;
	}
}

@media (min-width: 400px) and (max-width: 767px) {}

@media (min-width: 320px) and (max-width: 361px) {}

@media (max-width: 1800px) {
	body.menu-open {}
	#navbar.sticky-ani {
		position: fixed;
		top: -56px;
	}
	#navbar.sticky {
		position: fixed;
		top: 0;
		-webkit-transition: 0.5s ease-out top;
		transition: 0.5s ease-out top;
	}
	.menu-open #navbar {
		box-shadow: none;
		top: 0!important;
	}
	/*
	.menu-open .navbar-header {
		background: #FFFFFF;

	    -webkit-transition: background 0.01s ease-out;
		transition:background 0.01s ease-out;
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;		
	}
*/
	.menu-open.menu-ani .navbar-header {
		background: none;
		-webkit-transition: background 0.01s ease-out;
		transition: background 0.01s ease-out;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
	.navbar-header {
		justify-content: flex-start;
	}
	#navbar {
		padding: 0px 24px;
	}
	.nav-toggle {
		display: block;
		align-self: flex-end;
		margin-left: auto;
	}
	.nav-trigger-light {
		display: block;
	}
	.nav-trigger-dark {
		display: none;
	}
	.sub-page .nav-toggle .nav-trigger-light {}
	#navbar.sticky .nav-toggle .nav-trigger-dark {
		display: block;
	}
	.logo-main {
		margin: 0;
		margin: 14px 0px;
		display: block;
	}
	.logo-main img {
		height: 28px;
		width: auto;
		vertical-align: top;
	}
	.nav-wrap {
		position: absolute;
		position: fixed;
		display: block;
		float: none;
		top: 72px;
		right: -110%;
		width: 100%;
		height: 90%;
		height: calc(100% - 72px);
		margin: 0;
		padding: 0 8px 24px 8px;
		z-index: 2;
		opacity: 0;
		overflow: hidden;
		overflow-y: auto;
	}
	.menu-open .nav-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 90vh;
		width: 100%;
		right: 0px;
		-webkit-animation: zoom-in-animate 0.3s ease-out forwards;
		animation: zoom-in-animate 0.3s ease-out forwards;
	}
	#nav-main {
		opacity: 0;
	}
	.menu-open #nav-main {
		-webkit-animation: opac-in-animate 0.6s ease-in forwards;
		animation: opac-in-animate 0.6s ease-in forwards;
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}
	.menu-ani #nav-main {
		right: -110%;
		opacity: 0;
	}
	.menu-open #navbar.sticky, .menu-open.sub-page #navbar {
		background: none;
		box-shadow: none;
	}
	.menu-open #navbar.sticky .logo-main-dark, .menu-open.sub-page #navbar .logo-main-dark {
		display: none;
	}
	.menu-open #navbar.sticky .logo-main-light, .menu-open.sub-page #navbar .logo-main-light {
		display: block;
	}
	.home-wrap .nav-icon span, .home-wrap .nav-icon span::before, .home-wrap .nav-icon span::after {
		background: var(--white-color);
	}
	.home-wrap .sticky .nav-icon span, .home-wrap .sticky .nav-icon span::before, .home-wrap .sticky .nav-icon span::after {
		background: var(--main-color);
	}
	.menu-open .nav-icon span, .home-wrap.menu-open .nav-icon span {
		background: none !important;
	}
	.menu-open .nav-icon span, .menu-open .nav-icon span::before, .menu-open .nav-icon span::after, .menu-open .home-wrap .sticky .nav-icon span::before, .menu-open .home-wrap .sticky .nav-icon span::after {
		background: var(--white-color);
	}
	#nav-main ul {
		align-self: center;
		margin: 0px 0px 0px 0px;
		padding: 8px 24px 24px 40px;
		padding: 0px;
	}
	#nav-main ul li {
		display: block;
		float: none;
		text-align: center;
		padding: 0px 0px;
		margin: 0 0px;
	}
	#nav-main ul li a {
		color: #FFFFFF!important;
	}
	#nav-main ul li a:after {
		display: none;
	}
	#nav-right {
		width: 100%;
		opacity: 0;
		display: flex;
		justify-content: center;
	}
	.menu-open #nav-right {
		/*		display: block;	*/
		-webkit-animation: opac-in-animate 0.6s ease-in forwards;
		animation: opac-in-animate 0.6s ease-in forwards;
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}
	.menu-ani #nav-right {
		opacity: 0!important;
		animation-delay: 0s;
	}
	.nav-right-title, .nav-buttons::before {
		display: none;
	}
	.nav-buttons {
		margin: 48px 24px 48px 16px;
		display: flex;
		flex-direction: column;
	}
	.nav-buttons .button {
		margin: 0;
		margin-bottom: 16px;
	}
	#navbar.sticky .btn-clean, #navbar.sticky .btn-clean:visited, #navbar.sticky a.btn-clean, #navbar.sticky a.btn-clean:visited {
		color: var(--white-color);
	}
	#navbar.sticky .l-btn, #navbar.sticky .l-btn:visited {
		color: var(--white-color);
		border: 1px solid var(--white-color);
	}
}

/*@media only screen (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {*/

@media only screen and (min-height: 600px) and (min-width: 768px) and (orientation: portrait) {}

/******** iPhone Fixes ********/

/* iPhone 8 with notch */

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone X with notch */

@media only screen and (width: 375px) and (-webkit-device-pixel-ratio: 3) {}

/* iPhone XR with notch */

@media only screen and (width: 414px) and (-webkit-device-pixel-ratio: 2) {}

/* iPhone XS Max with notch */

@media only screen and (width: 414px) and (-webkit-device-pixel-ratio: 3) {}