@charset "UTF-8";

.play-btn{position:absolute;width: 80px !important;top: 40%;left: 40%;transition:0.5s ease all;scale:1}
.play-btn:hover{scale:2 !important;left: 45%}
body{overflow-x: hidden;width:100%;height:100%;margin:0;padding:0;display:flex;color: #ffffff;flex-direction:column;min-height:100vh;font-family: 'Mulish';position: relative;}

body::before {
    background: #070707 url(/storage/app/media/bg.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

body.internal-page {
    padding-top: 200px;
}

body.internal-page ul.mainlist::before, body.internal-page ul.mainlist::after {
    opacity: 0;
}

footer#footer{flex-shrink:0}
.clr{clear:both;float:none;margin:0;padding:0}
img{max-width:100%;object-fit:cover}
#back-top{position:fixed;right:2%;top:inherit;bottom:20px;z-index:10;font-size:33px}
ul,p{margin-bottom:10px}
p:last-child{margin-bottom:0}
a{color:inherit}
a:hover{text-decoration:none}
::-webkit-scrollbar-track{background-color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background-color:#02336B}
.map iframe,.map img{width:100%;height:100%}
.map {
	height: 450px;
}
b{font-weight:600;color:#151515}
.ab-none::before,.ab-none::after{display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.w-100prec{width:100%}
.slider-row .slick-track{display:flex}
.slider-row .slick-slide > div{height:100%}
.slider-row .slick-list{margin-right: 0;margin-left: 0;}
.slider-row .slick-slide{margin-right: 20px;margin-left: 20px;height:inherit}
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.flex-grow{flex-grow:1}
.between{justify-content:space-between}
.align-center{align-items:center}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.flex-row{margin-right:-15px;margin-left:-15px}
.flex-row > div, .flex-row > a{margin-right:15px;margin-left:15px}
a,button{cursor:pointer}

ul.slick-dots {
    bottom: -70px;
    left: 0;
}

.mb-100px.slick-slider.slick-dotted {
    margin-bottom: 150px !important;
}

.slick-dots li {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin: 0 3px;
    border: 1.5px solid transparent;
    position: relative;
}

.slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.slick-dots li button::before {
    display: none;
}
.slick-dots li::before {
    position: absolute;
    top:  50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.slick-dots li.slick-active {
    border: 2px solid #ffffff;
}
.slick-dots li.slick-active::before {
    background: #ffffff;
    width: 7px;
    height: 7px;
}

a,input,button,select,textarea,.slick-slide{outline:none!important;box-shadow:none}
.bt{display:inline-block;padding:0;background:none;border:none;box-shadow:none;text-shadow:none;margin:0;transition:.5s}
 
.pt-100px{padding-top:100px}
.mb-0px{margin-bottom:0!important}
.mb-15px{margin-bottom:15px!important}
.mb-20px{margin-bottom:20px!important}
.mb-25px{margin-bottom:25px!important}
.mb-30px{margin-bottom:30px!important}
.mb-40px{margin-bottom:40px!important}
.mb-50px{margin-bottom:50px!important}
.mb-60px{margin-bottom:60px!important}
.mb-65px{margin-bottom:65px!important}
.mb-70px{margin-bottom:70px!important}
.mb-80px{margin-bottom:80px!important}
.mb-90px{margin-bottom:90px!important}
.mb-100px{margin-bottom:100px!important}
.mb-120px{margin-bottom:120px!important}
.mb-130px{margin-bottom:130px!important}
.mb-140px{margin-bottom:140px!important}
.mb-170px{margin-bottom:170px!important}
.mb-200px{margin-bottom:200px!important}
.mb-80px.slick-initialized.slick-slider.slick-dotted:not(.slider) {
    margin-bottom: 110px !important;
}
.hide{display:none!important}
.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#151515;stroke-width:5.5px;stroke-linecap:round}
.hamb6 .top{stroke-dasharray:40 172}
.hamb6 .middle{stroke-dasharray:40 111}
.hamb6 .bottom{stroke-dasharray:40 172}
.active .hamb6 .top{stroke-dashoffset:-132px}
.active .hamb6 .middle{stroke-dashoffset:-71px}
.active .hamb6 .bottom{stroke-dashoffset:-132px} 

section#layout-content {
    flex-grow: 1;
}  


header#header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:50px 0;transition: 0.5s;}


header#header.fixed {
    padding: 15px 0;
    background: #070707;
    box-shadow: 0 0 43px 8px #ffffff2b;
}

header#header.fixed ul.mainlist::after, header#header.fixed ul.mainlist::before {
    opacity: 0;
}

ul.mainlist a{font-weight:700;font-size:18px;line-height:23px;text-align:center;color:#FFF}
ul.mainlist{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;position: relative;padding-right: 40px;}
ul.mainlist li{margin-right:30px}
.logo{margin-right: 100px;}
a.openMenu{display:none}
ul.mainlist::before {
    position: absolute;
    content: "";
    top: -44px;
    right: -15px;
    width: 355px;
    height: 200px;
    border: 2px solid #51C6DA;
    border-bottom: none;
    border-left: none;
    z-index: -1;
}

ul.mainlist::after {
    position: absolute;
    content: "";
    top: -20px;
    right: 14px;
    width: 175px;
    height: 100px;
    border: 2px solid #51C6DA;
    border-bottom: none;
    border-left: none;
    z-index: -1;
}
nav#mainnav {
    flex-grow: 1;
} 
 
/*
======================================================================
*/ 

.slider-img {
    border: 2px solid #51C6DA;
    border-radius: 0px 0px 0px 282.449px;
    width: 65%;
    height: 100%;
    margin-left: auto;
    padding: 0 0 20px 20px;
} 
.slider-item{height:100vh;position:relative}
.slider-img img{margin-left:auto;max-height: 100%;border-radius: 0px 0px 0px 282.449px;width: 100%;height: 100%;}
.slider-content{position:absolute;top:50%;transform:translate(0,-50%);max-width:650px}
.slider-head{font-weight:800;font-size:78px;line-height:82px;color:#FFF;background:#2B2A29;border:2px solid #51C6DA;border-radius:0 0 75px 0;padding:22px 50px}
.slider-text{background:#2B2A29;border:2px solid #51C6DA;border-radius: 0 180px 180px 0;font-weight:800;font-size:30px;line-height:66px;text-transform:uppercase;color:#FFF;padding: 0px 50px;max-width: 528px;/* margin-left: auto; */}


.mooz {
    position: absolute;
    z-index: -1;
}

.mooz.mooz1 {
    top: 8%;
    left: -5%;
}

.mooz.mooz2 {
    top: 17%;
    left: 19%;
}

.mooz.mooz3 {
    bottom: -2%;
    left: -1%;
}




/*
=====================================================
*/

ol.breadcrumb {
    padding: 0;
    background: none;
    margin:  0;
    margin-bottom: 45px;
}

.breadcrumb > li + li:before {
    content: "\2192";
    position: absolute;
    left: 0;
}

.breadcrumb > li:not(:first-child) {
    position: relative;
    padding-left: 30px;
}

ol.breadcrumb li:not(:last-child) {
    letter-spacing: 0.04em;
    font-weight: 400; 
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.7);
} 
.breadcrumb > .active {
    letter-spacing: 0.04em;
    font-weight: 500; 
    text-transform: uppercase;
    color: #FFFFFF;
}
 
ol.breadcrumb {
    position: absolute;
    z-index: 2;
    margin-top: 40px;
}

/*
===================================================================
*/
 
 
.modal-with-img .modal-body {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.modal-with-img .modal-dialog.modal-dialog-centered {
    width: 95%;
    max-width: 800px;
}

.modal-with-img .modalimg {
    width: 50%;
}

.modal-with-img .form-modal {
    width: 50%;
    padding: 50px;
}
.modal-content > button.close {
    position: absolute;
    top: 0;
    right: 11px;
    font-size: 45px;
    opacity: 1;
    font-weight: normal;
    z-index: 10;
    color: #fff;
}
.modal-content {
    background: #1C2127;
}
.btn-blue.modal-btn {
    margin-top: 25px;
}
.input{border:1px solid #51C6DA;border-radius:10px;padding:15px;width: 100%;background:none;margin-bottom:15px;font-weight:400;font-size:18px;line-height:24px;color:#fff}
.input::placeholder{color:#787878}
 
.modalimg img {
    width: 100%;
    height: 100%;
}

.alert-success {background: #2E8958;border-color: #2E8958;color: #fff;max-width: 500px;}

.alert-success > button.close {
    opacity: 1;
}
.modal-title {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

/*
==========================================================================
*/

ul.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    flex-wrap: wrap;
}
.pagination > li a.pagin-arrow {
    background: #F6F6F6;
    border: 1px solid #D7D7D7 !important;
    border-radius: 2px;
    font-weight: 700; 
    letter-spacing: 2px;
    color: #333333;
    margin-right: 1px;
    margin-left: 1px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: #ea2d37;
    color: #fff;
    border-color: #ea2d37;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ea2d37;
    border-color: #ea2d37;
    background: #F6F6F6;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    font-weight: 700; 
    letter-spacing: 2px;
    color: #333333;
}

.pagination > li > a, .pagination > li > span {
    color: #ea2d37;
    font-weight: 700;
    font-size: 18px;
    line-height: 31px; 
    letter-spacing: 2px;
    color: #333333;
    font-weight: 700;
    font-size: 18px;
    line-height: 31px; 
    letter-spacing: 2px;
    color: #333333;
    border: none;
}

/*
=============================================================================
*/ 

.title{font-weight:700;font-size:62px;line-height:70px;color:#51C6DA;position:relative;padding-left:100px;margin-bottom:115px}
.title::before{position:absolute;content:"";top:calc(100% + 45px);left:0;width:530px;height:200px;border:2px solid #51C6DA;border-radius:45px 0 0 0;border-bottom:none;border-right:none}
.about-text{padding-left:100px;font-weight:400;font-size:28px;line-height:34px;color:#FFF;max-width:850px;margin-bottom:115px}
.about-images{display:flex;/* flex-wrap:wrap; */padding-bottom: 30px;position:relative;max-width: 1550px;margin-left: 0;}
.about-images_item:not(:first-child){margin-left: -13.4%;}
.about-images_item{position:relative}
.about-images::before{position:absolute;content:"";bottom:0;left:50%;width:100%;height:230px;border:2px solid #51C6DA;border-top:none;border-left:none;max-width:1215px;transform:translate(-50%,0)}


.about {
    position: relative;
    flex-direction: column;
    align-items: unset;
}

.mooz.mooz4 {
    right: 13%;
    top: 51%;
}

.mooz.mooz5 {
    right: 15%;
    top: 26%;
}

.mooz.mooz6 {
    right: 20%;
    top: 3%;
}

.segment-wrap{position: relative;}
.segment-img{width:39%;position:relative;height: auto;}
.segment-img::before{position:absolute;content:"";top:0;left:0;width:50%;height:50%;border:2px solid #51C6DA;border-radius:35px 0 0 0;border-right:none;border-bottom:none;z-index:-1;}
.segment-img::after{position:absolute;content:"";bottom:0;right:0;width:50%;height:50%;border:2px solid #51C6DA;border-radius:0 0 35px 0;border-top:none;border-left:none;z-index:-1;}
.segment-text{font-weight:400;font-size:28px;line-height:34px;position:relative;padding-top:50px;padding-left:60px}
.mb-150px{margin-bottom:150px!important}
.segment-text::before{position:absolute;content:"";top:0;left:0;width:50%;height:50%;border:2px solid #51C6DA;border-radius:30px 0 0 0;border-right:none;border-bottom:none}
.segment-item{width:57%}
.segment-name{position: relative;background:#2B2A29;border:2px solid #51C6DA;padding: 15px 25px 22px;margin-left:auto;font-weight:700;font-size:62px;line-height:70px;text-align:right;color:#51C6DA;max-width:540px;border-radius:0 0 0 30px;margin-bottom:35px;min-height: 180px;width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.segment{position: relative;align-items:flex-start}
.btn-bluereverse{background:rgba(28,33,39,0.7);border:3px solid #51C6DA;border-radius:35px;padding:15px;font-weight:900;font-size:20px;line-height:24px;color:#FFF;text-align:center}
.btn-bluereverse.segment-link{width:100%;max-width:315px;margin-top:60px;position: relative;}

.mooz.mooz11 {
    right: 0;
    top: 0;
    transform: translate(100%, -35px);
} 
.mooz.mooz12 {
    top: 71%;
    transform: translate(55%, 0);
}

.mooz.mooz13 {
    top: 123%;
}

.segment-link-2 .mooz.mooz11 {
    /* transform: translate(18%, -47px); */
}

.segment-link-2 .mooz.mooz12 {
    /* transform: none; */
    /* top: -50%; */
    /* right: -51%; */
}

.segment-link-2 .mooz.mooz13 {
    /* top: 123%; */
    /* right: -24%; */
}

.segment-wrap-reverse .mooz.mooz8 {
    display: none;
}

.segment-wrap-reverse .mooz.mooz9 {
    top: 71%;
    left: unset;
    right: 14%;
}

.segment-wrap-reverse .mooz.mooz10 {
   top: 14%;
   transform: translate(42%, 0);
   right: 0;
   left: unset;
}


.mooz.mooz7 {
    top: 0px;
    left: 0;
    transform: translate(-100%,-24%);
} 

.segment-reverse .mooz.mooz7 {
    left: unset;
    transform: translate(93%,-24%);
    right: 0;
}


.mooz.mooz8 {
    top: 3%;
    transform: translate(-43%, 0);
}

.mooz.mooz9 {
    top: 60%;
    left: 9%;
}

.segment-wrap {
    position: relative;
}

.mooz.mooz10 {
    top: 85%;
    left: 24%;
}


.segment-link-4 .mooz.mooz12, .segment-link-4 .mooz.mooz13,
.segment-link-3 .mooz.mooz12, .segment-link-3 .mooz.mooz13{
    /* display: none; */
}

.segment-link-3 .mooz.mooz11, .segment-link-4 .mooz.mooz11 {
    /* transform: translate(18%, -47px); */
}


.segment-reverse{flex-direction:row-reverse}
.segment-reverse .segment-name{border-radius:0 0 30px 0;margin-left:0;text-align:left;justify-content: flex-start;}
.segment-reverse .segment-text{padding-left:0;padding-right:60px}
.segment-reverse .segment-text::before{border-radius:0 30px 0 0;border:2px solid #51C6DA;left:unset;right:0;border-left:none;border-bottom:none}


.faq-item{border:2px solid #51C6DA;border-radius:10px;position:relative;margin-bottom:20px;padding: 0 60px;}
.faq{margin-left:50px}
.faq-head{font-weight:600;font-size:22px;line-height:20px;padding: 40px 0;cursor:pointer;position:relative}
.faq-content{display:none;font-weight: 400;font-size: 18px;line-height: 28px;
/* or 156% */color: #DADADA;padding: 50px 0;}
.faq-head::before{position:absolute;content:"";top:40px;right: 0;width:10px;height:10px;border:3px solid #51C6DA;transform:rotate(45deg);border-top:none;border-left:none;transition: 0.5s;}
.faq-head.active {
    border-bottom: 1px solid #51C6DA;
}

.faq-head.active::before {
    transform: rotate(225deg);
}

.faq-item.active {
    background: #1C2127;
}



footer#footer{background:#171717}
.footer-top{padding:40px 0 15px;border-bottom:1px solid #2D2D2D}
a.footer-phone,a.footer-mail{font-weight:600;font-size:24px;line-height:30px;display:flex;align-items:center;color:#FFF;margin-right:45px;margin-bottom:15px}
a.footer-phone svg,a.footer-mail svg{margin-right:15px}
.footer-left{display:flex;flex-wrap:wrap;align-items:center}
.footer-social{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px}
.social-text{font-weight:400;font-size:13px;line-height:16px;display:flex;align-items:center;color:#FFF;margin-right:30px}
.footer-social a{margin-right:10px}
.footer-social a:last-child{margin-right:0}
.footer-center{padding:35px 0 40px;align-items:self-end}
.footer-head{font-weight:500;text-transform:uppercase;color:#8A8A8A;margin-bottom:15px;width:100%}
.footer-menu a{font-weight:400;font-size:18px;line-height:23px;text-align:center;margin-right:35px;margin-bottom:10px;display:block}
.footer-bottom{padding:35px 0;border-top:1px solid #2D2D2D;font-weight:400;font-size:13px;line-height:16px;color:#FFF}
.footer-menu a:hover{text-decoration:underline;color:#fff}
.btn-blue{background:#51C6DA;border-radius:60px;padding:10px 40px;font-weight:700;font-size:16px;line-height:20px;color:#FFF;text-align:center;border:1px solid #51C6DA}
.footer-menu{display:flex;flex-wrap:wrap}

 


.segpage-slider .slick-list.draggable{padding: 0 32%;}
.segpage-slider_item{opacity:.6;filter:drop-shadow(2.1404px -2.1404px 21.404px #000);transition:.5s;transform:scale(1,0.9)}
.segpage-slider_item img{border-radius:20px;width: 100%; }
.slick-slide.slick-current.slick-active .segpage-slider_item{opacity:1;transform:scale(1,1)}

.title.page-title{margin-bottom:105px;padding-left: 50px;}
.title.page-title::before{height:40px;width:100%}
.segpage-text{margin-left: 50px;font-weight:400;font-size:28px;line-height:34px;color:#FFF;margin-bottom:70px}


form#fonForm{background:#1C2127;border:2px solid #51C6DA;border-radius:10px;padding:55px 45px;margin-top:130px}
.form-flex{max-width:800px;justify-content:space-between}
.foninput{border:1px solid #51C6DA;border-radius:10px;padding:15px;width:32%;background:none;margin-bottom:15px;font-weight:400;font-size:18px;line-height:24px;color:#fff}
.foninput::placeholder{color:#787878}
textarea.foninput{width:100%;min-height:165px}
.btn-blue.form-btn{margin-top:30px}

.full-text::before{position: absolute;content: ""; top: calc(100% - 210px);left: -40px; width: 530px;height: 200px; border: 2px solid #51C6DA;border-radius: 0 0 0 45px; border-top: none;border-right: none;}
.full-text{position: relative; font-weight: 400;font-size: 28px;line-height: 34px;color: #FFF;margin-left:50px;margin-bottom: 70px;}

.mainnav .mainlist>li {position:relative;overflow:hidden;transition:.5s;}
.mainnav .mainlist>li>ul{display:none;position:absolute;list-style:none;margin-bottom:0;top:100%;padding:20px 5px 20px;max-width:270px;width:max-content;left:0;background:#51C6DA;border-radius:0 5px 5px 5px;}
.mainnav .child_menu li a{color:#fff;font-size:15px}
.mainnav .mainlist>li:hover{overflow:visible;background:#51C6DA;padding: 5px;border-radius:5px 5px 0 0;}
.mainnav .mainlist>li:hover a{color:#fff}
.child_menu li{margin-bottom:15px;line-height:1.2}
.cat_img{width: 100%;height: 240px;padding:15px}
.cat_img img{width: 100%;height: 100%;} 
.cat-p-1 img{border-radius: 50px 0 0 0;}
.cat-p-2 img{border-radius: 0 50px 0 0;}
.cat-p-3 img{border-radius: 0 0 0 50px;}
.cat-p-4 img{border-radius: 0 0 50px 0;}


@media (max-width: 728px){

}
.mob-img{display:none !important;}