@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
html, body {margin:0;padding:0;background:#FFF;}
body{padding-right:0;padding-left:0;font-family: 'Roboto', sans-serif;font-size: 0.9em;line-height: 18px;color: #333;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
a{text-decoration: none;cursor:pointer;}
section{padding-top:30px;padding-bottom:30px;}
.title-section{text-align:center;padding-bottom:20px;}
.container{max-width: 1600px;}
.content{padding-right:80px;padding-left:80px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:0px;padding-left:0px;}
}
 ul{list-style-type: none;}
 p {font-weight: 100;color: #555;padding: 10px;margin-bottom: 0;}
 img {width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
.button{border: hidden!important;}
.btn-primary{color:#FFF!important;background:#1C243F;border-radius:none;}
.btn-orange{color:#FFF!important;background:#FF380D;border-radius:none;}
.btn-orange:hover{color:#FFF!important;background:#FF380D;border-radius:none;}
.btn{--bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;--bs-btn-border-radius: 0rem;--bs-btn-focus-box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .5);}
/***** Cookie *****/
.cookie-banner-content{padding:5px;}
.cookie-banner {position: fixed;left: 20px;bottom: 20px;z-index: 1050;max-width: 30%;max-height: 130px;background: #fff;border-radius: 8px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);padding: 5px;display: none;}
.cookie-banner.show { display: block; }
.cookie-banner-title {margin: 0 0 10px;font-size: .758rem;font-weight: 600;}
.cookie-banner p {position:relative;width: 92%;float: left;border:1px solid #888;padding:5px;border-radius:5px;font-size: .685rem;line-height: 1.5;color: #555;margin:5px 0;}
.cookie-banner-links { font-size: 12px !important; }
.cookie-banner-actions {position:relative;width: 8%;float: right;display: flex;gap: 10px;justify-content: flex-end;flex-wrap: wrap;margin-top: 10px;}
.btn-cookie-accept {background: linear-gradient(135deg, #00DB24, #00A61C);border: none;color: #fff;font-weight: 500;font-size: 0.875rem;padding: 8px; border-radius: 10px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(59, 130, 246, 0.35);}
.btn-cookie-accept:hover,.btn-cookie-accept:focus,.btn-cookie-accept:active,.btn-cookie-accept:visited {background: linear-gradient(135deg, #00A61C, #00DB24);box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);transform: translateY(-1px);color: #fff;}
.btn-cookie-accept:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);}
@media (max-width: 480px) {
    .cookie-banner {left: 10px;right: 10px;bottom: 10px;max-width: none;}
}
/***** Cookie *****/
/*********** form ****************/
.sur{display:none}
input.user-phone:-moz-placeholder {font-family: 'Roboto', sans-serif;font-size: 0.9em;line-height: 18px;}
input.user-phone::-webkit-input-placeholder {font-family: 'Roboto', sans-serif;font-size: 0.9em;line-height: 18px;}
.user-phone{width:100%;}
select.form-control:not([size]):not([multiple]) {height: 34px!important;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
input[type=checkbox], input[type=radio] {width:20px;height: 20px;line-height: normal;}
.input-input {width: 100%;height: 48px;margin: 7px 0 0;color: #555;padding: 0 23px;font-size: 16px;transition: all .3s ease-in-out;}
.form-control-captcha {position: absolute;right: 15px;bottom: 32%;display: block;width: 50%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-mail{width:70%;margin: 0 auto;padding-left:5%;padding-right:5%;}
.password-control,.password-control1,.password-control2 {position: relative;top: -28px;left: 90%;display: inline-block;width: 20px; height: 20px;background: url(../images/view.svg) 0 0 no-repeat;opacity:.3}
.password-control.view,.password-control1.view,.password-control2.view {background: url(../images/no-view.svg) 0 0 no-repeat;opacity:.5}
/****** video *********/
.about {overflow: hidden;position: absolute;height:100%;}
.video {opacity: 1;z-index: 0;}
.video:before {content: '';position: absolute;z-index: 15;width: 100%;height: 100%;opacity: .8;filter: alpha(opacity=80);background: rgba(0,0,0, .6);}
.object-fit-cover{position:absolute;top:0;left:0}
.object-fit-cover,.object-fit-cover-relative{font-family:"object-fit:cover;object-position:50% 50%";-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}
.stage-variant-home__textlayer, .stage-variant-home__textlayer--top{position:relative;top:30%;z-index:1;}
.video{display:block;width:auto;}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--fullscreen {top: 0;left: 0; z-index: -2;font-family: object-fit\:cover; -o-object-fit: cover;object-fit: cover;}
#video-bg{position:fixed;max-width:100%;min-height:90%;object-fit: cover;}
#video-bg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: 0;background-size: cover;}
#video-bg > video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 90%;}
@supports (object-fit:cover) {
     #video-bg > video {top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
 }
.gl{color:#FFF;z-index: 2;padding-top:3%;padding-bottom:5%;min-height:60%;}
.gl span{font-weight: 600;font-family:'Roboto', sans-serif;}
.text-media .video{margin-bottom:0}
.video__link video{width:100%;height:auto}
.video__link--enabled .video::-webkit-media-controls{display:none}
.video__link--enabled:before{position:absolute;top:50%;left:50%;z-index:1;content:"";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.card-download .video__link{position:relative;display:block;padding-top:75%;width:100%}
.card-download .video__link video{position:absolute;top:0;left:0;max-width:none;width:auto;height:100%}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--backgroundCover,.video--fullscreen{top:0;left:0;z-index:-2;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.video--backgroundCover{position:absolute;right:0;bottom:0}
.video--fit{position:relative;margin-bottom:0;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.stage-variant-hero .video,.video--fit{width:100%;height:100%}
.swiper-slide .video{width:100%}
/***** header *****/
header{width:100%;position:absolute;background:transparent!important;z-index:1;color:#FFF;}
header a{color:#FFFFFF;}
.logo img{padding-top:20px;float:left;width:10%;height:auto;}
.logo h3{padding-top:30px;color:#FFF;}
.top-cont a{display:inline;margin-right:20px;font-size:1.1rem;color:#FFF;}
.top-cont{padding-top:30px;}
/***** menu-gl *****/
#main{min-height:100%;}
.menu-gl{width:100%;position:absolute;top:60%;text-align:center;}
.menu-gl a{color:#FFF;cursor:pointer;}
.index-link{position: relative;margin-top:10px;}
.top-but{padding: 10px 5px; background:transparent;width:90%;margin:0 auto;border:1px solid #FFF;text-align:center;}
.top-but a{color:#fff;text-decoration:none;cursor:pointer;}
.top-but:hover{color:#fff;text-decoration:none;cursor:pointer;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);border:1px solid #FFF;}
.main{margin-bottom:30px;min-height:820px;}
.gl h1{text-align:center;}
.gl h3{text-align:center;}
/***** button_UP *****/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index: 200; display: block;left: 50px;width: 35px;height: 35px;font-size: 14px;background-color:#1C243F;border: 1px solid #FFFFFF;border-radius: 0px;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right: 8px;margin-left: 5px;}
/***** footer *****/
footer{position: relative;width:100%;min-height:255px;background:#1C243F;color:#FFFFFF;padding-top:20px;z-index:1;}
footer a{text-decoration:none;color:#FAFAFA!important;}
footer p{color:#FFF;}
.left-foot{text-align:start;}
.social, .fa {font-size: 1.19em;}
ul.social li {list-style: none;display: inline;margin: 8px;font-size: 1.1em;}
.right-foot{text-align:end;}
.down-foot {font-size:.9rem;text-align:center;padding-top:5px;padding-bottom:10px;}
@media (max-width: 1366px) and (min-width: 0px){
	.gl h1{text-align:center;}
	.top-cont a{margin-right: 45px;}
}
@media (max-width: 1180px) and (min-width: 0px){
	.logo img {width:30%;}
	.logo h3{font-size: calc(1.3rem + .3vw);padding-top: 40px;}
	.top-cont a{display:table;margin: auto;font-size:1.2rem;padding-top:8px;}
	.main{padding-top:15%;}
	.gl h1{text-align:center;}
}
@media (max-width: 1024px) and (min-width: 0px){
	.main{padding-top: 25%;padding-bottom: 30%;}
	footer{bottom:0px;}
}
@media (max-width: 960px) and (min-width: 0px){
	.logo{width:50%;float:left;padding-left:0;padding-right:0;}
	.logo img {width:25%;}
	.top-cont{width:50%;padding-top:10px;font-size:1rem;}
	.top-cont a{display:table;margin: auto;padding-top:10px;}
	.index-link{width: 50%;padding-top:20px;}
	.main{padding-top:20%;}
	.gl{text-align:center;}
	.gl h3{font-size: calc(1rem - .1vw);}
}
@media (max-width: 815px) and (min-width: 0px){
	.logo{width:50%;float:left;padding-left:0;padding-right:0;}
	.logo img {width:25%;}
	.top-cont{width:50%;padding-top:10px;font-size:1rem;}
	.top-cont a{display:table;margin: auto;padding-top:10px;}
	.index-link{width: 50%;padding-top:20px;}
	.main{padding-top:15%;}
	.gl{text-align:center;}
	.left-foot, .center-foot, .right-foot{text-align:center;}	
}
@media (max-width: 768px) and (min-width: 0px){
	.logo{width:50%;float:left;padding-left:0;padding-right:0;}
	.logo img {width:25%;}
	.top-cont{width:50%;padding-top:10px;font-size:1rem;}
	.top-cont a{font-size: 1.1rem;display:table;margin: auto;padding-top:10px;}
	.index-link{width: 50%;padding-top:20px;}
	.main{padding-top:15%;}
	.gl{text-align:center;}
	.left-foot, .center-foot, .right-foot{text-align:center;}
}
@media (max-width: 640px) and (min-width: 0px){
	.logo{width:50%;float:left;padding-left:0;padding-right:0;}
	.logo img {width:25%;padding-top: 30px;}
	.top-cont{width:50%;padding-top:10px;}
	.top-cont a{display:table;margin: auto;padding-top:10px;}
	.main{padding-top:25%;}
	.gl{text-align:center;}
	.index-link{width: 50%;padding-top:20px;}
	.left-foot, .center-foot, .right-foot{text-align:center;}
}
@media (max-width: 540px) and (min-width: 0px){
    .top-cont a {font-size: .9rem;}
    .logo h3 {font-size: calc(1.1rem + .3vw);}
}
@media (max-width: 480px) and (min-width: 0px){
	.logo,.top-cont,.index-link{width:100%;}
	.logo img {width:25%;padding-top:10px;}
	.logo h3{padding-top: 30px;}
	.top-cont{padding-top:10px;}
	.top-cont a{display:table;margin: auto;padding-top:10px;}
	.main{padding-top:45%;}
	.gl{text-align:center;}
	.index-link{padding-top:10px;margin-top: 0;}
	.left-foot, .center-foot, .right-foot{text-align:center;}
}
@media (max-width: 360px) and (min-width: 0px){
	.logo img {width:25%;}
	.top-cont{padding-top:10px;}
	.top-cont a{display:table;margin: auto;padding-top:10px;}
	.main{padding-top:45%;}
	.gl{text-align:center;}
	.index-link{padding-top:5px;}
	.left-foot, .center-foot, .right-foot{text-align:center;}
}
@media (max-width: 320px) and (min-width: 0px){
	
}