/* *** CSS RESET *** */

:focus {outline: 0}
a {outline: none; text-decoration: none;}
a, img {border: 0;}
button {cursor: pointer;}

/* *** GLOBAL *** */

.bx-wrapper {
   z-index: 1;
}

iframe {
   border: none;
}

body h1, body h2, body h3, body h4, body h5, body h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   margin: 0;
   margin-top: 0;
}

body p {
   margin-bottom: 25px;
   margin-top: 0;    
}

body h2 {
   font-size: 20px;
   margin-bottom: 25px;
   margin-top: 0;
}

body ul {
   margin-bottom: 25px;
   padding-left: 16px;
   margin-top: 0;
}

body ol {
   padding-left: 20px;
   margin-bottom: 25px;
   margin-top: 0;
}

body .bx-wrapper {
   padding: 0;
   border: none;
}

body {
   overflow-x: hidden;
}

figure {
   margin: 0;
}

body a:hover {
   text-decoration: none;
}

input, textarea, button {

}

body {
   font-size: 18px;
   color: #fff;
	font-family: 'Inter', sans-serif;
   background: #000;
   line-height: 24px;
   min-width: 302px;
}

img {
   max-width: 100%;
   max-height: 100%;
}

a, a:hover, a:focus, a:active {
   outline: none !important;
   text-decoration: none;
}

.hamburger, .hamburger:focus, .hamburger:active {
   outline: none !important;
   border: none !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

body .hamburger-inner, body .hamburger-inner::before, body .hamburger-inner::after {
   height: 2px;
}

body .bx-wrapper .bx-controls-auto, body .bx-wrapper .bx-pager {
   position: relative;
   bottom: auto;
   width: auto;
}

.clearer {
   clear: both;
   height: 0;
}

.chosen-container-single .chosen-single div b {
   background: none;
}

.logo, img, a, button {
   -webkit-transition: 0.15s linear;
   -moz-transition: 0.15s linear;
   -ms-transition: 0.15s linear;
   -o-transition: 0.15s linear;
   transition: 0.15s linear;
}

.bx-caption {
   display: none;
}

.bx-wrapper {
   box-shadow: none;
   border: 0;
   margin: 0;
   background:transparent;    
}

.content-box {
   float: left;
   width: 100%;
}

/* *** HEADER *** */

header {
	position: fixed;
   top: 0;
   left: 0;
	z-index: 3;
   width: 100%;
	padding: 40px 0;
}

.header-box .container {
   display: flex;
   align-items: flex-start;  
   justify-content: space-between;
}

header .logo img {
   display: block;
}

.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 912px;
    }
	 .container-1 {
		max-width: 1360px;
	 }
}

.main-menu {
   background: #000;
   padding: 40px 0;
   margin: -40px 0;
}

.main-menu ul li {
	margin-left: 40px;
}

.main-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}

.main-menu a {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.main-menu a:hover, .main-menu a.active {
   color: #0ADBE9;
}

.h-box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.h-txt {
	font-size: 19px;
	font-weight: bold;
	height: 50px;
	padding: 0 29px;
	margin-top: 40px;
	color: #000000;
	background: #0ADBE9;
	line-height: 53px;
}


/* *** HOME *** */

.content-box-1 {
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url('../img/13.png') center no-repeat;
	background-size: auto 80%;
}

.main-content {
	margin-top: 100vh;
	background: rgba(0,0,0,0.8);
	position: relative;
}

.padding-1 {
	padding: 90px 0;
}

.title h2 {
	font-size: 26px;
	text-align: center;
	margin: 0;
	line-height: 32px;
	font-weight: 600;
}

.title {
	margin-bottom: 50px;
}

.content-box-2 {
	padding-top: 65px;
}

.wrapper {
	width: 648px;
	margin: 0 auto;
	max-width: 100%;
}

.text p:last-child, .text-1 p:last-child {
	margin-bottom: 0;
}

.text-1 {
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 
}

.mr50 {
	margin-bottom: 50px;
}

.btn-1 {
	padding: 0 21px;
	height: 52px;
	background: #fff;
	border: 1px solid #fff;
	line-height: 53px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	display: block;
}

.btn-1:hover {
   opacity: 0.85;
}

.button-center {
	display: flex;
	justify-content: center;
}

.pb100 {
	padding-bottom: 90px;
}

.content-box-2, .content-box-3, .content-box-4, .content-box-5 {
	border-bottom: 1px solid #5F5F5F;
}

.mb100 {
	margin-bottom: 90px;
}

.boxes-1 .row-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.boxes-1 .col-box {
	width: 25%;
	padding: 0 12px;
}

.box-1 .txt-1 {
	line-height: 21px;
	min-height: 42px;
}

.box-1 .button-box {
	padding-top: 20px;
}

.btn-2 {
	border: 1px solid #fff;
	display: block;
	font-size: 16px;
	text-align: center;
	line-height: 37px;
	height: 38px;
	color: #fff;
	font-weight: bold;
}

.btn-2:hover {
   background: #fff;
   color: #000;
}

.box-1 figure {
	margin-bottom: 18px;
}

.box-1 {
	margin-bottom: 30px;
}

.boxes-1 {
	margin-bottom: -30px;
}

.box-2 {
	margin-bottom: 20px;
}

.boxes-2 {
	margin-bottom: -20px;
}

.box-2-1 {
	border: 1px solid #fff;
	display: flex;
}

.box-2-1 .number {
	width: 200px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	font-size: 46px;
	line-height: normal;
	border-right: 1px solid #fff;
	flex-shrink: 0;
	justify-content: center;
	text-align: center;
}

.data-boxes {
	display: flex;
}

.box-2-1 .description {
	padding: 20px 24px;
}

.data-box .txt-1 {
	font-size: 14px;
	margin-bottom: 10px;
}

.data-box .txt-2 {
	font-size: 20px;
	line-height: 32px;
	font-weight: 600;
}

.data-box-1 {
	width: 240px;
	padding-right: 20px;
}

.box-2 .txt-3 {
	font-size: 20px;
	line-height: 32px;
	padding-top: 25px;
}

.box-2 .txt-3-1 {
	display: none;
	padding-top: 25px;
}

.box-2 .button-box {
	display: flex;
	margin-top: -1px;
	align-items: center;
	justify-content: center;
}

.box-2 .btn-1 {
	width: 200px;
	text-align: center;
}

.btn-1-1 span:first-child {
	padding-right: 35px;
	background: url('../img/icons/01.svg') center right no-repeat;
}

.btn-1-1.active {
	background: none;
	color: #fff;
}

.btn-1:hover {
	color: #000;
}

.more-content {
   display: none;
}

.btn-1.active:hover {
	color: #fff;
}

.btn-1-1 span:last-child {
	display: none;	
}

.btn-1-1.active span:first-child {
	display: none;	
}

.btn-1-1.active span:last-child {
	display: inline-block;	
}

.btn-1-1 span:last-child {
	padding-right: 35px;
	background: url('../img/icons/02.svg') center right no-repeat;
}

.box-2-1.active{
	background: #fff;
	color: #000;
}

.box-2-1.active .number {
	border-color: #000;
}

.title-1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 60px;
}

.logos .row-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 -15px;
}

.logos .col-box {
	padding: 0 15px;
}

.l-log {
	margin-bottom: 30px;
       
        
}

.l-log a:hover {
   opacity: 0.85;
}

.wrapper-2 {
	width: 770px;
	margin: 0 auto;
	max-width: 100%;
}

.logos {
	padding-bottom: 25px;
}

.box-3 {
	font-size: 10px;
	line-height: 14px;
	color: #707070;
	width: 477px;
	max-width: 100%;
	margin-bottom: 30px;
}

.boxes-3 {
	margin-top: -20px;
	padding-bottom: 20px;	
}

.logos-end {
	padding-bottom: 0;
	margin-bottom: -30px;
}

.box-3-2 {
   padding-left: 30px;
}

.box-3-3 {
   padding-left: 50px;
}

.content-box-7 {
   background: #fff;
   color: #000;
   text-align: center;
}

.content-box-7 a {
   color: #000;
}

.content-box-7 a:hover {
   color: #0ADBE9;
}

.text-3 {
   font-size: 26px;
   line-height: 32px;
}

.text-3 {
   padding-bottom: 10px;
}

.text-3 p:last-child {
   margin-bottom: 0;
}

.text-4 p:last-child {
   margin-bottom: 0;
}

.text-4 {
   font-size: 16px;
   line-height: 27px;
}

.popup-1 {
   position: fixed;
   width: 882px;
   top: 20px;
   max-height: calc(100vh - 40px);
   overflow: auto;
   left: 50%;
   margin-left: -441px; 
   z-index: 222;
   background: #fff;
   color: #000;
   padding: 65px;
}

.popup-bg {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 221;   
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0.7;
   display: none;
}

.open-popup header {
   z-index: 1;
}

.popup-1 .name {
   margin-bottom: 40px;
}

.popup-1 .name p {
   margin-bottom: 20px;
}

.btn-2-1 {
   color: #000;
   border-color: #000;
}

.btn-2-1:hover {
   background: #000;
   color: #fff;
}

.popup-1 .button-box-1 {
   display: flex;
   padding-top: 55px;
   justify-content: center;
}

.popup-1 .btn-2 {
   width: 200px;
}

.close-1 {
   width: 36px;
   margin: 20px;
   height: 32px;
   display: block;
   background: url('../img/icons/03.svg') center no-repeat;
   position: absolute;
   top: 0;
   right: 0;
}

.popup-1 {
   display: none;
}


:target {
   scroll-margin-top: 154px;
}


/* *** FOOTER *** */

footer {
   text-align: center;
   color: #939393;
   padding: 55px 0;
}

/* *** CUSTOM SELECT *** */

.select {
    width: 100%;

}

.select .chosen-container {
    width: 100% !important;
}

.select ul {
    margin: 0 4px 4px 0 !important;
    padding: 0 0 0 4px !important;
}

.select .chosen-search {
    display: none;
}

.select .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0 0 0 10px;
    height: 29px;
    border: none;
    border-radius: 0;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: none;
    color: #000;
    font-size: 14px;  
    text-decoration: none;
    white-space: nowrap;
    line-height: 27px;
}

.select .chosen-drop ul li {
    background-image: none !important;
    height: auto !important;
}

.select .chosen-container-single .chosen-single div {
    width: 32px;
    /*background: url('../img/select-arrow.png') center no-repeat;*/
}

.select .chosen-container .chosen-results li.active-result {
    background: #fff;
    color: #000;
}

.select .chosen-container .chosen-results li:hover {
    background: #ec008d;
    color: #fff;
}

/* *** MENU RSP *** */

.header-rsp {
    top: 0;
    left: 0;
    position: fixed;
    overflow: auto;
    z-index: 101;
    width: 100%;
    padding: 10px 15px;
    height: 70px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    display: none;
}

.header-rsp {
   overflow: hidden;
}

.header-rsp .logo-rsp {
   float: left;
    margin-top: -2px;
}

.header-rsp .logo-rsp img {
    max-width: 100%;

    width: 85px;
    margin-top: 3px;
    max-height: 100%;
}

.hamburger {
    position: absolute;
    top: 8px;
    right: 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background: #fff;
}

.data-rsp {
    position: absolute;
    top: 27px;
    right: 70px;
}

.data-rsp a {
    font-size: 11px;    
}

.menu-rsp {
    width: 100%;
    position: fixed;
    padding-top: 70px;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    float: right;
    height: 100%;
    display: none;      
}

.menu-rsp  .opacity-rsp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0.4;
}

.menu-rsp nav {
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.menu-rsp > nav > ul:first-child {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

.menu-rsp nav ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 2;
      background: #000;
    padding: 0;
}

.menu-rsp nav li {
    position: relative;
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    border-top: 1px solid transparent;
}

.menu-rsp nav > ul > li:first-child {
    border-top: none;
}

.menu-rsp nav a {
    line-height: normal;    
    height: auto;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    float: left;  
    width: 100%;
    text-transform: uppercase;
    padding: 15px 15px 13px 15px;
}

.menu-rsp nav a:hover {
    color: #fff;
    background: #0ADBE9;
}

.menu-rsp nav ul .li-submenu > a {
    padding-right: 53px;
}

.btn-slide-down {
    width: 40px;
    height: 100%;
    background: #fff;
    border-left: 1px solid transparent;
    position: absolute;
    top: 0;
    font-size: 14px;
    text-align: center;
    color: #000;
    right: 0;
    z-index: 2;
    display: none !important;
    line-height: 52px;
    cursor: pointer;
}

.menu-rsp nav ul ul {
    display: none;
    color: #fff;
}

.btn-slide-down, .menu-rsp nav li {
    border-color: #fff;
}

.menu-rsp nav ul ul {
      background: #005770;
}

.menu-rsp nav ul ul ul ul {
    background: #fff;
}

.menu-rsp nav ul ul a {
    padding-left: 30px;
}

.menu-rsp nav ul ul ul a {
    padding-left: 45px;
}