@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

.essential-1 {background-image: url(../../img/bg.png);width: 100%;height: auto;background-repeat: repeat;padding: 70px 70px 70px 70px;margin-top: 70px;}
.food-pdd {padding:50px 60px 0 20px;}
.food-pdd-2 {padding:70px 30px 0 20px;}

[tooltip]{position:relative;}
[tooltip]::before,[tooltip]::after{text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}
[tooltip]::before{content:'';border:5px solid transparent;z-index:1001}
[tooltip]::after{content:attr(tooltip);text-transform: uppercase;font-weight: 700;font-family: "Cormorant Garamond", serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1.5ch 2.5ch;border-radius:.7ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,0.35);background: linear-gradient(4deg, rgb(61 145 102) 0%, rgb(0 115 56) 100%) !important;color:#fff;z-index:1000}
[tooltip]:hover::before,[tooltip]:hover::after{display:block}
[tooltip='']::before,[tooltip='']::after{display:none!important}
[tooltip]:not([flow])::before,[tooltip][flow^="up"]::before{bottom:100%;border-bottom-width:0;border-top-color:#007338}
[tooltip]:not([flow])::after,[tooltip][flow^="up"]::after{bottom:calc(100% + 5px);transition:3s}
[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^="up"]::before,[tooltip][flow^="up"]::after{left:50%;transform:translate(-50%,-.5em)}
[tooltip][flow^="down"]::before{top:100%;border-top-width:0;border-bottom-color:#007338}
[tooltip][flow^="down"]::after{top:calc(100% + 5px)}
[tooltip][flow^="down"]::before,[tooltip][flow^="down"]::after{left:50%;transform:translate(-50%,.5em)}
[tooltip][flow^="left"]::before{top:50%;border-right-width:0;border-left-color:#007338;left:calc(0em - 5px);transform:translate(-.5em,-50%)}
[tooltip][flow^="left"]::after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}
[tooltip][flow^="right"]::before{top:50%;border-left-width:0;border-right-color:#007338;right:calc(0em - 5px);transform:translate(.5em,-50%)}
[tooltip][flow^="right"]::after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}
@keyframes tooltips-vert {
to{opacity:.9;transform:translate(-50%,0)}
}
@keyframes tooltips-horz {
to{opacity:.9;transform:translate(0,-50%)}
}
[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^="up"]:hover::before,[tooltip][flow^="up"]:hover::after,[tooltip][flow^="down"]:hover::before,[tooltip][flow^="down"]:hover::after{animation:tooltips-vert 300ms ease-out forwards}
[tooltip][flow^="left"]:hover::before,[tooltip][flow^="left"]:hover::after,[tooltip][flow^="right"]:hover::before,[tooltip][flow^="right"]:hover::after{animation:tooltips-horz 300ms ease-out forwards}


@media (min-width:1200px) and (max-width:1400px){
.scroll-down {bottom: 70px !important;}
.enquiry-btn {width: 80%!important;}
}

@media (min-width:992px) and (max-width:1199px){
.scroll-down {bottom: 70px !important;}
.enquiry-btn {width: 86%!important;}
}

@media (min-width:768px) and (max-width:991px){
.scroll-down {bottom: 70px!important;}	
.enquiry-btn {width: 90%!important;}
}

@media (max-width:767px){
.enquiry-btn {width: 100%!important;margin: -80px 6px 50px 6px!important;}
#lazyLoadAside .div-centers {padding: 0 42px 0 30px;}	
}

.tenuta-info .modal-body {padding: 0 50px 50px 50px;}
.tenuta-info .w-100 {    margin-top: 0px;}
.tenuta-info .modal-dialog {min-width:730px;max-width: 730px;margin-top:8%;min-height: calc(100% - 60px);}

.bargagli-page #pjCF_container_7 {box-shadow: rgb(29 29 29 / 10%) 0px 2px 8px 0px;border-radius: 5px !important;padding: 20px 30px 10px 30px !important;border: 1px solid #cacaca !important;}
.bargagli-page #pjCF_container_7 .pjCF-button {margin-top: 15px;display:block;width:100%;font-family: "Cormorant Garamond", serif;text-transform: uppercase;font-weight: 700;letter-spacing: 0.5px;}
.bargagli-page .form-group:first-of-type {position::relative;width:48%;display:inline-block;margin-right:2%}
.bargagli-page .form-group:nth-of-type(2) {position::relative;width:48%;display:inline-block;margin-left:2%}
.bargagli-page .form-group:first-of-type label {}
.bargagli-page .form-group:nth-of-type(2)  label {}

.bargagli-page .input-group::before {content: "Check-in / out";position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #bababa;pointer-events: none;font-size: 14px;z-index: 9;}
.bargagli-page .input-group.no-before::before {content: "";}
.bargagli-page .form-group.has-error input {border-color: #a94442!important;}
.bargagli-page .form-group.has-error select {border-color: #a94442!important;}
.bargagli-page .help-block.with-errors {display:none}
.bargagli-page1 [id^=pjWrapper] .form-control {line-height: 27px !important;padding: 4px 20px 4px 20px !important;}

.how-to-arrive {    font-family: "Cormorant Garamond", serif;    text-transform: uppercase; color: #fff !important;    margin: 50px auto;    text-align: center;    background-color: #007338;    padding: 9px 30px;    margin-top: 30px;    display: inline-block;    font-weight: 600;    font-size: 16px;    transition: all .3s ease;    border: 1px solid #333;    border-radius: 5px;}
.how-to-arrive:hover {background-color: #222222 !important;border-color: #222222 !important;}


.bargagli-page #pjCF_container_7 .pjCF-button{border-radius:0px}
.bargagli-page .enquiry-btn {margin: -80px auto 50px auto;}
.bargagli-page .div-centers {margin: 0px 30px 0px 30px;}

.md-show {display:none}
.qalia {position:absolute;right:90px;top:20px;width:120px;}
#Helper1 {position: absolute;z-index: 999;width: 40px;right: 10px;top: 20px;display:none}
.pt-70 {padding-top:70px}
.lg-pt-0 {padding-top:0px!important}
.p-title {max-width: 830px;font-family: "Cormorant Garamond", serif;font-weight: 500!important;font-size: 24px!important;line-height: 1.5!important;padding-bottom: 90px!important;margin-top: 25px!important;}
.h1 {font-size: 45px!important;color: #222;font-family: "Cormorant Garamond", serif;font-weight: 500;line-height: 1.2;}
.about-page .h1 {font-size: 60px!important;}
.accordion-header {font-family: "Cormorant Garamond", serif;}
.h3 {font-family: "Cormorant Garamond", serif;}
.pb-0 {padding-bottom:0px;}
.our-villas {margin:70px 0 0px 0}
.relative {position:relative}
.property-page .home-btn {color:#fff!important;}
.div-centers {text-align:center;display:block;margin:0 auto}
.our-villas p {position:absolute;top:40%;left:0;right:0;text-align:center;z-index:99;color:#fff;margin:0 auto;font-family: "Cormorant Garamond", serif;font-size:35px;font-weight:700}
.our-villas p:before {content:'';}
.cta__area-7 {position:relative;background-position-x: center;color:#fff;padding:300px 0 300px 0;max-height:725px}
.cta__area-7 a {color:#fff;}
.cta__area-7 a:hover {color:#fff;}
.cta__area-7 .btn-read-more::after {background-color: #fff!important;}
.overlay-1 {height: 100%;background: url(../../img/pattern.png);position: absolute;left: 0;bottom: 0;width: 100%;z-index: 1;color: #fff;display: -ms-flexbox;display: flex;}
.z-99 {z-index:99px}
.mulino-page1 .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {right:-200px!important}
.cta__area-7 .cta__title {font-size:70px;}
.video-section {position:relative;color:#fff;overflow:hidden;max-height: 75vh;min-height: 75vh;}
.video-section h2 {padding-top:25%;color:#fff;font-size:70px;}
.video-section .btn-read-more {color:#fff;}
.video-section .btn-read-more:hover {color:#fff;}
.video-section .btn-read-more::after {background-color: #fff!important;}
#myVideo {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;z-index: 0;}
.banner .info-bg .h3 {font-weight: 700!important;}
.pdd-informazione {padding:40px 50px 0 50px}
.pdd-informazione-2 img{padding:0px 0px 50px 50px}
.small-texts {text-align:right!important;margin-top:-70px;padding-right:40px;font-size: 13px !important;}
.small-texts-1 {text-align:right!important;float:right;margin-top:10px;padding-right:0px;font-size: 13px !important;}
.xs-block {display:none}
.sm-block {display:none}
.info-container {z-index:9999;max-height: 100vh;}
.video-container div {min-height: 400px!important;max-width:650px!important;margin-top:10%!important;left:0;right:0;text-align:center;margin:0 auto;border-radius: 20px;}
.video-container-mp4 {width: 100%;height: auto;}
#searchwidget button {background-color: #007338!important;border: 2px solid #007338!important;color:#fff!important;}
#searchwidget button:hover {background-color: #fff!important;color:#007338!important}
[id^="scp_iframe_general"] {    z-index: 9998!important;}
.footer__copyright-6 .footer-menu {text-align:right}
.newsletter-btn {margin-top:130px;display:inline-block;font-family: "Cormorant Garamond", serif;text-transform: uppercase;color: #333;margin: 0 auto;text-align: center;background-color: transparent;padding: 9px 30px;font-weight: 800;font-size: 12px;transition: all .3s ease;border: 1px solid #333;border-radius: 5px;}
.newsletter-btn:hover {background-color: #333!important;color:#fff}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {padding: 12px 35px 12px 35px!important;font-weight:600;margin-top:20px;font-size: 16px!important;background: #007338 !important;background-color: #007338 !important;border-color: #007338 !important;}
#pjWrapperNewsletter_theme1 .col-sm-offset-3 {margin-left: 0%;}
#pjWrapperNewsletter_theme1 .col-sm-9 {width: 100%;}

.cleaning-page .info-text {padding: 0px 0 15px 140px;}
.all-villas .ScrollSmoother-wrapper {    overflow: visible!important;}

#panorama a {touch-action: manipulation;}
a {touch-action: manipulation;}

.leadWidget > form.orbirental-capture-widget-form select {color: #000000!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
.leadWidget > form.orbirental-capture-widget-form select:focus {color: #000000!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
.leadWidget > form.orbirental-capture-widget-form select option {color: #000000!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
.leadWidget > form.orbirental-capture-widget-form select:active {color: #000000!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
.leadWidget > form.orbirental-capture-widget-form select option:active {color: #000000!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}

select:focus {color: #000000!important;outline:none!important;appearance: none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
select:active, select:hover {color: #000000!important;outline:none!important;appearance: none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
select {-webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;outline:none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}
select option {color: #000000!important;outline:none!important;appearance: none!important;-webkit-appearance: none!important;-moz-appearance:none!important;}

.scroll-top {z-index: 999!important;}

.villa-page [id^="scp_iframe_general"].vtab-template.pos-center {bottom: 0px !important;}

html, body {
    height: 100%;
}

@media (max-width:767px){
.hostfully-search-widget-form {display: block!important;margin-bottom:25px;}
.hostfully-search-widget-form > div {display: inline-block;width: 46%;margin:15px 2% 15px 2%}
#searchwidget button {    width: 46%;margin:15px 2% 15px 2%}
.tenuta-info .modal-body {padding: 0 25px 25px 25px;}
.tenuta-info .modal-dialog {min-width:100%;max-width: 100%;margin-top:15%;min-height: calc(100% - 60px);}
}

.footer__item-6:nth-child(1){width:25%!important}
.footer__item-6:nth-child(2){width:16%!important}
.footer__item-6:nth-child(3){width:16%!important}
.footer__item-6:nth-child(4){width:20%!important}
.footer__item-6:nth-child(5){width:23%!important}

[id^="scp_iframe_general"] {right: auto!important;left:20px!important}
.revyoos-holding .revyoos-holding-name {color:#fff!important}
#revyoos-widget .revyoos-holding-background {background-color: rgb(0, 115, 55)!important;}
.htab-template .revyoos-holding-background div {color:#fff!important}
.revyoos-holding {background-color: rgb(0, 115, 55)!important;}

.lazy {opacity: 0;transition: opacity 0.3s;}
.lazy-loaded {opacity: 1;}
.lazy-background {background-image: none;}
.lazy-background-loaded {}
.lazy-iframe {opacity: 0;transition: opacity 0.3s;}
.lazy-iframe-loaded {opacity: 1;}

.blog-page .feature__area-6 {padding-top:150px!important;}
.btn-half-1 {border-bottom: 2px dotted #007338;font-weight: 600;color: #333!important;font-size: 17px;}
.btn-half-1:hover {color: #007338!important;outline:none!important;list-style: none!important;  text-decoration: none!important;}
#pjWrapper .pjBlPost .pjBlPostContent .pjBlPostTitle a{margin-top: 8px!important;text-transform: initial;font-family: "Cormorant Garamond", serif !important;color:#121212!important;font-weight: 600!important;font-size: 28px!important;line-height: 1.2!important;border-bottom: 1px solid #bbb; margin-bottom: 10px!important;padding-bottom: 20px!important;}
#pjWrapper .pjBlPost .pjBlPostContent .pjBlPostMeta {padding-top:30px!important;color:#555!important}
#pjWrapper .pjBlPost .pjBlPostContent .pjBlPostMeta li {font-size: 13px!important;padding: 0 14px 0 0!important;margin-right: 12px!important;color:#555!important}
#pjWrapper .pjBlPost .pjBlPostContent .pjBlPostMeta .pjBlPostAuthor span {color:#555!important}
.blog__btn_1 {margin-top:15px;display: inline-block;font-weight: 400;font-size: 16px;line-height: 1.3;color: #555!important;text-transform: capitalize;}
.blog__btn_1 span {font-family: "Lato", sans-serif!important;overflow: hidden;position: absolute;top: 0;right: -28px;}
.blog__btn_1 span i {-webkit-transform: translate(0, 0) rotate(-45deg);transform: translate(0, 0) rotate(-45deg);-webkit-transition: all 0.5s;transition: all 0.5s;}
.blog__btn_1 span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s}
.blog__btn_1:hover{color: #2c2c2c}
.blog__btn_1:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.blog__btn_1:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.fa-arrow-right:before {content: "\f061";font-family:"Font Awesome 6 Free";}
.pjBlMain{font-family: "Kanit", sans-serif!important;}
.embed-container {margin:40px 0 40px 0}
.single-post1 {background-color:#fff;margin-top:-190px;margin-bottom:-150px;z-index:99;position:relative}
#pjWrapper .pjBlForm .form-group {padding-bottom: 5px!important;}
#pjWrapper .pjBlForm .form-control {border-radius: 5px!important;background:#fff!important}
#pjWrapper .btn-primary {border-radius: 7px;height: auto!important;border: 2px solid #007338!important;background-color: #007338!important;transition: 1s!important;font-family: "Cormorant Garamond", serif;padding: 8px 35px 8px 35px!important;text-transform: uppercase!important;font-weight: 700!important;letter-spacing: 0.5px;}
#pjWrapper .btn-primary:hover {border: 2px solid #222222!important;background-color: #222222!important;}
.single-post1 .pjBlArticleTitle {margin-top:15px;font-family: "Cormorant Garamond", serif!important;font-size:45px!important;line-height:57px!important}
.single-post1 .pjBlArticleMeta {padding-bottom: 25px!important;}
#pjWrapper .pjBlArticle .pjBlBackLink {font-family: "Cormorant Garamond", serif!important;}
.single-post1 h1 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
.single-post1 h2 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
.single-post1 h3 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
.single-post1 h4 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
.single-post1 h5 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
.single-post1 h6 {font-family: "Cormorant Garamond", serif!important;font-weight: 600!important;}
#pjWrapper .pjBlPost {height:auto!important}
#pjWrapper .pjBlBody {    display: inline-block!important;}
.blog-page .pjBlContainer {padding: 0px!important;}
.pjBlPostContent {min-height:225px!important}
.list-group {width:100%!important}
.berardenga-page .main-texts {width:80%;background-image: url(../../img/bg.png);height: auto;background-repeat: repeat;padding: 50px 50px 50px 50px!important;margin: 30px auto 50px auto;}
.villa-a-sesta .main-texts {width:80%;background-image: url(../../img/bg.png);height: auto;background-repeat: repeat;padding: 50px 50px 50px 50px!important;margin: 30px auto 50px auto;}
.villa-a-sesta .sticky .house-book {transition:1s;background-color: #007338;width:100%;display:block;text-align:center;color:#fff;font-weight:700;font-family: "Cormorant Garamond", serif;font-size:16px;letter-spacing:1px;border-radius: 5px;text-transform: uppercase;padding: 20px 50px;margin-bottom: 30px;}
.villa-a-sesta .sticky .house-book:hover {background-color: #222;}
.villa-a-sesta .sticky .house-book img{width:35px;margin-right:10px;}
.info-bg {background-color:#f8f6f1;padding: 46px 50px 43px 60px;border-radius: 10px;color:#222}
.info-bg h3 {margin-bottom:15px;}
.info-bg h3 img {display:inline-block;width:40px;margin-top:-5px;margin-right:10px;}
.info-bg p {padding-left:0px;}
.left-img {width:50%;float:left;display:inline-block;margin:0px 40px 30px 0}
.right-img {width:40%;float:right;display:inline-block;margin:0px 0px 30px 40px}
.san-gusme-page .portfolio__detail {margin-top: 40px;}
.villa-a-sesta .info__detail-content p {padding-bottom:20px;}
.restaurant-info .modal-dialog {max-width: 70%;}
.restaurant-info .modal-body {padding: 0 50px 50px 50px;}
.restaurant-info .w-100 {margin-top: 0px;}
.restaurant-info .modal-dialog {display: flex;align-items: center;min-height: calc(100% - 60px);}
.rest-info {padding:50px 5% 50px 5%}
.rest-info h2 {font-weight:700;margin-bottom:20px;}
.rest-info p {margin-bottom:20px;}
.mt-more {MARGIN-TOP:70PX!important;}
.mt-more h2 {margin-top:40px;}
#close_offcanvas img {width:30px}
.image-box .btn-read-more {color:#fff!important;}
.image-box .btn-read-more::after {background-color: #fff;}
.block {display:block;}
.video-section .btn-read-more {margin-bottom:50px;margin-top:30px;font-weight:700;font-size:40px;}
.video-section .link-4 {color:#fff}
.video-section .link-4:hover {color:#007338}
.workflow__item-4 img {width:20%}
.pdd-logo {padding:0 15% 0 15%}
.short-info {margin-top:20px;padding:40px 40px 40px 40px}
.main-menu-3 .language {display:inline-block;width: auto!important;}
.mean-container .mean-nav ul li.language {width: auto!important;margin-right:25px;margin-top:30px;margin-bottom:30px;color:#fff;}
.mean-container .mean-nav ul li.language a{font-family: "Lato", sans-serif!important;font-weight:600!important;}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li.language a {font-size: 20px!important;}
.lang-after {padding: 9px 0 12px 0px;}
.mean-nav {margin-top:70px!important;}
.menu-social li{display:inline-block;padding-right: 15px!important;width: auto!important;float: none!important;}
.menu-social li a{height: 40px;width: 40px;}
.menu-social li a img{height: 40px;width: 40px;border: 1px solid #fff;padding:8px;border-radius: 100%;}
.menu-social {padding-left: 45px;display:block!important;margin-top:30px;width:100%}
.offcanvas__menu-wrapper .footer-menu {color:#fff;padding-left:45px;margin-top:40px;margin-bottom:40px}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormHead {display:none}
[id^=pjWrapper] .panel-default {border-color:transparent;border:none!important}
.footer__top-6 .form-group .col-sm-9 {width: 100%;}
[id^=pjWrapper] .panel{box-shadow:none!important}
.checkbox-newsletter {font-size:13px; font-family: "Lato", sans-serif;    font-weight: 400!important;padding: 0 20px 0 40px;}
.checkbox-newsletter input[type=checkbox] {position:absolute!important;left:15px;width: 20px;height: 20px;top:0;}
.footer__top-6 #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {background: #007338!important;border: 2px solid #007338;font-family: "Cormorant Garamond", serif;text-transform: uppercase;padding: 9px 30px;font-weight: 800;font-size: 12px;}
.footer__top-6 #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton:hover {background: #222!important;border: 2px solid #222;}
.footer__top-6 .col-sm-offset-3 {margin-left: 0%!important;}
.footer__top-6 .panel-body {padding: 0px!important;}
#pjWrapperNewsletter_theme1 {background-color:transparent!important;background:transparent!important}
.footer__top-6 body [id^=pjWrapper] {background-color:transparent!important;background:transparent!important}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormBody {background: transparent!important;}
.footer__top-6 .panel {background: transparent!important;}
#pjWrapperNewsletter_theme1 .container-fluid {padding-right: 0px;padding-left: 0px;}
.newsletter-title {padding-bottom: 0px!important;}
#pjWrapperNewsletter_theme1 .form-control {background-color:#ECECF4!important;    border: none!important;box-shadow: none!important;padding: 10px 20px 10px 20px!important;font-family: "Lato", sans-serif!important;}
.footer__link-6 li a {font-size:17px;}
.footer__info-6 li a {font-size:17px;}
.footer__info-6 li {margin-bottom:17px!important;}
.footer__link-6 li {margin-bottom:17px!important;}
.error__content h1 {font-weight: 700;font-size: 75px;margin-bottom:-20px;}
.modal {background: #00000073;z-index: 9999;}
[id^=pjWrapper] label {text-transform:uppercase}
.checkbox label {text-transform:none}
#pjWrapperContactForm_2 .form-horizontal .control-label {display: block!important;}
#pjWrapperContactForm_2 .panel-body {padding: 0px;}
#pjWrapperContactForm_2 .container-fluid {padding-right: 0px;padding-left: 0px;}
.pjCF-form-field {font-family: "Lato", sans-serif!important;}
[id^=pjWrapper] .checkbox label, [id^=pjWrapper] .radio label {    padding-left: 40px!important;}
#pjWrapperContactForm_1 .col-sm-offset-3 {margin-left: 0%;}
#pjWrapperNewsletter_theme1 label {text-transform: none;}
#pjWrapperNewsletter_theme1 input[type="checkbox"] {margin-left: 0px!important;}
#pjCF_container_1 .pjCF-button {color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_2 .pjCF-button {color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_3 .pjCF-button {margin-left:-15px;color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_4 .pjCF-button {margin-left:-15px;color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_5 .pjCF-button {margin-left:-15px;color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_6 .pjCF-button {color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
#pjCF_container_7 .pjCF-button {color:#fff!important;margin-top:30px;padding:12px 35px 12px 35px;font-size:17px!important;font-weight:600}
input[type="checkbox"] {margin-left: -35px!important;width: 20px!important;height: 20px!important;}
#pjWrapperContactForm_2 .form-group {margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(1) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(2) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(3) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(4) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(5) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(6) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(7) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(8) {display: inline-block;width: 32%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(9) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(10) {display: inline-block;width: 31%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(11) {display: inline-block;width: 32%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(12) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(13) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(14) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(15) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(16) {display: inline-block;width: 48%;margin-right: 2%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(17) {display: inline-block;width: 48%;margin-right: 2%;}


#pjWrapperContactForm_2 .form-group:nth-of-type(3) .col-sm-3{display: block;width: 100%;margin-right: 0%;text-align:left;margin-bottom:15px;}
#pjWrapperContactForm_2 .form-group:nth-of-type(3) .col-sm-9{display: block;width: 100%;margin-right: 0%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(4) .col-sm-3{display: block;width: 100%;margin-right: 0%;text-align:left;margin-bottom:15px;}
#pjWrapperContactForm_2 .form-group:nth-of-type(4) .col-sm-9{display: block;width: 100%;margin-right: 0%;}
#pjWrapperContactForm_2 .form-group:nth-of-type(5) .col-sm-3{display: block;width: 100%;margin-right: 0%;text-align:left;margin-bottom:15px;}
#pjWrapperContactForm_2 .form-group:nth-of-type(5) .col-sm-9{display: block;width: 100%;margin-right: 0%;}

#pjWrapperContactForm_2 .form-horizontal .checkbox, [id^=pjWrapper] .form-horizontal .radio {display:inline-block}

.pb-30 {padding-bottom:30px;}
.hamburger *{ -webkit-transition:0.25s ease-in-out;  -moz-transition:0.25s ease-in-out;  -ms-transition:0.25s ease-in-out;  -o-transition:0.25s ease-in-out;  transition:0.25s ease-in-out}
.hamburger span{ display:block;  position:absolute;  left:0;  width:100%;  height:1px;  background:#fff;  z-index:0}
.hamburger span:nth-child(1){ top:0px;  width:50%}
.hamburger span:nth-child(2){ top:8px}
.hamburger span:nth-child(3){ width:50%;  top:16px;  right:0;  left:auto}
.hamburger span:before, .hamburger span:after{ position:absolute;  content:"";  display:block;  top:0;  height:100%;  width:0;  right:0;  left:auto}
.hamburger span:before{ z-index:1;  background:#fff;  transition:all 0.15s linear 0s}
.hamburger span:after{ z-index:2;  background:#fff;  transition:all 0.15s linear 0.3s}
.hamburger span:nth-child(2):before{ transition-delay:0.05s}
.hamburger span:nth-child(3):before{ transition-delay:0.1s}
.hamburger span:nth-child(2):after{ transition-delay:0.15s}
.hamburger span:nth-child(3):after{ transition-delay:0.2s}

.hamburger:hover span{ width:100% !important}
.hamburger:hover span:after, .hamburger:hover span:before{ width:100%;  left:0;  right:auto}
.hamburger:hover span:after{ z-index:1;  transition:all 0.15s linear 0s}
.hamburger:hover span:before{ z-index:2;  transition:all 0.15s linear 0.3s}
.hamburger:hover span:nth-child(2):after{ transition-delay:0.05s}
.hamburger:hover span:nth-child(3):after{ transition-delay:0.1s}
.hamburger:hover span:nth-child(2):before{ transition-delay:0.15s}
.hamburger:hover span:nth-child(3):before{ transition-delay:0.2s}
.hamburger.open span:nth-child(1){ top:9px;  width:100%;  -webkit-transform:rotate(135deg);  -moz-transform:rotate(135deg);  -o-transform:rotate(135deg);  transform:rotate(135deg)}
.hamburger.open span:nth-child(2){ opacity:0;  left:-15px}
.hamburger.open span:nth-child(3){ top:9px;  width:100%;  -webkit-transform:rotate(-135deg);  -moz-transform:rotate(-135deg);  -o-transform:rotate(-135deg);  transform:rotate(-135deg)}
.hamburger {width: 26px;height: 18px;position: relative;}
.hamburger-menu {margin-right:15px;}
.dark-menu .hamburger span {background:#007338!important}
.dark-menu .hamburger span:before {background: #222;}
.ScrollSmoother-wrapper {position:relative!important}
#pjWrapperNewsletter_theme1 .col-sm-3 {display:none!important}
#pjWrapperNewsletter_theme1 .checkbox-newsletter {display:block!important}

#overlay1 p {color:#fff!important;display:block;margin:0 auto;line-height:27px;font-size:21px;font-weight:700;font-family: 'Raleway', sans-serif!important; letter-spacing: .3px;max-width:70%;text-align: center;}
#overlay1 {display: none;position: fixed;top: 0;left: 0;right:0;margin:0 auto;width: 100%;height: 100%;background: rgba(0, 115, 56, 1)!important;color:#fff!important;text-align: center;z-index: 9999;padding-top: 5%;}
.ios #overlay1 {display: none;position: fixed;top: 0;left: 0;right:0;margin:0 auto;width: 100%;height: 100%;background: rgba(0, 115, 56, 1)!important;color: white;text-align: center;z-index: 9999;padding-top: 5%;}
		
.rotate-mobile {width:170px;height:auto;display:block;margin:0px auto}



.food-pdd-2 h2{padding-bottom:20px;}
.gourmet .bg {margin: 40px 0 70px 0;}
.food-pdd h2{padding-bottom:20px;}
.pt-50 {padding-top:50px;}
.right-text {padding-left:40%}
.font-title {font-size:80px!important}
.mb-70 {margin-bottom:70px;}
.btn-read-more img {width:50px;position:absolute;left:-60px;top:-5px;}
.cta__title {position:relative;}
.btn-read-more {padding-bottom:10px;}
.bb-0 .info-text {border-bottom: none!important;}
.blog__detail-content a {color:#484848;font-weight:600;margin-left:10px;font-size:18px;font-family: "Cormorant Garamond", serif;}
.header__logo-2 img {width:90px;}
.container-1 {width: 1362px;margin: auto;max-width: 100%;}
.container-2 {width: 1550px;margin: auto;max-width: 100%;}
.container-3 {width: 1700px;margin: auto;max-width: 100%;}
.sticky {position: -webkit-sticky;position: sticky;top: 20px;height: 100%;}
.info-detailss {padding-top:100px;}
.villa-page h1 {padding-bottom:5px;}
.w-icon {width:25px;margin-top:0px;}
.w-icon-1 {width:30px;margin-top:-3px;margin-right:5px}
.amenities__detail-meta li {padding-right: 40px!important;}
.mt-20 {margin-top:20px;}
.mt-40 {margin-top:40px;}
.pl-70 {padding-left:70px;}
.numbers {font-size:18px;margin-right:5px;font-weight:700}
.pdd-info {padding-right:70px;position:relative}
.location {color: #484848;margin-top:0px;position:relative;padding-left:35px;width:75%}
.location img {position:absolute;left:0;top:-5px}
.info__detail-content {margin-top:20px; border-top: 1px solid #eaeaea!important;padding-top:45px!important}
.description {position:relative;overflow: hidden;max-height: 245px;transition: max-height 0.5s ease;}
.description.expanded {max-height: 2000px;}  
.btn-read-more {position:relative;display:inline-block!important;font-family: "Cormorant Garamond", serif;margin-top: 10px;letter-spacing:0px;font-size: 20px;font-weight: 400;cursor: pointer;color: #202020;transition:1s;}
.btn-read-more:hover {color: #007338;}
.btn-read-more::after {position: absolute;content: "";width: 100%;height: 1px;left: 0;bottom: -2px;background-color: #1c1d20;transition: all .3s;}
.btn-read-more:hover::after {width: 0%;}
.btn-read-more.visible {opacity: 1;}
.responsive-img {width:100%}
.check-box {padding-left:50px;position:relative}
.check-box:before {position: absolute;content: "";left: 0;top:0;background: url(../../img/manifesto/check-circle.svg);width: 35px;height: 35px;background-size: cover;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color:#222;font-family: "Cormorant Garamond", serif;}
.portfolio__detail {margin-top:70px}
.mb-20 {margin-bottom:20px;}
.hidden {display:none}
.pdl-10 {padding-left:10px;padding-right:0px!important;}
.Amenities {margin-top:50px; border-top: 1px solid #eaeaea!important;padding-top:40px!important}
.Amenities .amenities__detail-meta li {margin-bottom:35px;}
.btn-amenities {position:relative;display:inline-block!important;font-family: "Cormorant Garamond", serif;display: none;margin-top: 0px;letter-spacing:0px;font-size: 20px;font-weight: 400;cursor: pointer;color: #202020;transition:1s;}
.btn-amenities::after {position: absolute;content: "";width: 100%;height: 1px;left: 0;bottom: -2px;background-color: #1c1d20;transition: all .3s;}
.btn-amenities:hover::after {width: 0%;}
.btn-amenities:hover {color: #cacaca;}
.Amenities .amenities__detail-meta {padding-bottom:0px}
.Amenities .description {overflow: hidden;max-height: 145px;transition: max-height 0.5s ease;}
.Amenities .description.expanded {max-height: 2000px;}  
.villa-page h2 {font-size:28px!important;}
.villa-page h3 {font-size:28px!important;}
.w-100 {width:100%;margin-top:20px;color: #202020;font-size: 19px!important;font-weight: 400;}
.disp-block1 {display:block}
.portfolio__detail .block-img-text p a {display:block;}
.portfolio__detail .block-img-text p {display:block!important;padding-top:30%}
.section-parallax {background-repeat: repeat;background-attachment: fixed;}
.chiusarella-bg {min-height:400px;margin-top: 20px;background-position-x: 0% !important;background-position-y: 100% !important;position: relative;}
.modal-dialog {max-width: 900px;margin-right: auto;margin-left: auto;}
.fs-5 {font-family: "Cormorant Garamond", serif;text-align:center;font-size:30px!important;width:100%;color:#202020;    font-weight: 700;}
.modal-header {border-bottom:none;padding-top:40px;}
.modal-body {padding:0 20px 40px 20px}
.modal-body .amenities__detail-meta {padding: 20px 10px 40px 40px}
.modal-body .amenities__detail-meta li {width:31%;margin-right:1.5%; padding-right: 0px!important;border-bottom: 1px solid #dad9db;padding: 15px 0 15px 50px;font-size: 15px;}
.modal-body .amenities__detail-meta li:before {background: url(../../img/icons/check.svg);position: absolute;content: ""; top: 14px;left: 15px;width: 25px;height: 25px;background-size: cover;}
.modal-body .amenities__detail-meta .w-100:before {background:none}
.modal-body .amenities__detail-meta .w-100 {border-bottom: none;padding: 15px 0;font-weight: 700;font-size: 18px;color: #444!important}
.modal-body .w-icon-1 {margin-right:8px}
.accordion-button {font-size: 19px!important;font-weight: 700!important;}
.modal-header .btn-close {padding-right:30px;}
.modal-content {background-image:url(../../img/bg.png);width: 100%;height: auto;background-repeat: repeat;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mt-video {margin-top:70px;}
.anim-title {padding:40px 30px 70px 85px;}
.title-logo {width:190px;position:absolute;right:95px;top:92px}
.mt-30 {margin-top:30px;}
.villa-page .anim-title h2 {font-size:70px!important;line-height:80px;padding:50px 0 50px 0}
.faq__list .accordion-body, .faq__list-6 .accordion-body, .faq__list-3 .accordion-body {min-height:auto!important;padding-bottom:30px;}
.villa-page .faq__content {padding-left: 0px;padding-top: 60px;}
.strongs {font-weight:700}
.bg .strongs {text-align:left}
.info-text {min-height:220px;padding:0px 0 15px 60px;    border-bottom: 1px solid #d1d1d1!important}
.info-text img {width:50px;position:absolute;left:-70px;top:20px}
.info-text-1 {padding-left:70px;min-height:200px;padding:0px 0 15px 60px;}
.info-text-1 img {width:50px;position:absolute;left:-70px;top:20px}
.info-text-1 p {padding-bottom:15px;}
.mt-70 {margin-top:70px;}
#map {height:500px;margin-top:50px;}
.essential {background-image: url(../../img/bg.png);width: 100%;height: auto;background-repeat: repeat;padding:50px 50px 50px 50px;margin-top:70px;}
.essential h3 {margin-bottom:30px;}
.location-map {padding:70px 0 70px 0}
.location-map h3 {padding-bottom:30px;}
.location-map p {padding-bottom:30px;}
.font {font-family: "Cormorant Garamond", serif;font-size:17px;padding-top:30px;margin-bottom:5px;font-weight:600}
.info-text-1 .description {overflow: hidden;max-height: 0px;transition: max-height 0.5s ease;}
.info-text-1 .description.expanded {max-height: 2000px;}  
.location-map .description {overflow: hidden;max-height: 125px;transition: max-height 0.5s ease;}
.location-map .description.expanded {max-height: 2000px;}  
.leaflet-marker-icon {width:50px!important;height:50px!important}
.info-text p {padding-bottom:15px;}
.multiweb {width:35px!important;margin-top:-3px!important;margin-left:10px;margin-right:5px;}
.footer-menu li {display:inline-block;padding-left: 0px!important;padding-right: 20px!important;}
.footer-menu li img {width:25px;margin-top:-5px;}
.social li img:hover {filter: invert(100%);}
.social {margin-top:50px;}
.social li a:hover{border-bottom: none!important;}
.footer__area-6 {margin-top:100px;}
::-webkit-scrollbar{ width:8px;  height:8px;  background:#fff}
::-webkit-scrollbar-thumb{ cursor:pointer;  background:#007338}
::selection{ background-color:rgba(56, 149, 211, 0.9);  color:#fff}
img {max-width: 100%;height: auto;}
.arceno-phone span {display:block;font-weight:700}
.arceno-phone span a{color:#222;font-family: "Cormorant Garamond", serif;font-size:23px;}
.arceno-phone span a:hover{color:#007338}
.arceno-phone {text-align:center;margin-top:20px;}
.book-now {font-size: 28px;    font-family: "Cormorant Garamond", serif;padding-top:30px}
.footer__copyright-6 a:hover {color:#007338!important}
.name {color:#007338;text-align:center;font-family: "Cormorant Garamond", serif;font-size:19px;font-weight:700;}
a:hover {color: #007338;}
.mt-50 {margin-top:50px;}
.pb-70 {padding-bottom:70px;}
.url-hotspot2.filter-btn.more-item {bottom:auto!important}
.header__nav-icon-3 {display:none!important}
.villa-page .info-icon {left: auto;}
.villa-page .main-menu-3 > li > a{color: #dfdfdf;}
.home-page .info-icon {left: auto;}
.home-page .main-menu-3 > li > a{color: #dfdfdf;}
.book-btn {color:#fff!important;border-radius: 5px;font-size:17px!important;min-width: 160px;text-align: center;background-color: #007338!important;transition: 1s;font-family: "Cormorant Garamond", serif;padding: 12px 6px 12px 6px!important;margin-left:20px;font-weight: 700!important;letter-spacing: 0.5px;}
.book-btn:hover {background-color: #222!important;}
.dreams span {display:block;padding-left:20px;}
.dreams {font-size: 70px!important;line-height: 80px!important;padding: 50px 0 50px 0;font-family: "Cormorant Garamond", serif;}
.gallery-text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center; padding-left: 60px;}
.gallery-text p {font-size: 17px;line-height: 1.4;}


.mb-50 {margin-bottom:50px}
.mb-40 {margin-bottom:40px}
.mb-30 {margin-bottom:30px}
.mb-20 {margin-bottom:20px}
.vrma {margin-top:20px;width:200px;margin-right:30px;}
.cleaning-page h1 {font-size: 80px;}
.image-box {position: relative;margin: auto;overflow: hidden;width: 100%;display: inline-block;border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;}
.image-box img {max-width: 100%;transition: all 1.3s;display: block;width: 100%;border-radius:10px;height: auto;transform: scale(1);}
.image-box:hover img {transform: scale(1.2);}
.main-menu-3 .language {padding: 0 10px;}
.main-menu-3 .language a{font-size:12px!important}
.logo-dark {margin-left:30px;}
#tutorialBox .col-lg-6 {width: 46%;}
#panorama .center a {position: relative;}
.footer-menu br {display:none}
.contact-page .main-menu-3 > li > a {color:#333}
.contact-page .book-btn {color:#fff!important}
.contact__area-6 {padding:200px 0 0 0}
.sec-title-wrapper p {margin-top:15px;line-height:30px;font-size:16px;}
.pjCF-form input::placeholder {color: #424242 !important;}
.small-text {font-size:13px!important;display:inline-block}
.contact__info li {margin-bottom:20px;}
.mt-150 {margin-top:150px}
.pt-90{padding-top:90px}
.pt-150 {padding-top:150px}
.villa-short {margin-bottom:0px;font-size:14px;min-height:85px}
.villa-text-wrapper {padding:15px 15px 20px 15px;}
.link-1 {border-bottom: 2px dotted #007338;font-weight: 600;color: #333;}
.blog__btn span i {color:#fff}
.blog__btn {background:#007338;color:#fff!important;padding:12px 33px 12px 33px;margin-top:5px;margin-bottom:20px;border-radius: 5px;transition:1s}
.blog__btn:hover {background:#222;}
.all-villas h1 {font-size:45px;}
.all-villas .service__detail .sec-title {max-width: 830px;font-size: 24px;margin-top:25px;}
.title {display:block;font-family: "Cormorant Garamond", serif;margin-bottom:20px;font-size:22px;font-weight:600}
.all-villas .w-icon-1 {width: 25px;    margin-right: 10px;}
.all-villas .amenities__detail-meta li {font-size:13px;padding-right: 0px!important;}
.all-villas .amenities__detail-meta {padding-top: 0px;padding-bottom: 10px;}
.all-villas .main-menu-3 > li > a {color: #222;border-radius: 5px;}
.all-villas .book-btn {color: #fff!important;}
.offcanvas__area {background: rgb(1,150,74);
background: radial-gradient(circle, rgba(1,150,74,1) 50%, rgba(0,115,56,1) 100%);}
.offcanvas__logo {width:120px}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {color:#fff!important}
.blog__item {margin-bottom:40px;}
.all-villas .description {max-height: 145px;}
.all-villas .description.expanded {max-height: 2000px;}  
.all-villas .service__detail .btn-read-more::after {    height: 3px;}
.right {left:auto!important}
.blog__detail-meta img {width:40px;}
.blog__detail-meta p span {font-family: "Cormorant Garamond", serif;font-weight:700!important}
.pt-50 {padding-top:50px;}
.cta__content .btn-read-more::after {height:3px}
.bg {padding:60px 60px 60px 60px;margin:40px 0 40px 0;overflow: hidden;background-image: url(../../img/bg.png); width: 100%; height: auto;background-repeat: repeat;}
.mtb-img {margin:40px 0 40px 0;}
.delizia-img {margin:0px 40px 40px 0;float:left;width:400px;}
.wikipedia-img {margin:0px 40px 40px 0;width:400px;}
.fancybox-is-open .fancybox-bg {opacity: .95!important;}
.all-villas .ScrollSmoother-wrapper {position:relative!important}
.about-page {background-image: url(../../img/bg.png);}
.about-page .hero__content-8 .discription {    max-width: 650px;}
.about-page .sec-title-4 span {display:inline-block;padding-left:0px;font-weight:700}
.about-page .sec-title-4 {font-size: 110px;}
.about-page .sec-title-5 {font-size: 110px;}
.about-page .portfolio__big {margin-bottom:-85px;}
.about-page .story__text p {padding-top: 15px;}
.other-services {padding:100px 0 0 0;}
.portfolio__content-6 {background-color: #007338!important;color:#fff}
.anim {opacity: 0;animation: fadeIn 3s ease 1s forwards;position:absolute;}
.villa-bg {position:absolute;z-index:5;right:5%;top:5%;opacity: 0;animation: fadeIn 2s ease 0.5s forwards;    max-width: 40%;}
.about-page .scroll-down img {width:auto}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.7;
    }
}

.border-none {margin-top:40px;border-bottom: 0px solid #d1d1d1!important;}
.feature__content-right1 p {    line-height: 1.5;font-size: 17px;    padding-bottom: 25px;}
.feature__content-right1 {background-image: url(../../img/bg.png);padding: 93px 60px 90px 80px; position: relative;}


.description::before {content: "";background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);position: absolute;bottom: 0;width: 100%;z-index: 9;height: 55px;}
.description.expanded::before {height: 1px;}


.image-container {position: relative;margin: 7px;}
.info {display: none;position: absolute;top: -45px;left: -20px;background-color: rgba(0, 0, 0, 0.5);color: white;min-width: 115px;text-align: center;padding: 10px;}
.image-container:hover .info {display: block;}


.filter-button-group {margin: 0 auto 50px auto;text-align: center;}
.btn-filter {font-family: "Cormorant Garamond", serif;text-transform:uppercase;margin-right:10px!important;color: #333;margin: 0 auto;text-align: center;background-color: transparent;padding: 9px 30px;font-weight: 800;font-size: 12px;transition: all .3s ease;border: 1px solid #333;border-radius: 5px;}
.btn-filter:hover {background-color: #333!important;color:#fff}
.active-btns {background-color: #007338!important;border: 2px solid #007338;color:#fff}
.active-btns:hover {border: 2px solid #333;}
.product {margin-bottom:20px;}
.home-btn {background-color: #007338!important;border: 2px solid #007338;color:#fff;margin-top:40px;display:inline-block}
.home-btn:hover {border: 2px solid #333;}

.comment-btn {background-color: transparent!important;border: 2px solid #007338;color:#007338;margin-top:40px;display:inline-block}
.comment-btn:hover {border: 2px solid #007338;background-color: #007338!important;color:#FFF;}



label {display: block!important;}
[id^=pjWrapperContactForm_34] label {font-family: "Cormorant Garamond", serif;font-size: 16px;}
[id^=pjWrapper] .form-control {    box-shadow: rgb(29 29 29 / 10%) 0px 2px 8px 0px!important;border: 1px solid #A9A9A9!important;font-family: "Cormorant Garamond", serif; border-radius: 5px;line-height: 30px!important;padding: 5px 20px 5px 20px!important;height:auto!important;}
.checkbox-text {font-size:14px;}
#pjCF_container_34 .pjCF-button {font-family: "Cormorant Garamond", serif;color:#fff!important;padding:15px 45px 15px 45px;margin-left:-15px;}
[id^=pjWrapperContactForm_34] .form-group {margin-bottom: 20px!important;}




.enquiry-btn {color:#fff;width:83%;display:block;margin:-80px auto 50px auto;text-align:center;background-color: #007338;transition: 1s;font-family: "Cormorant Garamond", serif;padding: 12px 36px 12px 36px !important;text-transform: uppercase;font-weight: 700;letter-spacing: 0.5px;}
.enquiry-btn:hover {background-color:#222222;color:#fff;}

.leadWidget > form.orbirental-capture-widget-form {box-shadow: rgb(29 29 29 / 10%) 0px 2px 8px 0px; border-radius: 5px!important;padding:20px 30px 90px 30px!important;border: 1px solid #cacaca!important;}
.leadWidget > form.orbirental-capture-widget-form input {line-height:30px!important;padding:5px 20px 5px 20px!important;height:auto!important;border-radius: 5px;}
.leadWidget > form.orbirental-capture-widget-form textarea {line-height:30px!important;padding:5px 20px 5px 20px!important;height:auto!important;border-radius: 5px;}
.leadWidget > form.orbirental-capture-widget-form select {min-height:44px;line-height:30px!important;padding:5px 20px 5px 20px!important;height:auto!important;border-radius: 5px;}
.leadWidget > form.orbirental-capture-widget-form > button {background-color:#007338!important;transition:1s;font-family: "Cormorant Garamond", serif;padding: 12px 6px 12px 6px!important;text-transform: uppercase;font-weight:700;letter-spacing:0.5px}
.leadWidget > form.orbirental-capture-widget-form > button:hover {background-color:#222222!important;}
.leadWidget > form.orbirental-capture-widget-form > p {color:#007338!important}	
.leadWidget p {color:#007338!important}	
.leadWidget > form.orbirental-capture-widget-form .orbirental-capture-widget-price {    font-family: "Cormorant Garamond", serif;color: #222!important;}
#orbirental-capture-widget-quote-link {text-align:center;color: #222!important;text-decoration:underline}
.leadWidget > form.orbirental-capture-widget-form > div.orbirental-capture-widget-wrapper.text-right {text-align: right!important;text-transform:lowercase}
.is-selected {background-color:#007338!important;background:#007338!important;border-radius: 5px!important;color:#fff!important}
.is-selected .pika-button, .has-event .pika-button {background: #007338!important;box-shadow: inset 0 1px 3px #007338!important;}
.is-today .pika-button {color: #007338!important;}
.is-today.is-selected .pika-button{color:#fff!important; }
.pika-button {text-align:center!important}
.is-disabled .pika-button, .is-unavailable .pika-button, .is-inrange .pika-button {background: #bbe1d9!important;}
.pika-button:hover {  color:#fff!important;  background: #007338!important;}
.orbirental-capture-widget-form:nth-of-type(4) {flex: 1 50%!important;width:50%!important}
.leadWidget > form.orbirental-capture-widget-form > div.orbirental-capture-widget-wrapper.text-left {text-align: left!important;}
.leadWidget > form.orbirental-capture-widget-form > div.orbirental-capture-widget-wrapper.text-left p {font-weight:700!important}
.orbirental-capture-widget-wrapper b {font-weight:600!important}
.leadWidget input:focus, .leadWidget textarea:focus, .leadWidget select:focus {outline: 1px solid #A9A9A9!important;}











#panorama {z-index:99}
.pnlm-container {font-family: "Lato", sans-serif!important;}
.filter-menu {position: absolute;    z-index: 9999;    max-width: 300px;    bottom: 130px;    right: 30px;    opacity: 0;    display: none!important;    animation: fadeInOut 0.3s ease-in-out forwards;}

@keyframes fadeInOut {
    0% {
        opacity: 0;
        display: flex;
    }
    100% {
        opacity: 1;
        display: flex;
    }
}

.filter-menu.hidden {    opacity: 0;    display: none;    animation: none;}
.filter-menu button {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;padding:8px 20px 8px 50px;position:relative;display:block;margin-bottom:20px;text-transform: uppercase;color: #fff;line-height: 1.6;font-weight: 700;}
.filter-menu button:before {z-index:99;display:inline-block;top:-5px;position:absolute;left:-15px;content:'';padding:12px;color:#fff;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;font-family: "Roboto",sans-serif;width: 48px!important;height: 48px;border-radius: 50%;}
.filter-menu button:hover {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;transition:1s;color: #fff;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;padding:8px 20px 8px 50px}
.filter-menu .active {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;transition:1s;color: #fff!important;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;padding:8px 20px 8px 50px}
.filter-menu #case-vacanze:after {z-index:999;background-image: url(https://arcenorentalsclub.com/img/svg/house-pin.svg);content: "";    position: absolute;  width:30px;height:30px;  left: -6px;top:4px;    background-size: cover;}
.filter-menu #restaurant {display:none}
.filter-menu #hide-panoramas {display:none}
.filter-menu #restaurant:after {z-index:999;background-image: url(https://arcenorentalsclub.com/img/svg/restaurant.svg);content: "";    position: absolute;  width:26px;height:26px;  left: -4px;top:5px;    background-size: cover;}
.filter-menu #show-panoramas:after {z-index:999;background-image: url(https://arcenorentalsclub.com/img/svg/eye.svg);content: "";    position: absolute;  width:30px;height:30px;  left: -6px;top:4px;    background-size: cover;}
.filter-menu #hide-panoramas:after {z-index:999;background-image: url(https://arcenorentalsclub.com/img/svg/eye-off.svg);content: "";    position: absolute;  width:30px;height:30px;  left: -6px;top:4px;    background-size: cover;}
.close-icon {display:none;position: absolute;z-index:9999;top: 10px;right: 10px;cursor: pointer;}
.filter-menu.show{display: flex!important;}
.filter-menu .active:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

@media (max-width:767px){
.lg-pt-0 {padding-top: 20px !important;}
.mb-70 {margin-bottom: 30px;}	
.filter-menu.show:after {display: block!important;background: rgba(0,0,0,0.9);z-index: 9;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";}
.filter-menu.show{display: block!important;padding-top: 10%;max-width: 100%;z-index: 9998;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";}
.filter-menu.show button {z-index: 9999;}
.filter-menu button {margin:0 auto 30px auto;text-align:center;min-width:170px;padding: 8px 0px 8px 20px;}
.filter-menu button:hover {min-width:170px;padding: 8px 0px 8px 20px;}
.filter-menu .active {padding:8px 0px 8px 20px}
.close-icon {display:none;position: absolute;z-index:9999;top: 30px;right: 30px;cursor: pointer;height: 25px;width: 25px;}
.filter-menu.show .close-icon {display:block;}
.filter-item {display:none;position:relative!important;width: 40px;height: 40px;bottom: auto!important;right: auto!important;}
.nav-item img {margin-top:0px!important}
#panorama .more-item.xs-relative {left: auto!important;right: auto!important;}
#panorama .more-item.nav-item {left: 0!important;right: 0!important;}
.filter-item img {height: 35px!important;}
.scroll-down{display:none!important;left:0;right:0;bottom:50px!important;margin: 0 auto;text-align: center;}
.scroll-down svg {display:none!important;}
#panorama a {position:absolute!important;}
#panorama .more-item.nav-item {bottom: 90px !important; min-height: 50px; width: 50%;}
.arrow-anim{bottom: -55px!important;        position: relative;}
.more-item.nav-item span {font-size:11px!important;    text-decoration: underline;font-weight: 600;position:absolute;top:10px;width:250px;}
.xs-info {position:relative;z-index:999;margin-top:70px!important;}
.xs-info a{font-weight:600}
}

.showss {display: block!important;}
.hides {display: none;}

.info-page #ct-ultimate-gdpr-cookie-popup {padding: 0px;box-shadow: #000 0 0 0px;position:fixed;background-color:rgba(0, 0, 0, 0);top:auto;display:block;bottom:0;height:auto}
.info-page .ct-container {    height: auto;width: 100%!important;padding: 20px 25% 20px 25%;min-height: auto;}
.info-page .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content {margin-bottom: 10px;}
.info-page .footer-line {margin-top: 195px!important;}

@media (min-width:1401px) and (max-width:1650px){
#tutorialBox {min-width: 65%!important;max-width: 65%!important;}
.div-center {margin: 0px auto 0 auto;}
}
@media (min-width:1201px) and (max-width:1400px){
.qalia {right:0px;top:0px;width:120px;}
.info-page .ct-container {padding: 20px 15% 20px 15%;}
.div-center {margin: 0px auto 0 auto;}
#tutorialBox {min-width: 75%!important;max-width: 75%!important;}
.small-texts {margin-top:-70px;padding-right:70px;}
}
@media (min-width:992px) and (max-width:1200px){
.md-mb-40 {margin-bottom:40px;}
.md-none {display:none}	
.md-show {display:block}	
.qalia {right:20px;top:20px;width:100px;}
.pdd-informazione-2 img { padding: 0px 0px 50px 30px;}	
.small-texts {padding-right: 80px;}
.info-page .ct-container {padding: 20px 10% 20px 10%;}
.sidebar__comments-text-box img {width: 40px;}
.div-center {margin: 0px auto 0 auto;}
#tutorialBox {min-width: 85%!important;max-width: 85%!important;}
}
@media (min-width:768px) and (max-width:991px){
.md-mb-40 {margin-bottom:40px;}
.md-none {display:none}	
.md-show {display:block}	
.qalia {right:20px;top:20px;width:120px;}
#tutorialBox {min-width: 100%!important;max-width: 100%!important;min-height: auto!important;}	
.info-page .ct-container {padding: 20px 10% 20px 10%;}
.btn-filter {padding: 9px 18px;margin-bottom:20px;margin-right: 7px!important;}
.sidebar__comments-text-box img {width: 40px;top:-60px;}
#tutorialBox p {font-size: 14px;}
.div-center {margin: 0px auto 0 auto;}
.info-block p {min-height: 55px!important;}
.info-block img {top: 0px!important;}
.pdd-informazione {padding: 0px 30px 0 30px;}
}
@media (max-width:767px){
.qalia {right:0px;top:180px;width:120px;}
.info-page .ct-container {padding: 20px 15px 20px 15px;}
.info-page .footer-line {margin-top: 245px!important;}
.btn-filter {padding: 6px 16px;margin-bottom:12px;margin-right: 5px!important;font-size: 11px}
.home-page .btn-filter {padding: 10px 26px;margin-bottom:12px;margin-right: 5px!important;font-size: 14px}
.home-page .cta__area-7 .cta__title {font-size: 50px;line-height: 1.2;}
.sidebar__comments-text-box img {width: 40px;top:-60px;}
.div-center {margin: 0px auto 0 auto;}
.xs-text {color:#fff;margin-bottom:40px;z-index:999;padding:0 30px 0 30px}
.xs-text img{width:90px;height:auto!important;    margin: 0 auto;display: block;text-align: center;}
.filter-menu .xs-text img{width:70px;margin-bottom:10px;}
.filter-menu .xs-text {padding:0 40px 0 40px}
.pdd-informazione {padding: 0px 15px 0 15px;}
.pdd-informazione-2 img {padding: 10px 0px 50px 0px;}
.delizia-img {width:100%}
}



.link-4 {border-bottom: 3px dotted #007338;font-weight: 700;color:#313131}
.link-4:hover {border-bottom: 3px dotted #008f45;font-weight: 700;}
#close-button {display:none}
.main{display: block;justify-content: center;align-items: flex-end;width: 100%;height: 200px;}
.main-menu-xs {position: absolute!important;z-index:999;bottom:0;top:auto!important;width:100%}

.center {margin:30px auto 50px auto;text-align:center;display:block;}
.center a {margin-top:50px;padding:16px 45px 16px 45px;border-radius:4px;background-color:#112542;color:#9ba0aa;font-size:16px;transition:1s}
.center a:hover {background-color:#112542;color:#fff;transition:1s}
.center p {font-size:13px!important;text-align:center;color:#9ba0aa;margin-top:30px;display:block}
#Helper svg {width:23px;margin-top: -5px;vertical-align: text-bottom;}
.scroll-down{width: 50%;margin: 0 auto;position:absolute;color:#fff;  left:0;right:0; bottom:10px;font-family: "Cormorant Garamond", serif; font-size:24px;text-decoration: underline;font-weight:500;  letter-spacing: 0.5px; z-index:3}
.scroll-down img{display:block;margin:10px auto;width:20px;}
.scroll-down svg {animation: moveUpDown 1s infinite alternate;height: 20px;width:13px;display:block;margin:0px auto;text-align:center}
.scroll-down small{width:100px;   display:inline-block;  transform:rotate(-90deg);  margin-bottom:50px;font-weight:700;  color:#fff;  font-family:"Mukta",sans-serif}
.scroll-down span{ display:block;  height:50px;  position:relative;  transform:translateX(-1px)}
.scroll-down span::before{ -webkit-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  -moz-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  -o-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;  animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite}
.scroll-down span::before{ position:absolute;  top:0px;  left:50%;  margin-left:-0.5px;  width:1px;  height:70px;  background:#fff;  content:""}
@-webkit-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@-moz-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@-o-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}
.info-container {position:absolute;top:0;bottom:0;height:100%;left:0;right:0;margin:0 auto;background: rgba(0,0,0,0.7);padding:40px;width:100%}
.info-container iframe {width: 70%; height: 100%;margin:0 auto;display:block;text-align:center}
.close-button-icon {width: 55px;background-color: #00000078;border-radius: 50%;padding: 15px;position:absolute;top:40px;right:40px;z-index:99}
.close-button-icon:hover {background: rgba(234,171,63,1)!important;}
.info-container-1 {position:absolute;top:0;bottom:0;height:100%;left:0;right:0;margin:0 auto;background: rgba(0,0,0,0.7);padding:40px;width:100%}
.bg-class{justify-content: center;flex-wrap: wrap;align-content: center;align-items: center;display: flex;content:'';z-index: 99;position:absolute;top:0;left:0;height:100%;margin:0 auto;background: rgba(227,238,240, 1);padding:40px;width:30%}
.info-container-1:after {padding:40px;content:'';position:absolute;top:0;left:0;z-index: 9;display: block;width: 100%;height: 100%;}
.info-container-1 h2 {font-size: 42px;line-height: 50px;font-weight: 900;text-transform: uppercase;display: block;width:100%;color:#203b60;z-index:99;}
.info-container-1 p {display: block;width:100%;color:#313131;font-size:18px;line-height:30px;font-weight:400;z-index:99;}
.info-container-1 .close-button-icon {right:auto;left:40px;background-color: #fff;border-radius: 50%;padding: 15px;width: 55px;}
.info-container-1 .close-button-icon:hover {background: rgba(234,171,63,1)!important;}

.info-container-1 p:after {display: block;width: 270px;height: 270px;content:'';background-position: center;background-size: cover;}

@media (min-width:1201px) and (max-width:1400px){
	.info-container-1 p:after {width: 220px;height: 220px;}
}

.map-items {display: none; opacity: 0;transition: opacity 0.7s ease-in-out;position: absolute;top: 15%;right: 100px;z-index: 9999;}
.map-items img {height:550px}
.map-link-1 {top: 61px;left: 35px;color: #fff;font-size: 18px;position: absolute;text-decoration: none;display: block;backface-visibility: hidden;    text-transform: uppercase;}
.active:before, .map-link-1:hover:before {background: #007338;}
.map-link-1:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.active:before{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.map-items span.lefts{-webkit-transform:translate(-99%,-4px);-ms-transform:translate(-99%,-4px);transform:translate(-99%,-4px)}
.map-items span.rights {-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center; -webkit-transform: translate(25px,-4px);-ms-transform: translate(25px,-4px);transform: translate(25px,-4px);}
.map-items span{white-space:nowrap;color:#fff;font-family:"Mukta",sans-serif;font-size:16px;letter-spacing:-.4px;display:block;padding:5px 20px 10px 10px;backface-visibility:hidden}
.map-link-1:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-2{top:122px;left:34px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden}
.map-link-2:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.map-link-2:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-2:hover:before{background:#007338}
.map-link-3{top:182px;left:47px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden}
.map-link-3:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.map-link-3:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-3:hover:before{background:#007338}
.map-link-4{top:260px;left:33px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden}
.map-link-4:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.map-link-4:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-4:hover:before{background:#007338}
.map-link-5{top:399px;left:71px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden}
.map-link-5:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.map-link-5:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-5:hover:before{background:#007338}
.map-link-6{top:472px;left:38px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden}
.map-link-6:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden}
.map-link-6:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.map-link-6:hover:before{background:#007338}

.hiddenElement {opacity: 0;transition: opacity 0.5s ease-in-out;}
.appearAnimation {opacity: 1;}

.filter-item svg {width:40px;height:40px;}
.filter-item img {width:40px;height:40px;}
.filter-item {position: absolute;bottom: 55px;left: 115px;z-index: 3;}

.filter-menu{opacity:0;display:flex;flex-direction:column;transition:opacity .5s ease-in-out}
.filter-menu.show{opacity:1}
.filter-menu button{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .3s ease-in-out}
.filter-menu.show button{opacity:1;transform:translateY(0)}
.filter-menu.hidden{transition:none;opacity:0;pointer-events:none}
.filter-menu.show button{opacity:1;transform:translateY(0)}
.filter-menu button:nth-child(1){transition-delay:.3s}
.filter-menu button:nth-child(2){transition-delay:.6s}
.filter-menu button:nth-child(3){transition-delay:.9s}
.filter-menu button:nth-child(4){transition-delay:1.2s}

.info-icon {position:absolute;bottom:53px;left:180px;z-index: 998;}
.info-icon svg {width:30px;height:30px;}
.info-icon img {width:43px;height:43px;}
.map-item svg {width:40px;height:40px;}
.map-item img {width:40px;height:40px;}
.map-item {position: absolute;bottom: 55px;left: 50px;z-index: 998;}
.map-item img {position: relative;width: 60px;opacity: 0.85;transition: opacity 1s;}
.map-item img:hover{opacity:1;transition:1s;}
.map-item:hover::before {opacity: 1;transform: scale(1);}
#tutorialBox .swipe {width:130px;display:block;margin:0px auto 10px auto;text-align:center}

#panoHelper:after {opacity: 1;z-index: -1;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.3);}
.pano-helper .pano-width {position: absolute;top: 20%;left: 0;right:0;margin: 0 auto;min-width: 270px;max-width: 270px;padding: 115px 30px 40px 30px;    height: auto;    min-height: 450px;}
.pano-helper {width: 100%;height: 100%; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-size: cover;background-position: center center;text-align: center;z-index:999}
.pano-helper span {color:#fff}
.bg-preloader {opacity:1;    z-index: 1;position: absolute;top: 0%;left: 0%;right:0;bottom:0;width:100%;height:100%;content:"";background: rgba(0,0,0,0.3);}
.bg-preloader.appearAnimation {display:none!important}
.pano-helper p {color: #fff;font-weight: 400;margin-right:0px;line-height:27px;font-size:21px;font-weight:700;font-family: 'Raleway', sans-serif!important; letter-spacing: .3px;display: block;}
.pano-helper .swipe {width:100px;display:block;margin:10px auto 10px auto;text-align:center}
.pano-helper #closeHelper { font-size: 20px;border-radius:6px;margin-top:-15px;margin-bottom:10px;background: #007338;border: none;padding:8px 0;width: 190px;color: #fff; -webkit-transition: all .2s ease;transition: all .2s ease;}

.pano-helper #Helper {font-size: 17px;font-weight:400;color: #fff;padding-top:0px;margin-top:10px;}
.pano-helper #Helper img {display:inline-block;width:35px;margin-top:-5px;}
.pano-helper #Helper span {margin-top:-10px;}

#overlay {    z-index: 9999;display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}
#tutorialBox {top:12%;background: #131821;color:#fdfdfd;position:relative; margin:0 auto; min-width:40%;max-width:45%;min-height:55%;  padding: 50px 50px 50px 50px;  border-radius: 5px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#tutorialBox p {font-size:16px;}
#tutorialBox .text-center {color:#fdfdfd;}
.info-svg {width:90px;text-align:center;margin:-10px auto 15px auto;display:block}
.info-block img {width:45px;display:inline-block;position:absolute;left:0;top:5px}
.info-block {padding:0px 10px 0 20px;display:inline-block}
.info-block p {min-height:85px;font-size:14px!important;color:#9ba0aa;position:relative;padding-top:7px!important;padding-left:65px;display:inline-block}
#tutorialBox .text-center {margin:-10px 0 40px 0}

.wrapper svg {width: 30px;    margin-top: 0px;    height: auto;}
.arrow-anim{animation: floatAnimation 2s infinite ease-in-out;}
.wrapper{display:none!important;position: absolute;z-index:999;left:0;right:0;bottom:0;width:100%;}
.wrapper .nav{position:relative;width:100%;height:150px;background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);box-shadow:0 1rem 2rem rgba(0,0,0,0.4);display:flex;}
.wrapper .nav-item{color:#fff;width: 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.wrapper .nav-item i{font-size:1.8rem;margin-bottom:.8rem}
.wrapper .nav .nav-item span{text-transform:uppercase;font-size:14px;font-family: "Mukta",sans-serif;}
.wrapper .nav .nav-item.hidden{opacity:0}
.wrapper .nav .nav-item.btn{position:absolute;background: rgb(207,205,186);background: linear-gradient(50deg, rgba(207,205,186,1) 0%, rgba(255,255,255,0.5) 53%, rgba(27,27,27,0) 100%);transform:translateY(-55%) rotate(-45deg);padding:0.3rem;border-radius:2rem}
.wrapper .nav .nav-item button{width:40px;height:40px;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}
.wrapper.active .nav .nav-item button{transform:rotate(-45deg)}
.wrapper .nav .nav-item button i{font-size:2.5rem;margin:0}
.wrapper.active .nav .nav-item button i{transform:scale(0.9)}


 @keyframes floatAnimation {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px);
      }
    }
#closeBtn {margin-top: 10px;padding: 8px 16px;font-size: 14px;position:absolute;right:25px;top:25px;}
#closeBtn img{width:35px;}

.container:hover .image-container-1 {display: block;transition:1s;}
.container:hover .image-container-2 {display: block;transition:1s;}
.container:hover .image-container-3 {display: block;transition:1s;}
.image-container-1 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}
.image-container-2 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}
.image-container-3 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}

   @keyframes moveUpDown {
            0% {
                transform: translateY(9px);
            }
            100% {
                transform: translateY(-1px);
            }
        }
		

.pano-3 .url-hotspot6 {width:240px;height:auto}

.pnlm-load-box{display:none!important;background-color: #007338;z-index:999!important;font-weight:700;font-family:"Mukta",sans-serif;}
.pnlm-load-box:before {display:none!important;position:absolute;content:"";top:25px;right:0;left:0;margin:0 auto;width:130px;height:130px;background-size: cover;background-position: center center;}
.pnlm-lbox {display:none!important}
.pnlm-loading {display:none!important}
.pnlm-lbar {display:none!important}
.pnlm-lmsg {display:none!important}
.pnlm-lbar-fill {display:none!important}


.pnlm-hotspot.pnlm-sprite {background-image: none;}
.pnlm-hotspot:hover {width:48px;background-color: rgba(255,255,255,0);}
.pnlm-hotspot{width:48px;height:auto;overflow:hidden;}
.pnlm-hotspot .circle{display:block;margin:0;width:48px!important;height:48px;border-radius:2.625rem 1.625rem 1.625rem 2.625rem}
.pnlm-hotspot .circle .icon{left: 0px;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;width:48px!important;height:48px!important;border-radius:2.625rem}
.pnlm-hotspot .circle .icon.icon-1{left: 0px;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background: linear-gradient(4deg, rgb(0 115 56) 0%, rgb(37 146 90) 100%) !important;width:48px!important;height:48px!important;border-radius:2.625rem}
.pnlm-hotspot .button-text{font-family: "Cormorant Garamond", serif;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;padding:5px 0 0 28px;margin:0 0 0 1.85rem;color:#fff;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}
.pnlm-hotspot .button-subtext{opacity:0;position:absolute;top:17px;left:0;right:0;bottom:0;padding:7px 0 0 28px;margin:0 0 0 1.85rem;font-weight:500;font-size:12px;color:#fff;line-height:1.6;text-align:left;}
.pnlm-hotspot:hover .button-subtext{opacity:1;transition:all .75s cubic-bezier(0.65,0,0.076,1);}
.pnlm-hotspot:hover .button-text{opacity:1;transition:all .75s cubic-bezier(0.65,0,0.076,1);}
.pnlm-hotspot:hover .circle{width:100%!important;background: rgb(187,173,131)!important;background: linear-gradient(4deg, rgba(187,173,131,1) 0%, rgba(177,124,34,1) 100%)!important;}

.pnlm-hotspot:hover .circle-1 {background:linear-gradient(4deg, rgb(61 145 102) 0%, rgb(0 115 56) 100%) !important}

.villa-a-sesta .url-hotspot5 {display:none}

.home-page .url-hotspot:hover{width:200px;height:auto;z-index:999}
.home-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot2:hover{width:260px;height:auto;z-index:999}
.home-page .url-hotspot2 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot3:hover{width:195px;height:auto;z-index:999}
.home-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot4:hover{width:215px;height:auto;z-index:999}
.home-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot5:hover{width:190px;height:auto;z-index:999}
.home-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot6:hover{width:190px;height:auto;z-index:999}
.home-page .url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot7:hover{width:200px;height:auto;z-index:999}
.home-page .url-hotspot7 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot8:hover{width:270px;height:auto;z-index:999}
.home-page .url-hotspot8 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.home-page .url-hotspot9:hover{width:195px;height:auto;z-index:999}
.home-page .url-hotspot9 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.home-page .url-hotspot10:hover{width:195px;height:auto;z-index:999}
.home-page .url-hotspot10 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.home-page .url-hotspot11:hover{width:175px;height:auto;z-index:999}
.home-page .url-hotspot11 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.home-page .url-hotspot12:hover{width:175px;height:auto;z-index:999}
.home-page .url-hotspot12 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.home-page .url-hotspot13:hover{width:240px;height:auto;z-index:999}
.home-page .url-hotspot13 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}
.home-page .url-hotspot14:hover{width:195px;height:auto;z-index:999}
.home-page .url-hotspot14 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}
.home-page .url-hotspot15:hover{width:185px;height:auto;z-index:999}
.home-page .url-hotspot15 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.home-page .url-hotspot16:hover{width:215px;height:auto;z-index:999}
.home-page .url-hotspot16 .circle .icon.arrows::before{background:url("../../img/svg/grape-1.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.chiusarella-page .url-hotspot:hover{width:185px;height:auto;z-index:999}
.chiusarella-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.chiusarella-page .url-hotspot4:hover{width:190px;height:auto;z-index:999}
.chiusarella-page .url-hotspot3:hover{width:235px;height:auto;z-index:999}
.chiusarella-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.chiusarella-page .url-hotspot5:hover{width:165px;height:auto;z-index:999}
.chiusarella-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.bargagli-page .url-hotspot4:hover{width:190px;height:auto;z-index:999}
.bargagli-page .url-hotspot3:hover{width:190px;height:auto;z-index:999}
.bargagli-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}

.bargagli-page .url-hotspot5:hover{width:190px;height:auto;z-index:999}
.bargagli-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.bargagli-page .url-hotspot6:hover{width:200px;height:auto;z-index:999}
.bargagli-page .url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.bargagli-page .url-hotspot7:hover{width:240px;height:auto;z-index:999}
.bargagli-page .url-hotspot7 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.bargagli-page .url-hotspot8:hover{width:210px;height:auto;z-index:999}
.bargagli-page .url-hotspot8 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.bargagli-page .url-hotspot9:hover{width:190px;height:auto;z-index:999}
.bargagli-page .url-hotspot9 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.bargagli-page .url-hotspot10:hover{width:190px;height:auto;z-index:999}
.bargagli-page .url-hotspot10 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}



.rossella-page .url-hotspot2:hover{width:230px;height:auto;z-index:999}

.rossella-page .url-hotspot3:hover{width:215px;height:auto;z-index:999}
.rossella-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.rossella-page .url-hotspot4:hover{width:195px;height:auto;z-index:999}
.rossella-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.rossella-page .url-hotspot5:hover{width:185px;height:auto;z-index:999}
.rossella-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.vivaia-page .url-hotspot5:hover{width:185px;height:auto;z-index:999}
.vivaia-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.vivaia-page .url-hotspot:hover{width:200px;height:auto;z-index:999}
.vivaia-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.vivaia-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.vivaia-page .url-hotspot3:hover{width:215px;height:auto;z-index:999}
.vivaia-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.vivaia-page .url-hotspot4:hover{width:195px;height:auto;z-index:999}
.vivaia-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.villa-a-sesta .url-hotspot:hover{width:210px;height:auto;z-index:999}
.villa-a-sesta .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.villa-a-sesta .url-hotspot5:hover{width:210px;height:auto;z-index:999}
.villa-a-sesta .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.villa-a-sesta .url-hotspot4:hover{width:240px;height:auto;z-index:999}
.villa-a-sesta .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.villa-a-sesta .url-hotspot3:hover{width:250px;height:auto;z-index:999}
.villa-a-sesta .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.villa-a-sesta .url-hotspot6:hover{width:195px;height:auto;z-index:999}
.villa-a-sesta .url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.delizia-page .url-hotspot:hover{width:195px;height:auto;z-index:999}
.delizia-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.delizia-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.delizia-page .url-hotspot3:hover{width:190px;height:auto;z-index:999}
.delizia-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.delizia-page .url-hotspot4:hover{width:195px;height:auto;z-index:999}
.delizia-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.delizia-page .url-hotspot5:hover{width:195px;height:auto;z-index:999}
.delizia-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}
.mulino-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}

.mulino-page .url-hotspot3:hover{width:220px;height:auto;z-index:999}
.mulino-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot4:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot5:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot6:hover{width:200px;height:auto;z-index:999}
.mulino-page .url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/church.png");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 29px;height: 29px;background-size:cover}

.mulino-page .url-hotspot7:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot7 .circle .icon.arrows::before{background:url("../../img/svg/golf.svg");position: absolute; content: "";top: 4px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot8:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot8 .circle .icon.arrows::before{background:url("../../img/svg/horse.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 32px;height: 32px;background-size:cover}

.mulino-page .url-hotspot9:hover{width:160px;height:auto;z-index:999}
.mulino-page .url-hotspot9 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot10:hover{width:195px;height:auto;z-index:999}
.mulino-page .url-hotspot10 .circle .icon.arrows::before{background:url("../../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.mulino-page .url-hotspot11:hover{width:165px;height:auto;z-index:999}
.mulino-page .url-hotspot11 .circle .icon.arrows::before{background:url("../../img/svg/waterfall.svg");position: absolute; content: "";top: 9px;right: 0px;left:3px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.mulino-page .url-hotspot12:hover{width:185px;height:auto;z-index:999}
.mulino-page .url-hotspot12 .circle .icon.arrows::before{background:url("../../img/svg/fields.png");position: absolute; content: "";top: 9px;right: 2px;left:0px;text-align: center;margin: 0 auto;display: block;width: 32px;height: 32px;background-size:cover}

.mulino-page .url-hotspot13:hover{width:215px;height:auto;z-index:999}
.mulino-page .url-hotspot13 .circle .icon.arrows::before{background:url("../../img/svg/waterfall.svg");position: absolute; content: "";top: 9px;right: 0px;left:3px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.mulino-page .url-hotspot14:hover{width:265px;height:auto;z-index:999}
.mulino-page .url-hotspot14 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.mulino-page .url-hotspot15:hover{width:275px;height:auto;z-index:999}
.mulino-page .url-hotspot15 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot16:hover{width:175px;height:auto;z-index:999}
.mulino-page .url-hotspot16 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot17:hover{width:185px;height:auto;z-index:999}
.mulino-page .url-hotspot17 .circle .icon.arrows::before{background:url("../../img/svg/bottle-wine.svg");position: absolute; content: "";top: 3px;right: 1px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover}

.mulino-page .url-hotspot18:hover{width:215px;height:auto;z-index:999}
.mulino-page .url-hotspot18 .circle .icon.arrows::before{background:url("../../img/svg/waterfall.svg");position: absolute; content: "";top: 9px;right: 0px;left:3px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.mulino-page .url-hotspot19:hover{width:210px;height:auto;z-index:999}
.mulino-page .url-hotspot19 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot20:hover{width:210px;height:auto;z-index:999}
.mulino-page .url-hotspot20 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot21:hover{width:195px;height:auto;z-index:999}
.mulino-page .url-hotspot21 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot22:hover{width:155px;height:auto;z-index:999}
.mulino-page .url-hotspot22 .circle .icon.arrows::before{background:url("../../img/svg/fields.png");position: absolute; content: "";top: 9px;right: 2px;left:0px;text-align: center;margin: 0 auto;display: block;width: 32px;height: 32px;background-size:cover}

.mulino-page .url-hotspot23:hover{width:190px;height:auto;z-index:999}
.mulino-page .url-hotspot23 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .url-hotspot24:hover{width:185px;height:auto;z-index:999}
.mulino-page .url-hotspot24 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.mulino-page .restaurant-info-1 .modal-dialog {max-width: 1000px;}

.arco-al-poggio-page .url-hotspot5:hover{width:190px;height:auto;z-index:999}
.arco-al-poggio-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.arco-al-poggio-page .url-hotspot3:hover{width:220px;height:auto;z-index:999}
.arco-al-poggio-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.arco-al-poggio-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.arco-al-poggio-page .url-hotspot:hover{width:190px;height:auto;z-index:999}
.arco-al-poggio-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.camparone-page .url-hotspot:hover{width:190px;height:auto;z-index:999}
.camparone-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.camparone-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.camparone-page .url-hotspot3:hover{width:220px;height:auto;z-index:999}
.camparone-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.camparone-page .url-hotspot4:hover{width:200px;height:auto;z-index:999}
.camparone-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.camparone-page .url-hotspot5:hover{width:190px;height:auto;z-index:999}
.camparone-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.berardenga-page .url-hotspot:hover{width:290px;height:auto;z-index:999}
.berardenga-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.berardenga-page .url-hotspot4:hover{width:295px;height:auto;z-index:999}
.berardenga-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.berardenga-page .url-hotspot5:hover{width:240px;height:auto;z-index:999}
.berardenga-page .url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.berardenga-page .url-hotspot3:hover{width:275px;height:auto;z-index:999}
.berardenga-page .url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/restaurant.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.berardenga-page .url-hotspot-video2:hover{width:255px;height:auto;z-index:999}
.berardenga-page .url-hotspot-video3:hover{width:205px;height:auto;z-index:999}

.serena-page .url-hotspot:hover{width:190px;height:auto;z-index:999}
.serena-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.serena-page .url-hotspot3:hover{width:220px;height:auto;z-index:999}
.serena-page .url-hotspot4:hover{width:190px;height:auto;z-index:999}

.serena-page .url-hotspot6:hover{width:185px;height:auto;z-index:999}
.serena-page .url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.serena-page .restaurant-info .modal-dialog { max-width: 1000px;}

.url-hotspot-foto-6 {display:none}
.url-hotspot-foto-5 {display:none}
.url-hotspot-foto-4 {display:none}
.url-hotspot-foto:hover{width:180px;height:auto;z-index:999}
.url-hotspot-foto .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot-foto-2:hover{width:180px;height:auto;z-index:999}
.url-hotspot-foto-2 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot-foto-3:hover{width:200px;height:auto;z-index:999}
.url-hotspot-foto-3 .circle .icon.arrows::before{background:url("../../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot-video {display:none;}
.url-hotspot-video:hover{width:180px;height:auto;z-index:999}
.url-hotspot-video .circle .icon.arrows::before{background:url("../../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot-video2:hover{width:270px;height:auto;z-index:999}
.url-hotspot-video2 .circle .icon.arrows::before{background:url("../../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot-video3:hover{width:220px;height:auto;z-index:999}
.url-hotspot-video3 .circle .icon.arrows::before{background:url("../../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot-video4 {display:none}
.url-hotspot-video4:hover{width:220px;height:auto;z-index:999}
.url-hotspot-video4 .circle .icon.arrows::before{background:url("../../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot-video5:hover{width:170px;height:auto;z-index:999}
.url-hotspot-video5 .circle .icon.arrows::before{background:url("../../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot-extra:hover{width:190px;height:auto;z-index:999}
.url-hotspot-extra .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot-extra2:hover{width:180px;height:auto;z-index:999}
.url-hotspot-extra2 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot-extra3:hover{width:210px;height:auto;z-index:999}
.url-hotspot-extra3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot:hover{width:170px;height:auto;z-index:999}
.url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot2:hover{width:210px;height:auto;z-index:999}
.url-hotspot2 .circle .icon.arrows::before{background:url("../../img/svg/eye.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot3:hover{width:180px;height:auto;z-index:999}
.url-hotspot3 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot4:hover{width:165px;height:auto;z-index:999}
.url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot5:hover{width:210px;height:auto;z-index:999}
.url-hotspot5 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot6:hover{width:150px;height:auto;z-index:999}
.url-hotspot6 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover}

.url-hotspot7:hover{width:190px;height:auto;z-index:999}
.url-hotspot7 .circle .icon.arrows::before{background:url("../../img/svg/question-mark.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot8:hover{width:210px;height:auto;z-index:999}
.url-hotspot8 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot9:hover{width:270px;height:auto;z-index:999}
.url-hotspot9 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot10:hover{width:205px;height:auto;z-index:999}
.url-hotspot10 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot11:hover{width:180px;height:auto;z-index:999}
.url-hotspot11 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot12:hover{width:180px;height:auto;z-index:999}
.url-hotspot12 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot13:hover{width:150px;height:auto;z-index:999}
.url-hotspot13 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover}

.url-hotspot14:hover{width:170px;height:auto;z-index:999}
.url-hotspot14 .circle .icon.arrows::before{background:url("../../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot15:hover{width:190px;height:auto;z-index:999}
.url-hotspot15 .circle .icon.arrows::before{background:url("../../img/svg/question-mark.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot16:hover{width:210px;height:auto;z-index:999}
.url-hotspot16 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot17:hover{width:190px;height:auto;z-index:999}
.url-hotspot17 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot18:hover{width:195px;height:auto;z-index:999}
.url-hotspot18 .circle .icon.arrows::before{background:url("../../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot19:hover{width:180px;height:auto;z-index:999}
.url-hotspot19 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot20:hover{width:240px;height:auto;z-index:999}
.url-hotspot20 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot21:hover{width:190px;height:auto;z-index:999}
.url-hotspot21 .circle .icon.arrows::before{background:url("../../img/svg/question-mark.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover}

.url-hotspot22:hover{width:175px;height:auto;z-index:999}
.url-hotspot22 .circle .icon.arrows::before{background:url("../../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot23:hover{width:210px;height:auto;z-index:999}
.url-hotspot23 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot24:hover{width:200px;height:auto;z-index:999}
.url-hotspot24 .circle .icon.arrows::before{background:url("../../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot25:hover{width:190px;height:auto;z-index:999}
.url-hotspot25 .circle .icon.arrows::before{background:url("../../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover}

.url-hotspot26:hover{width:185px;height:auto;z-index:999}
.url-hotspot26 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot27:hover{width:180px;height:auto;z-index:999}
.url-hotspot27 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot28:hover{width:175px;height:auto;z-index:999}
.url-hotspot28 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.url-hotspot29:hover{width:160px;height:auto;z-index:999}
.url-hotspot29 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover}

.url-hotspot30:hover{width:180px;height:auto;z-index:999}
.url-hotspot30 .circle .icon.arrows::before{background:url("../../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot31:hover{width:210px;height:auto;z-index:999}
.url-hotspot31 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.setriolo-page .url-hotspot:hover{width:190px;height:auto;z-index:999}
.setriolo-page .url-hotspot .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}

.setriolo-page .url-hotspot2:hover{width:220px;height:auto;z-index:999}
.setriolo-page .url-hotspot4:hover{width:220px;height:auto;z-index:999}
.setriolo-page .url-hotspot4 .circle .icon.arrows::before{background:url("../../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover}


.pnlm-sprite.toggle-sub-buttons {background-image: none;}
.pnlm-hotspot7:hover {background-color: rgba(255,255,255,0);}

.checkbox-checked:hover .button-text,
.checkbox-checked:hover .circle {
    display: none!important;pointer-events: none!important;
}.container{position:relative}
.container-2{position:relative}

.pnlm-sprite {background-image: none;}

.pnlm-controls-container {display:none!important}

.pnlm-container:before {content:'';z-index:1;box-shadow:inset 0px 16em 8em -10em rgb(0 0 0 / 80%), inset 0px -21em 15em -10em rgb(0 0 0 / 80%);background-position: bottom;width:100%;background-repeat: no-repeat;position: absolute; bottom: 0;top:0;left: 0;right: 0;height: 100%;}
.pnlm-panorama-info {left:20px;bottom:100px;background-color:rgba(187,173,131,0);pointer-events: none;padding:20px;max-width:400px;}
.pnlm-author-box {font-size:13px;font-family: "Lato", sans-serif}
.pnlm-title-box {margin-left:50px;font-size:30px;font-weight:700;font-family: "Lato", sans-serif}
.pnlm-title-box:before {content:"";position:absolute;z-index:99;top:0px;left:-40px;width:40px;height:40px;background-image: url(https://arcenorentalsclub.com/img/location-pin.gif);background-size: cover;background-position: center center;}
#panorama-360 img {top:40%;bottom:0;left:0;right:0;z-index:1;position:absolute;width:90px;margin:0 auto;display:block;}
.custom-button {    background-color: #3498db;    color: #fff;    padding: 10px 20px;    border: none;    cursor: pointer;}
.tooltip {    display: none;    position: absolute;    background-color: #333;    color: #fff;    padding: 10px; border-radius: 5px;z-index: 1;}
.info-detailss {width:100%;position:relative;display:none;}
#Helper1 {position:absolute;right:20px;}
#Helper2 {position:absolute;right:20px;bottom:45%}
#panorama{width:100%;height:100vh;overflow:visible}
#panorama a {position:absolute;left:15px;right:0;margin:0 auto;text-align:center;z-index:999;}
#panorama .more-item {bottom: 40px;}
#panorama .more-item-1 {bottom: 40px;}
.berardenga-page1 .scroll-down svg {margin-left:5px;display:inline-block;  -webkit-transform: rotate(-90deg)!important;
    -moz-transform: rotate(-90deg)!important;  
    -ms-transform: rotate(-90deg)!important; 
    -o-transform: rotate(-90deg)!important; 
    transform: rotate(-90deg)!important; animation: moveLeftRight 1s infinite alternate!important;}
	
	
	  @keyframes moveLeftRight {
    0% {
        transform: rotate(90deg) translateX(9px)!important;
    }
    100% {
        transform: rotate(90deg) translateX(-1px)!important;
    }
}
		
button:focus{ outline:0}
button{ padding:unset;  margin:unset;  border:unset;  border-radius:unset;  background-color:unset}

@media (min-width:1921px) and (max-width:6000px){
.pnlm-panorama-info {max-width: 500px;}
.pnlm-title-box {font-size: 40px;}
.pnlm-author-box {font-size: 15px;}
.scroll-down {font-size: 15px;}
.info-icon img {width: 45px;height: 45px;}
.filter-item img {width: 42px;height: 42px;}
.map-item svg {	width: 45px;height: 45px;}
.filter-item {    right: 120px;}
}
@media (min-width:1401px) and (max-width:1650px){
.info-container-1 p {font-size: 16px;line-height: 28px;}
.ct-container {width: 45%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}
}

@media (min-width:1200px) and (max-width:1400px){
.info-container-1 p {font-size: 16px;line-height: 28px;}
.ct-container {width: 55%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}
}

@media (min-width:992px) and (max-width:1199px){
.header__nav-icon-3 {display:block!important}
.info-container-1 p {font-size: 16px;line-height: 28px;}
.bg-class {padding: 20px 30px 20px 30px;width: 100%;height: auto;min-height:300px;}
.info-container-1 h2 {font-size: 33px;line-height: 43px;}
.info-container-1 .close-button-icon {left:auto;right:15px;top: 15px;}
.info-container-1 p {padding-right:35%;position:relative}
.info-container-1 p:after {position:absolute;right:30px;top:-40px;width: 250px;height: 250px;margin-top:-20px;margin-bottom:-30px}
.faq-page .press h1 span {font-size:45px!important;}
.ct-container {width: 70%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}
}

@media (min-width:768px) and (max-width:991px){
.exitblock p span {font-size: 35px;line-height: 45px;}
.info-container-1 p {font-size: 16px;line-height: 28px;}
.bg-class {padding: 20px 30px 20px 30px;width: 100%;height: auto;min-height:300px;}
.info-container-1 h2 {font-size: 33px;line-height: 43px;}
.info-container-1 .close-button-icon {left:auto;right:40px;}
.info-container-1 p {padding-right:35%;position:relative}
.info-container-1 p:after {position:absolute;right:0px;top:-20px;width: 220px;height: 220px;margin-top:-20px;margin-bottom:-30px}
.faq-page .press h1 span {font-size:45px!important;}
.ct-container {width: 70%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}	
}

@media (max-width:767px){
.contact-page .sub-title-anim-top {    font-size: 17px!important;}
.info-block p {min-height: auto;}
.info-container-1 p:after {display:none;width: 220px;height: 220px;margin-top:-20px;margin-bottom:-30px}
	.ct-container {width: 100%!important;height:auto;       display: grid; max-height: auto;min-height: auto;padding: 50px 30px 50px 30px;}	
#pjCF_container_1 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left}
#pjCF_container_2 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left}
#pjCF_container_3 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left}
#pjCF_container_4 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left}
.container-fluid {padding-right: 0px!important;padding-left: 0px!important;}
.forms .center-div {margin: -55px auto 0 auto;text-align:right}
.forms .center-div a{z-index:999;position:relative;}
.forms .center-div span {display:none}
.center-div {margin: 25px auto 0 auto;}
.info-container iframe {width: 100%;}
.info-container {padding: 20px;}
.close-button-icon {top: 20px;right: 20px;}
.center-div .btn-2 {float: none;margin: 90px auto -50px auto;display: block;text-align:center;max-width:187px;}
.bg-class{width: 100%;height: auto;}
.info-container-1 .close-button-icon {left: auto;right:10px;top: 10px;}
.info-container-1 h2 {top:auto;width:100%;font-size: 30px; position: relative;line-height: 40px;}
.info-container-1 p {top:auto;width:100%;font-size: 14px;line-height: 26px;padding-top:5px;position: relative;}
.bg-class {padding: 20px;}

#ct-ultimate-gdpr-cookie-change-settings {order: 1;}
#ct-ultimate-gdpr-cookie-accept {order: 2;}
#close-button {display:block;top: 0px;right:30px;z-index:999;position:absolute}
#close-button img {height:25px;width:25px}
#Helper2 {display:none}
.pnlm-panorama-info {bottom: 110px;max-width:90%;left:0px!important;width:100%}
.header__logo-2 img {width: 70px;}
.logo-dark {margin-left: 10px;}
.wrapper{display:block!important;}

.abs {display:none;opacity:0}

.ios #panorama {height: calc(100% - 0px);}
.android #panorama {height: calc(100% - 0px);}

.relative-xs {position:relative;height: 100%;max-height: 100%;}
.relative-xs .wrapper {z-index:9999}
.info-posts{position: relative;}
.more-post{position: relative;}
.bg-preloader {background: rgba(0,0,0,0.6);}
#Helper svg {margin-top: 0px;}

.xs-relative {position:relative;z-index: 9;width: 40px;}
.map-item {bottom: auto;right: auto;display:none}
.pano-helper {    padding: 0px 30px 40px 30px;min-height: auto;}
.pano-helper .pano-width {top:15%}
.pano-helper p {line-height: 28px;font-size: 18px;    letter-spacing:0px;}
.pano-helper #Helper {font-size: 14px;}
.pano-helper .swipe {width: 70px;}
.ios .bg-preloader.appearAnimation.visible {z-index:9999}
.bg-preloader.appearAnimation.visible {display: block!important;background: rgba(0,0,0,0.9);z-index:9999}
.map-items {top: 3%;right:0;left:0;margin:0 auto;    text-align: center;}
#overlay{overflow-y: scroll;top:0px;bottom:0px;}
.map-items img {height: 450px;}
.map-items span.rights {-webkit-transform: translate(95px,-4px); -ms-transform: translate(95px,-4px); transform: translate(95px,-4px);}
.map-items span.lefts {-webkit-transform: translate(-60px,-4px); -ms-transform: translate(-60px,-4px); transform: translate(-60px,-4px);}
.map-link-1 {top: 52px;left: -15px;right:0}
.map-link-2 {top: 99px;left: -15px;right:0}
.map-link-3 {top: 150px;left: 10px;right:0}
.map-link-4 {top: 210px;left: -15px;right:0}
.map-link-5 {top: 327px;left: 50px;right:0}
.map-link-6 {top: 388px;left: -7px;right:0}
.map-link-1:before {width:22px;height:22px}
.map-link-2:before {width:22px;height:22px}
.map-link-3:before {width:22px;height:22px}
.map-link-4:before {width:22px;height:22px}
.map-link-5:before {width:22px;height:22px}
.map-link-6:before {width:22px;height:22px}
#tutorialBox {min-width:100%;max-width:100%;min-height:100%;padding: 30px 30px 30px 30px;}
.info-block p {padding-top: 0px!important; padding-left: 70px;}
.info-block { padding: 25px 0px 0 0px;}
.info-block img {width: 50px;left:-5px;    top: -5px;}
.info-svg {width: 50px;    margin: 30px auto 0px auto;}
#closeBtn {right: 5px;top: 30px;}
#closeBtn img {width: 25px;}
.map-item img {width: 60px;}
.map-item::before {font-size:19px;}

.pano-helper {top: 50%;}

.toggle-sub-buttons:hover .button-text{display:none;}
.toggle-sub-buttons:hover .circle{display:none;width: 48px!important;}
.toggle-sub-buttons:hover .circle .icon.arrow{display:none;}
.toggle-sub-buttons:hover .button-text{display:none;}

.toggle-sub-buttons-2:hover .button-text{display:none;}
.toggle-sub-buttons-2:hover .circle{display:none;width: 48px!important;}
.toggle-sub-buttons-2:hover .circle .icon.arrow{display:none;}
.toggle-sub-buttons-2:hover .button-text{display:none;}
}


@font-face{font-family:newYork;src:url(/assets/fonts/newyork/FontsFree-Net-NewYork.ttf);font-weight:400}
.pb-100{padding-bottom:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-100{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-100{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-100{padding-bottom:60px}
}
.pb-110{padding-bottom:110px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-110{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-110{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-110{padding-bottom:60px}
}
.pb-120{padding-bottom:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-120{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-120{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-120{padding-bottom:60px}
}
.pb-130{padding-bottom:130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-130{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-130{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-130{padding-bottom:60px}
}
.pb-140{padding-bottom:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-140{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-140{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-140{padding-bottom:60px}
}
.pb-150{padding-bottom:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-150{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-150{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-150{padding-bottom:60px}
}
.pb-200{padding-bottom:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pb-200{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pb-200{padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.pb-200{padding-bottom:60px}
}
.pt-42{padding-top:40px}
.pt-100{padding-top:100px}
@media only screen and (max-width: 767px) {
.pt-100{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-100{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-100{padding-top:90px}
}
.pt-110{padding-top:110px}
@media only screen and (max-width: 767px) {
.pt-110{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-110{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-110{padding-top:90px}
}
.pt-120{padding-top:120px}
@media only screen and (max-width: 767px) {
.pt-120{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-120{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-120{padding-top:90px}
}
.pt-130{padding-top:130px}
@media only screen and (max-width: 767px) {
.pt-130{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-130{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-130{padding-top:90px}
}
.pt-140{padding-top:140px}
@media only screen and (max-width: 767px) {
.pt-140{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-140{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-140{padding-top:90px}
}
.pt-150{padding-top:150px}
@media only screen and (max-width: 767px) {
.pt-150{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.pt-150{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.pt-150{padding-top:90px}
}
.sp-x{padding-left:100px;padding-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sp-x{padding-left:30px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sp-x{padding-left:30px;padding-right:30px}
}
@media only screen and (max-width: 767px) {
.sp-x{padding-left:10px;padding-right:10px}
}
.mt-60{margin-top:60px}
.ht-200{padding-top:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ht-200{padding-top:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ht-200{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.ht-200{padding-top:130px}
}
@-webkit-keyframes wcRotate {
0%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
}
@keyframes wcRotate {
0%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
50%{-webkit-transform:rotate(5deg) scale(1.17);transform:rotate(5deg) scale(1.17)}
100%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}
}
@-webkit-keyframes wcBubble {
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
@keyframes wcBubble {
0%{scale:1}
50%{scale:1.5}
100%{scale:1}
}
@-webkit-keyframes wcZoom {
0%{scale:1}
50%{scale:.5}
100%{scale:1}
}
@keyframes wcZoom {
0%{scale:1}
50%{scale:.5}
100%{scale:1}
}
@-webkit-keyframes wcSlideBottom {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes wcSlideBottom {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes reveal {
to{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
}
@keyframes reveal {
to{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}
}
@-webkit-keyframes wcfadeUp {
0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes wcfadeUp {
0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes wcSpinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes wcSpinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
*{margin:0;padding:0}
body{font-family: "Lato", sans-serif;}
html{scroll-behavior:smooth}
h1,h2,h3,h4,h5,h6{position:relative;z-index:1;padding:0;margin:0}
ul,ol{padding:0;margin:0}
li{list-style:none;position:relative;z-index:1}
a{text-decoration:none;-webkit-transition:all .3s;transition:all .3s;position:relative;z-index:1}
button{background-color:transparent;border:0}
p{padding:0;margin:0;font-style:normal;line-height:1.5;font-weight:400;font-size:16px;color:#484848;position:relative;z-index:1}
video,iframe,img{margin:0;padding:0;position:relative;z-index:1}
.line{position:relative}
.line::before{position:absolute;content:"";width:1px;height:100%;top:0;left:0;background:var(--white-4)}
.line::after{position:absolute;content:"";width:1px;height:100%;left:calc(50% - 1px);top:0;background:var(--white-4)}
.line-3{position:absolute;content:"";width:1px;height:100%;right:0;top:0;background:var(--white-4)}
.shape{position:absolute;left:-90px;bottom:-350px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shape{left:200%;bottom:0}
}
@media only screen and (max-width: 767px) {
.shape{left:70%;bottom:0}
}
.shape .primary{width:54px;height:56px;background-color:var(--primary);margin-top:-37px;margin-left:24px}
.shape .secondary{width:53px;height:56px;background-color:var(--secondary)}
.pos-inherit{position:inherit}
@media only screen and (max-width: 767px) {
.g-0{padding-right:15px;padding-left:15px}
br{display:none}
}
.sec-title-wrapper{position:relative;z-index:9}
.footer-line{position:relative}
.footer-line::after{position:absolute;content:"";width:1px;height:500px;left:0;bottom:-400px;background:var(--white-4)}
@media (max-width: 1023px) {
.footer-line::after{height:0}
}
.scroll-top{width:50px;height:50px;position:fixed;right:20px;bottom:60px;z-index:9991;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);border-radius:100px;color:#fff;background:#fff;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;display:none;}
.scroll-top i{font-size:18px;color:#000}
.scroll-top:hover{color:#FFF!important;background:#007338;}
.scroll-top:hover i {color:#fff}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.scroll-top{bottom:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.scroll-top{right:10px;bottom:60px}
}
@media only screen and (max-width: 767px) {
.scroll-top{right:20px;bottom:44px;background: #fff;width: 55px;height: 55px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);}
	.scroll-top i {color:#000}
}
.logo-light{display:none}
.logo-dark{display:block}
.font-20{font-size:20px!important}
.dark{background-color:var(--black-2)}
.dark .logo-light{display:block}
.dark .logo-dark{display:none}
.dark .portfolio__page section{margin-top:0}
.dark .portfolio__page .wc-btn-dark:hover{color:var(--black-2);background-color:#fff;border-color:var(--white)}
.dark .wc-btn-primary,.dark .wc-btn-black,.dark .wc-btn-light,.dark .wc-btn-pink,.dark .wc-btn-secondary{border-color:var(--secondary);color:var(--gray-2)}
.dark .wc-btn-black:hover{border-color:#fff;color:var(--black-2)}
.dark .wc-btn-black:hover span{background-color:var(--white)}
.dark .line::before,.dark .line::after,.dark .line-3{background-color:var(--bg-line)}
.dark p{color:var(--gray-2)}
.dark .sec-title,.dark .sec-title-2,.dark .sec-title-3,.dark .sec-sub-title{color:var(--white)}
.dark .main-dropdown{background-color:var(--white)}
.dark .main-dropdown .sub-dropdown{background-color:var(--white)}
.dark .main-dropdown li a{color:var(--black-2)!important}
.dark .main-dropdown li a .menu-text{text-shadow:0 16px 0 var(--black-2)!important}
.dark .main-dropdown li a:hover{letter-spacing:1px}
.dark .mega-menu,.dark .mega-menu-2{background-color:var(--white)}
.dark .mega-menu a:not([href]),.dark .mega-menu-2 a:not([href]),.dark .mega-menu a:not([href]):hover{color:var(--black-2)!important}
.dark .mega-menu li a,.dark .mega-menu-2 li a{color:var(--black-2)!important}
.dark .mega-menu li a .menu-text,.dark .mega-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--black-2)!important}
.dark .mega-menu li a:hover,.dark .mega-menu-2 li a:hover{letter-spacing:1px}
.dark .header__area-3.sticky-3{background-color:var(--black-2);border-color:var(--secondary)}
.dark .header__area-5.sticky-5{background-color:var(--black-2);border-color:var(--secondary)}
.dark .hero__area-3{background-color:var(--d-black-2)}
.dark .hero__area-3::before{-webkit-filter:invert(0.9);filter:invert(0.9)}
.dark .hero__area-3 .sec-sub-title,.dark .hero__area-3 .sec-title,.dark .hero__area-3 .intro-title .video-title{color:var(--white)}
.dark .hero__area-3 .scroll-down img{-webkit-filter:invert(1);filter:invert(1)}
.dark .hero__area-3 .sec-sub-title::after{background-color:var(--white)}
.dark .hero__area-5{background-color:var(--black-2)}
.dark .hero__area-5 img{-webkit-filter:invert(0);filter:invert(0)}
.dark .hero__title-5,.dark .hero__content-5 p{color:var(--white)}
.dark .hero-title{color:var(--white)}
.dark .hero__inner-3 .video-intro-title{color:var(--gray-2)}
.dark .hero__inner-3 .video-intro-title span{color:var(--white)}
.dark .hero__about{background-color:var(--d-black-2);background-blend-mode:color-burn}
.dark .hero__about-award::before{background-color:var(--secondary)}
.dark .hero__about-award img{-webkit-filter:invert(1);filter:invert(1)}
.dark .about__area{background:var(--black-2)}
.dark .about__area .sec-title{color:var(--white)}
.dark .about__area-2{background-color:var(--d-black-2)}
.dark .about__content p{color:var(--gray-2)}
.dark .counter__area{background-color:var(--black-2)}
@media (max-width: 1200px) {
.dark .counter__area-3{background-color:var(--black-2)}
}
.dark .counter__area-3 .counter__number{color:var(--white)}
.dark .counter__about{background-color:var(--d-black-2)}
.dark .counter__number{color:var(--white)}
.dark .counter__item{border-color:var(--secondary)}
.dark .counter__item::before{background-color:transparent}
.dark .counter__item::after{background-color:transparent}
.dark .counter__img-3 img{-webkit-filter:contrast(0.5);filter:contrast(0.5)}
.dark .workflow__area{background-color:var(--black-2)}
.dark .workflow__area .sec-title{color:var(--white)}
.dark .workflow__area-3{background-color:var(--black-2)}
.dark .workflow__area-6{background-color:var(--d-black-2)}
.dark .workflow__slide::before{background-color:var(--bg-line)}
.dark .workflow__slide::after{border-color:var(--black-2)}
.dark .workflow__wrapper-6{border-color:var(--secondary)}
.dark .workflow__number{color:var(--d-black-3)}
.dark .workflow__title{color:var(--white)}
.dark .workflow__title-6{color:var(--white)}
.dark .workflow__step{color:var(--white)}
.dark .brand__area{background-color:var(--black-2)}
.dark .brand__area .sec-title{color:var(--white)}
.dark .brand__about{background-color:var(--d-black-2)}
.dark .brand__title-3{color:var(--white)}
.dark .brand__list,.dark .brand__list-3,.dark .brand__list-2{background-color:transparent;border-color:var(--bg-line)}
.dark .brand__item{border-color:var(--bg-line)}
.dark .service__area{background-color:var(--d-black-2)}
.dark .service__area-2{background-color:var(--black-2)}
.dark .service__area-2.service-v3{background-color:var(--d-black-2)}
.dark .service__area-2 .sec-text p{color:var(--white)}
.dark .service__area-3{background-color:var(--d-black-2)}
.dark .service__area-3 .sec-title-wrapper::after{background-color:var(--secondary)}
.dark .service__area-3 .sec-sub-title{background-color:var(--d-black-2)}
.dark .service__area-3 .sec-title{background-color:var(--d-black-2)}
.dark .service__area-6{background-color:var(--d-black-2)}
.dark .service__item-2::before{background-color:var(--secondary)}
.dark .service__item-2 p,.dark .service__item-2 ul li{color:var(--gray-2)}
.dark .service__item-3,.dark .service__item-3:first-child{border-color:var(--secondary)}
.dark .service__title-3:hover,.dark .service__title-2,.dark .service__title-3{color:var(--white)}
.dark .service__content-3 ul li{color:var(--gray-2)}
.dark .service__content-3 p{color:var(--white)}
.dark .service__detail{background-color:var(--d-black-2)}
.dark .service-v4.pb-150{padding-bottom:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .service-v4.pb-150{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .service-v4.pb-150{padding-bottom:90px}
}
@media only screen and (max-width: 767px) {
.dark .service-v4.pb-150{padding-bottom:60px}
}
.dark .portfolio__area{background-color:var(--d-black-2)}
.dark .portfolio__area-2{background-color:var(--black-2)}
.dark .portfolio__area-2::after{background:var(--secondary)}
.dark .portfolio__area-5{background-color:var(--black-2);border-color:var(--secondary)}
.dark .portfolio__area-5::before,.dark .portfolio__area-5::after,.dark .portfolio__area-5 .sec-line-1,.dark .portfolio__area-5 .sec-line-2{-webkit-filter:invert(0);filter:invert(0)}
.dark .portfolio__area-6{background-color:var(--black-2)}
.dark .portfolio__area-6 .pb-140{padding-bottom:0}
.dark .portfolio__area-6 .sec-title-wrapper p::before{background-color:var(--white)}
.dark .portfolio-v4{background-color:var(--d-black-2)}
.dark .portfolio__slider-2::after{background:var(--secondary)}
.dark .portfolio__slider-2-pagination .swiper-pagination-bullet{border-color:var(--secondary)}
.dark .portfolio__slider-2-pagination .swiper-pagination-bullet::after{background-color:var(--secondary)}
.dark .portfolio__slider-2-pagination .swiper-pagination-bullet-active,.dark .portfolio__slider-2-pagination .swiper-pagination-bullet:hover{border-color:var(--white)}
.dark .portfolio__slider-2-pagination .swiper-pagination-bullet-active::after,.dark .portfolio__slider-2-pagination .swiper-pagination-bullet:hover::after{background-color:var(--white)}
.dark .portfolio__slide-2{background-color:var(--black-2)}
.dark .portfolio__slide-2 .sec-title a{color:var(--white)}
.dark .portfolio__slide-2 .btn-common{color:var(--gray)}
.dark .portfolio__slide-2 .btn-common:hover{color:var(--white)}
.dark .portfolio__detail{background-color:var(--black-2)}
.dark .portfolio__detail-info ul li{color:var(--gray-2)}
.dark .portfolio__detail-info ul li a,.dark .portfolio__detail-info ul li span{color:var(--gray-2)}
.dark .portfolio__detail-title{color:var(--white)}
.dark .portfolio__detail-text p,.dark .portfolio__detail-text li{color:var(--gray-2)}
.dark .portfolio__detail-text .fonts img{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__detail-text .fonts ul .semibold,.dark .portfolio__detail-text .fonts ul .medium{color:var(--gray-2)}
.dark .portfolio__title-6,.dark .portfolio__current{color:var(--white)}
.dark .portfolio__date,.dark .portfolio__pagination-6{color:var(--gray-2)}
.dark .portfolio__project{background-color:var(--black-2)}
.dark .portfolio__project::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__project .pp-title,.dark .portfolio__project .pp-slide-title,.dark .portfolio__project .swipper-btn{color:var(--white)}
.dark .portfolio__project .pp-slide-thumb p{color:var(--gray-2)}
.dark .portfolio__project .pp-prev::after,.dark .portfolio__project .pp-next::after{background-color:var(--white)}
.dark .portfolio__footer{border-color:var(--secondary)}
.dark .portfolio__footer-area{background-color:var(--black-2);background-blend-mode:overlay}
.dark .portfolio__footer-area::before{-webkit-filter:invert(0.8);filter:invert(0.8)}
.dark .portfolio__footer-area::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__footer-area .pf-title,.dark .portfolio__footer-area .pf-contact h3,.dark .portfolio__footer-area .pf-contact ul li a,.dark .portfolio__footer-area .pf-social ul li a{color:var(--white)}
.dark .portfolio__footer-area .pf-social ul li a:hover{color:var(--black-2);background-color:var(--white)}
.dark .portfolio__service{background-color:var(--d-black-2);background-blend-mode:overlay}
.dark .portfolio__service .sec-text,.dark .portfolio__service-item{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__service .ps-btn a{color:#fff;border-color:var(--white)}
.dark .portfolio__hero .title{color:var(--white)}
.dark .portfolio__hero .title.text-stroke{-webkit-text-stroke:1px var(--white)}
.dark .portfolio__hero .title.shape-circle::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__hero-area{background-color:var(--black-2)}
.dark .portfolio__hero-area::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__about{background-color:var(--d-black-2)}
.dark .portfolio__about::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__about .sec-text p{color:var(--gray-2)}
.dark .portfolio__about .sec-title span::before{background-color:var(--white)}
.dark .portfolio__about-left img{-webkit-filter:invert(0.5);filter:invert(0.5)}
.dark .portfolio__about .brand-title{color:var(--gray-2)}
.dark .portfolio__about .about-row,.dark .portfolio__about .brand-title-wrap{border-color:var(--secondary)}
.dark .wc-btn-dark{color:#fff;border-color:var(--white)}
.dark .testimonial__area{background-color:var(--black-2)}
.dark .testimonial__area .sec-title{color:var(--white)}
.dark .testimonial__area-2{background-color:var(--d-black-2)}
.dark .testimonial__area-3{background-color:var(--d-black-2);background-image:none}
.dark .testimonial__area-3 p::before{-webkit-filter:invert(1);filter:invert(1)}
.dark .testimonial__pagination .next-button,.dark .testimonial__pagination .prev-button{border-color:var(--secondary)}
.dark .testimonial__pagination .next-button i,.dark .testimonial__pagination .prev-button i{color:var(--secondary)}
.dark .testimonial__pagination .next-button:hover,.dark .testimonial__pagination .prev-button:hover{border-color:var(--white)}
.dark .testimonial__pagination .next-button:hover i,.dark .testimonial__pagination .prev-button:hover i{color:var(--white)}
.dark .testimonial__title,.dark .testimonial__title-2,.dark .testimonial__author{color:var(--white)}
.dark .testimonial__img.b-right::after{border-color:var(--secondary);z-index:0}
.dark .testimonial__img.b-left::before{border-color:var(--bg-line);z-index:1}
.dark .testimonial__role{color:var(--gray-2)}
.dark .testimonial__slide-3 p{color:var(--white)}
.dark .testimonial__inner-2{background-color:var(--d-black-2)}
.dark .testimonial__slider-3 .swipper-btn:hover{-webkit-transition:all .3s;transition:all .3s;border-color:var(--white)}
.dark .client__name-3{color:var(--white)}
.dark .client__role-3{color:var(--gray-2)}
.dark .blog__area{background-color:var(--black-2)}
.dark .blog__area.no-pb{margin-bottom:-150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .blog__area.no-pb{margin-bottom:-90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .blog__area.no-pb{margin-bottom:0}
}
@media only screen and (max-width: 767px) {
.dark .blog__area.no-pb{margin-bottom:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .blog__area .pb-140{padding-bottom:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .blog__area .pb-140{padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.dark .blog__area .pb-140{padding-bottom:0}
}
.dark .blog__area-2,.dark .blog__area-6{background-color:var(--d-black-2)}
.dark .blog__area .sec-title{color:var(--white)}
.dark .blog__area-3{background-color:var(--d-black-2)}
.dark .blog__area-3 .sec-sub-title,.dark .blog__area-3 .sec-title{background-color:var(--d-black-2)}
.dark .blog__area-3 .sec-title-wrapper::after{background-color:var(--secondary)}
.dark .blog__info-3{background-color:var(--d-black-2)}
.dark .blog__title,.dark .blog__title-3,.dark .blog__title-2{color:#fff;border-color:var(--secondary)}
.dark .blog__title:hover,.dark .blog__title-3:hover,.dark .blog__title-2:hover{color:var(--gray-2)}
.dark .blog__btn{color:var(--gray-2)}
.dark .blog__btn:hover{color:var(--white)}
.dark .blog__meta,.dark .blog__meta-2{color:var(--gray-2)}
.dark .blog__meta a,.dark .blog__meta-2 a{color:var(--gray-2)}
.dark .blog__meta a:hover,.dark .blog__meta-2 a:hover{color:var(--white)}
.dark .blog__detail{background-color:var(--d-black-2)}
.dark .blog__detail-title,.dark .blog__detail-date{color:var(--white)}
.dark .blog__detail-date span,.dark .blog__detail ul li{color:var(--gray-2)}
.dark .blog__detail-tags p{color:var(--white)}
.dark .blog__detail-tags p a{color:var(--gray-2)}
.dark .blog__detail-content h1,.dark .blog__detail-content h2,.dark .blog__detail-content h3,.dark .blog__detail-content h4,.dark .blog__detail-content h5,.dark .blog__detail-content h6{color:var(--white)}
.dark .blog__detail-meta p span{color:var(--gray-2)}
.dark .blog__related{background-color:var(--d-black-2)}
.dark .team__area{background-color:var(--d-black-2)}
.dark .team__area-6{background-color:var(--black-2);background-blend-mode:color-burn}
.dark .team__about{background-color:var(--black-2)}
.dark .team__btm{background-color:var(--black-2)}
.dark .team__join-btn{background-color:var(--d-black-2)}
.dark .team__member-name-6,.dark .team__member-name-7{color:var(--white)}
.dark .team__member-role-6,.dark .team__member-role-7{color:var(--gray-2)}
.dark .team__member-role-7 span{color:var(--white)}
.dark .team__member-role-7::after{background-color:var(--white)}
.dark .team__member-work li a{color:var(--white)}
.dark .team__member-work li a:hover{color:var(--black-2);background-color:var(--white)}
.dark .team__member-social li a:hover{color:var(--white)}
.dark .team__detail{background-color:var(--black-2)}
.dark .team__detail.pb-140{padding-bottom:60px}
.dark .team__detail-page .line-1,.dark .team__detail-page .line-2,.dark .team__detail-page .line-3{background:var(--bg-line)}
.dark .team__detail .work-title{color:var(--white)}
.dark .cta__area{background-color:var(--black-2)}
.dark .cta__area .line{padding-top:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .cta__area .line{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .cta__area .line{padding-top:90px}
}
@media only screen and (max-width: 767px) {
.dark .cta__area .line{padding-top:60px}
}
.dark .cta__area .line.no-p{padding-top:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .cta__area .line.no-p{padding-top:90px}
}
@media only screen and (max-width: 767px) {
.dark .cta__area .line.no-p{padding-top:60px}
}
.dark .cta__area .dark-p{padding-top:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .cta__area .dark-p{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .cta__area .dark-p{padding-top:90px}
}
@media only screen and (max-width: 767px) {
.dark .cta__area .dark-p{padding-top:60px}
}
.dark .cta__area-2{background-color:var(--black-2)}
.dark .cta__area-2 .wc-btn-pink{color:var(--gray-2)}
.dark .cta__area-3{background-color:var(--d-black-2)}
.dark .cta__area-5{background-color:var(--black-2);-webkit-filter:invert(0);filter:invert(0);margin:0}
.dark .cta__title{color:var(--white)}
.dark .cta__title-2{color:var(--white)}
.dark .cta__sub-title{color:var(--white)}
@media only screen and (max-width: 767px) {
.dark .cta__content{padding-top:0}
}
.dark .footer__area{background-color:var(--black-2)}
.dark .footer__area-2{background-color:var(--black-2);background-blend-mode:multiply;background-position:100% 1px}
.dark .footer__area-5{background-color:var(--black-2)}
.dark .footer__inner{background-color:var(--d-black-2)}
.dark .footer__middle-2{border-color:var(--secondary)}
.dark .footer__subscribe-2::before{background-color:var(--secondary)}
.dark .footer__subscribe-2 input{color:#fff;border-color:#fff;background-color:transparent}
.dark .footer__subscribe-2 input::-webkit-input-placeholder{color:var(--white)}
.dark .footer__subscribe-2 input::-moz-placeholder{color:var(--white)}
.dark .footer__subscribe-2 input:-ms-input-placeholder{color:var(--white)}
.dark .footer__subscribe-2 input::-ms-input-placeholder{color:var(--white)}
.dark .footer__subscribe-2 input::placeholder{color:var(--white)}
.dark .footer__subscribe-2 img{-webkit-filter:invert(1);filter:invert(1)}
.dark .footer-menu li a,.dark .footer-menu-2 li a{color:var(--white)}
.dark .footer-menu li a .menu-text,.dark .footer-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.dark .footer__copyright-2 p a{color:var(--white)}
.dark .footer__copyright-4 a{color:var(--white)}
.dark .footer-line::after{background:var(--bg-line)}
.dark .footer__location-2 .location h3{color:var(--white)}
.dark .feature__area-2{background-color:var(--d-black-2)}
.dark .feature__top{border-color:var(--secondary)}
.dark .feature__item{border-color:var(--secondary)}
.dark .feature__item:nth-child(odd){border-color:var(--secondary)}
.dark .feature__item img{-webkit-filter:invert(1);filter:invert(1)}
.dark .feature__item p{color:var(--gray-2)}
.dark .feature__title{color:var(--white)}
.dark .feature__text p{color:var(--white)}
.dark .award__area{background-color:var(--d-black-2)}
.dark .main-menu-3 li a{color:var(--white)}
.dark .main-menu .mega-menu li a,.dark .main-menu .mega-menu-2 li a,.dark .main-menu-4 .mega-menu li a,.dark .main-menu-4 .mega-menu-2 li a{color:var(--black-2)}
.dark .header__nav-icon-3 button{color:var(--white)}
.dark .header__nav-icon-3 img{-webkit-filter:invert(1);filter:invert(1)}
.dark .choose-title{color:var(--white)}
.dark .research__area{background-color:var(--d-black-2);background-blend-mode:exclusion}
@media (max-width: 1200px) {
.dark .research__area{background-color:var(--black-2);padding-bottom:0}
}
.dark .research__area .sec-sub-title,.dark .research__area .sec-title-wrapper p{color:var(--white)}
@media only screen and (max-width: 767px) {
.dark .research__list{padding-bottom:0}
}
.dark .research__item p,.dark .research__number span,.dark .research__title{color:var(--white)}
.dark .research__tools li a{color:#fff;border-color:var(--white)}
.dark .research__tools li a:hover{color:var(--black-2);background-color:var(--white)}
.dark .price__area{background-color:var(--black-2)}
.dark .price__item:first-child{background-color:var(--d-black-2)}
.dark .story__area{background-color:var(--d-black-2)}
.dark .story__area .line{padding-bottom:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dark .story__area .line{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .story__area .line{padding-bottom:90px}
}
.dark .story__text p{color:var(--gray-2)}
.dark .error__page{background-color:var(--d-black-2)}
.dark .error__content h2{color:var(--white)}
.dark .error__content img{-webkit-filter:invert(1);filter:invert(1)}
.dark .career__top{background-color:var(--black-2)}
.dark .career__gallery{background-color:var(--black-2)}
.dark .career__gallery ul li{color:var(--white)}
.dark .career__gallery ul li::after{background-color:var(--white)}
.dark .career__gallery p{color:var(--gray-2)}
.dark .career__benefits{background-color:var(--black-2)}
.dark .career__benefits-list li{color:#fff;border-color:var(--bg-line)}
.dark .contact__area-6{background-color:var(--black-2)}
.dark .contact__form input::-webkit-input-placeholder,.dark .contact__form textarea::-webkit-input-placeholder{color:#fff;border-color:var(--bg-line)}
.dark .contact__form input::-moz-placeholder,.dark .contact__form textarea::-moz-placeholder{color:#fff;border-color:var(--bg-line)}
.dark .contact__form input:-ms-input-placeholder,.dark .contact__form textarea:-ms-input-placeholder{color:#fff;border-color:var(--bg-line)}
.dark .contact__form input::-ms-input-placeholder,.dark .contact__form textarea::-ms-input-placeholder{color:#fff;border-color:var(--bg-line)}
.dark .contact__form textarea,.dark .contact__form input,.dark .contact__form input::placeholder,.dark .contact__form textarea::placeholder{color:#fff;border-color:var(--bg-line)}
.dark .contact__form textarea:focus,.dark .contact__form input:focus{border-color:var(--white)}
.dark .contact__info h3,.dark .contact__info ul li span,.dark .contact__info ul li a{color:var(--white)}
.dark .faq__area{background-color:var(--d-black-2)}
.dark .faq__area-6{background-color:var(--black-2)}
.dark .faq__btm{background-color:var(--black-2)}
.dark .faq__list .accordion-button,.dark .faq__list-3 .accordion-button,.dark .faq__list-6 .accordion-button{color:var(--white)}
.dark .faq__title{color:var(--white)}
.dark .faq__list .accordion-item,.dark .faq__list-6 .accordion-item,.dark .faq__list-3 .accordion-item{background-color:transparent}
.dark .faq__list-3 .accordion-item{border-color:var(--bg-line)}
.dark .faq__list-3 .accordion-item:first-child{border-color:var(--bg-line)}
.dark .accordion-item{background-color:var(--black-2);border-color:var(--bg-line)}
.dark .service__faq .accordion-item{background-color:var(--d-black-2)}
.dark .job__detail{background-color:var(--black-2)}
.dark .job__detail-top{background-color:var(--d-black-2)}
.dark .info__detail-content{border-color:var(--bg-line)}
.dark .info__detail-content ul li{color:var(--gray-2)}
.dark .info__detail-content h1,.dark .info__detail-content h2,.dark .info__detail-content h3,.dark .info__detail-content h4,.dark .info__detail-content h5,.dark .info__detail-content h6{color:var(--white)}
.dark .amenities__detail-meta li{color:var(--gray-2)}
.dark .job__detail-sidebar{background-color:var(--d-black-2)}
.dark .job__detail-sidebar ul li{color:var(--gray-2)}
.dark .development__area{background-color:var(--d-black-2)}
.dark .development__wrapper ul li{color:var(--gray-2)}
.dark .development__content{border-color:var(--secondary)}
.dark .solution__area{background-color:var(--black-2)}
.dark .solution__title{color:var(--white)}
.dark .solution__mid p{color:var(--gray-2)}
.dark .solution__mid p::before{background-color:var(--white)}
.dark .solution__btm li{color:var(--white)}
.dark .solution__img-1::after,.dark .solution__img-2::after,.dark .solution__img-3::after{border-color:var(--secondary);z-index:0}
.dark .solution__shape .shape-5{z-index:0}
.dark .solution__shape .shape-2{-webkit-filter:invert(1);filter:invert(1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dark .solution__shape .shape-4{top:55%}
}
.dark .modal__apply{background-color:var(--d-black-2)}
.dark .modal__apply .input-apply p,.dark .modal__apply .form-top p{color:var(--white)}
.dark .modal__apply .input-apply-2 p,.dark .modal__apply .input-apply-2 input[type=file]{color:var(--white)}
.dark .modal__apply .form-top img{-webkit-filter:invert(1);filter:invert(1)}
.dark .modal .close_btn-2:hover{color:var(--white)}
.dark .modal__close-2:hover{color:var(--white)}
.dark .menu-text-5{color:var(--white)}
.dark .circle-pagination button.swiper-pagination-bullet{border-color:var(--white)}
.dark .circle-pagination button.swiper-pagination-bullet span{background-color:var(--white)}
.dark .circle-pagination .circle-origin{stroke:var(--white)}
.dark .circle-pagination-2 .swiper-pagination-bullet{border-color:var(--white)}
.dark .circle-pagination-2 .swiper-pagination-bullet::after{background-color:var(--white)}
.dark .bg-white{background-color:var(--black-2)!important}
.dark .main-menu-3 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.dark .header__nav-icon-5 img{-webkit-filter:invert(1);filter:invert(1)}
.dark .menu-text-pp{color:var(--white)}
.dark .job__area{background-color:var(--d-black-2)}
.dark .portfolio__area-5 .sec-line{background-color:#D3D3D3}
.dark .modal__apply .input-apply textarea,.dark .modal__apply .input-apply-2 input{color:#fff;background-color:var(--d-black-2);border-color:var(--black-3)}
.dark .modal__apply .input-apply textarea:focus,.dark .modal__apply .input-apply-2 input:focus{border-color:var(--white)}
.dark .error__content::before{-webkit-filter:invert(1);filter:invert(1)}
.dark .sticky-2 .header__nav-icon-5{-webkit-filter:invert(0);filter:invert(0)}
.dark .footer__menu-5 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.dark .hero__area-3::after{-webkit-filter:invert(1);filter:invert(1)}
.dark .service__hero-2{background-color:var(--black-2);background-image:none}
.dark .service__hero-2 .shape-1{-webkit-filter:invert(1);filter:invert(1)}
.dark .service__hero-right-2 .title{color:var(--white)}
.dark .service__hero-right-2 .scroll{-webkit-filter:invert(1);filter:invert(1)}
.wc-btn-primary,.wc-btn-black,.wc-btn-light,.wc-btn-pink,.wc-btn-secondary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:170px;height:170px;font-weight:400;font-size:16px;line-height:1.3;text-transform:capitalize;color:var(--black-3);border:1px solid var(--gray);border-radius:100%;position:relative;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.wc-btn-primary,.wc-btn-black,.wc-btn-light,.wc-btn-pink,.wc-btn-secondary{padding:30px}
}
.wc-btn-primary:hover,.wc-btn-black:hover,.wc-btn-light:hover,.wc-btn-pink:hover,.wc-btn-secondary:hover{color:var(--black-2);border:1px solid var(--primary)}
.wc-btn-primary:hover span,.wc-btn-black:hover span,.wc-btn-light:hover span,.wc-btn-pink:hover span,.wc-btn-secondary:hover span{width:350px;height:350px}
.wc-btn-primary i,.wc-btn-black i,.wc-btn-light i,.wc-btn-pink i,.wc-btn-secondary i{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);padding-left:5px}
.wc-btn-primary span,.wc-btn-black span,.wc-btn-light span,.wc-btn-pink span,.wc-btn-secondary span{position:absolute;content:"";width:20px;height:20px;left:0;top:0;background-color:var(--primary);z-index:-1;border-radius:100%;-webkit-transition:all .7s;transition:all .7s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wc-btn-secondary{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-pink{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-pink:hover{border-color:var(--pink-2)}
.wc-btn-pink span{background-color:var(--pink-2)}
.wc-btn-light{border:1px solid var(--secondary);color:var(--gray-2)}
.wc-btn-light:hover{border-color:var(--white)}
.wc-btn-light span{background-color:var(--white)}
.wc-btn-black:hover{color:#fff;border-color:var(--black-2)}
.wc-btn-black span{background-color:var(--black-2)}
.wc-btn-dark{display:inline-block;font-weight:400;font-size:15px;line-height:1.5;text-align:center;text-transform:uppercase;color:var(--black-2);border:1.3px solid var(--black-2);border-radius:33px;padding:20px 54px;-webkit-transition:all .3s;transition:all .3s}
.wc-btn-dark:hover{color:var(--black-2);background-color:#fff;border-color:var(--white)}
.btn_wrapper,#btn_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:250px;width:250px;border-radius:100%;margin-left:-40px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.btn_wrapper,#btn_wrapper{width:220px;height:220px;margin-left:-25px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.btn_wrapper,#btn_wrapper{width:190px;height:190px;margin-left:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.btn_wrapper,#btn_wrapper{width:180px;height:180px;margin-left:-5px}
}
@media only screen and (max-width: 767px) {
.btn_wrapper,#btn_wrapper{height:175px;width:175px;margin-left:-2.5px}
}
.btn-item{position:absolute}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__top-btn .btn_wrapper,.service__top-btn #btn_wrapper{width:170px;height:170px}
.service__top-btn .btn_wrapper .btn-item,.service__top-btn #btn_wrapper .btn-item{top:0;left:0}
}
.about_btn{font-size:20px!important;position:relative}
@media only screen and (max-width: 767px) {
.about_btn{font-size:18px!important}
}
.about_btn::before{position:absolute;content:"";width:100%;height:1px;bottom:-10px;left:0;background-color:var(--black-7)}
.sec-title{font-weight:500;font-size:60px;line-height:1;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title{font-size:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title{font-size:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title{font-size:36px}
}
@media only screen and (max-width: 767px) {
.sec-title{font-size:45px}
.concierge-page .blog__detail-content h1, .concierge-page .blog__detail-content h2{font-size:45px!important}
.concierge-page .blog__detail-content {
        padding-top: 5px !important;
    }
}
.sec-title-2{font-weight:500;font-size:120px;line-height:.9;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.sec-title-2{font-size:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-2{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-2{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-2{font-size:60px}
}
@media only screen and (max-width: 767px) {
.sec-title-2{font-size:45px}
}
.sec-title-3{font-weight:500;font-size:130px;line-height:1;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.sec-title-3{font-size:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-3{font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-3{font-size:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-3{font-size:60px}
}
@media only screen and (max-width: 767px) {
.sec-title-3{font-size:48px}
}
.sec-title-4{font-size:150px;line-height:1;color:var(--black-2);text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-4{font-size:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-4{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-4{font-size:80px}
}
@media only screen and (max-width: 767px) {
.sec-title-4{font-size:48px}
}
.sec-title-4 span{font-family:"newYork";padding-left:298px;display:block}
@media only screen and (max-width: 767px) {
.sec-title-4 span{padding-left:0}
}
.sec-title-4 img{margin-top:-30px;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-4 img{max-width:90px}
}
@media only screen and (max-width: 767px) {
.sec-title-4 img{display:none}
}
.sec-title-5{padding-left:98px}
@media only screen and (max-width: 767px) {
.sec-title-5{padding-left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-5{font-size:120px;line-height:8.3rem}
}
.sec-title-7{padding-left:185px}
.sec-title-8{font-size:130px;line-height:1;font-weight:500;color:var(--black-2);text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-8{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-8{font-size:72px}
}
@media only screen and (max-width: 767px) {
.sec-title-8{font-size:60px}
}
.sec-title-8 a{font-family:"newYork";text-transform:capitalize}
.sec-title-16{font-weight:500;font-size:120px;line-height:.9;color:var(--black-2);text-indent:120px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-16{font-size:100px;text-indent:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-16{font-size:90px;text-indent:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-16{text-indent:60px;font-size:72px}
}
@media only screen and (max-width: 767px) {
.sec-title-16{text-indent:20px;font-size:48px}
}
.sec-title-16 span{color:var(--black-2);font-family:"newYork";position:relative}
.sec-title-16 span::after{position:absolute;content:"";width:100%;height:2px;bottom:10px;left:0;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.sec-title-16 span::after{bottom:0}
}
.sec-sub-title{font-weight:400;font-size:18px;line-height:1.2;color:var(--black-3);font-family: "Cormorant Garamond", serif;padding-bottom:15px;text-transform:capitalize}
.hero-title{font-weight:500;font-size:80px;line-height:1;color:var(--black)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-title{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-title{font-size:48px}
}
@media only screen and (max-width: 767px) {
.hero-title{font-size:36px}
}
.title-line{overflow:hidden}
@media (min-width: 1200px) {
.img-anim{overflow:hidden;position:relative;width:100%;height:565px}
.img-anim img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
}
.dis_port_4{max-width:300px;text-indent:90px;margin-left:100px;margin-top:40px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dis_port_4{text-indent:50px;margin-left:60px;margin-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dis_port_4{text-indent:30px;margin-left:20px;margin-top:20px}
}
@media only screen and (max-width: 767px) {
.dis_port_4{margin-left:20px;text-indent:30px;margin-top:20px}
}
.section_title_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:130px 50px 0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section_title_wrapper{padding:110px 30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:120px 15px 0}
}
.section_title_wrapper .title_right{padding-top:150px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper .title_right{padding-top:100px}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper .title_right{padding-top:50px}
}
.section_title_wrapper .title_right__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.section_title_wrapper .title_right__inner__left{margin-right:60px}
.section_title_wrapper .title_right__inner__left span{font-weight:400;font-size:12px;line-height:1.7;text-align:right;color:var(--black-3);display:inline-block;position:relative}
.section_title_wrapper .title_right__inner__left span::before{content:"";position:absolute;right:80px;top:50%;background-color:#D9D9D9;width:1090px;height:1px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.section_title_wrapper .title_right__inner__left span::before{width:600px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.section_title_wrapper .title_right__inner__left span::before{width:500px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section_title_wrapper .title_right__inner__left span::before{width:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapper .title_right__inner__left span::before{width:90px}
}
@media only screen and (max-width: 767px) {
.section_title_wrapper .title_right__inner__left span::before{display:none}
}
.section_title_wrapper .title_right__inner__right ul li{margin-bottom:10px}
.section_title_wrapper .title_right__inner__right ul li a{font-size:18px;color:var(--black-13);text-transform:capitalize}
.section_title_wrapper .title_right__inner__right ul li a:hover{letter-spacing:1px;color:var(--black-2)}
.dark .sec-title-4{color:var(--white)}
.dark .sec-title-4 img{-webkit-filter:invert(1);filter:invert(1)}
.dark .sec-title-8{color:var(--white)}
.dark .sec-title-16{color:var(--white)}
.dark .sec-title-16 span{color:var(--white)}
.dark .sec-title-16 span::after{background-color:var(--white)}
.dark .section_title_wrapper .title_right__inner__left span{color:var(--gray-2)}
.dark .section_title_wrapper .title_right__inner__left span::before{background-color:var(--gray-2)}
.dark .section_title_wrapper .title_right__inner__right ul li a{color:var(--gray-2)}
.dark .section_title_wrapper .title_right__inner__right ul li a:hover{color:var(--white)}
.main-menu > li,.main-menu-4 > li{display:inline-block;margin:0 38px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu > li,.main-menu-4 > li{margin:0 19px}
}
.main-menu > li.has-megamenu,.main-menu-4 > li.has-megamenu{position:static}
.main-menu > li:hover .main-dropdown,.main-menu-4 > li:hover .main-dropdown{top:75px;opacity:1;visibility:visible}
.main-menu > li:hover .mega-menu,.main-menu > li:hover .mega-menu-2,.main-menu-4 > li:hover .mega-menu,.main-menu-4 > li:hover .mega-menu-2{top:75px;opacity:1;visibility:visible}
.main-menu > li > a,.main-menu-4 > li > a{display:block;font-weight:400;font-size:18px;line-height:16px;color:#fff;padding:29px 0;outline:none;text-transform:capitalize;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.main-menu > li > a .menu-text,.main-menu-4 > li > a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--white)}
.main-menu > li > a .menu-text span,.main-menu-4 > li > a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.main-menu > li > a .menu-text span:nth-child(1),.main-menu-4 > li > a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.main-menu > li > a .menu-text span:nth-child(2),.main-menu-4 > li > a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.main-menu > li > a .menu-text span:nth-child(3),.main-menu-4 > li > a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.main-menu > li > a .menu-text span:nth-child(4),.main-menu-4 > li > a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.main-menu > li > a .menu-text span:nth-child(5),.main-menu-4 > li > a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.main-menu > li > a .menu-text span:nth-child(6),.main-menu-4 > li > a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.main-menu > li > a .menu-text span:nth-child(7),.main-menu-4 > li > a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.main-menu > li > a .menu-text span:nth-child(8),.main-menu-4 > li > a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.main-menu > li > a .menu-text span:nth-child(9),.main-menu-4 > li > a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.main-menu > li > a .menu-text span:nth-child(10),.main-menu-4 > li > a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.main-menu > li > a .menu-text span:nth-child(11),.main-menu-4 > li > a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.main-menu > li > a .menu-text span:nth-child(12),.main-menu-4 > li > a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.main-menu > li > a .menu-text span:nth-child(13),.main-menu-4 > li > a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.main-menu > li > a .menu-text span:nth-child(14),.main-menu-4 > li > a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.main-menu > li > a .menu-text span:nth-child(15),.main-menu-4 > li > a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.main-menu > li > a .menu-text span:nth-child(16),.main-menu-4 > li > a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.main-menu > li > a .menu-text span:nth-child(17),.main-menu-4 > li > a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.main-menu > li > a .menu-text span:nth-child(18),.main-menu-4 > li > a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.main-menu > li > a .menu-text span:nth-child(19),.main-menu-4 > li > a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.main-menu > li > a .menu-text span:nth-child(20),.main-menu-4 > li > a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.main-menu > li > a .menu-text span:nth-child(21),.main-menu-4 > li > a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.main-menu > li > a .menu-text span:nth-child(22),.main-menu-4 > li > a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.main-menu > li > a .menu-text span:nth-child(23),.main-menu-4 > li > a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.main-menu > li > a .menu-text span:nth-child(24),.main-menu-4 > li > a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.main-menu > li > a .menu-text span:nth-child(25),.main-menu-4 > li > a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.main-menu > li > a .menu-text span:nth-child(26),.main-menu-4 > li > a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.main-menu > li > a .menu-text span:nth-child(27),.main-menu-4 > li > a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.main-menu > li > a .menu-text span:nth-child(28),.main-menu-4 > li > a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.main-menu > li > a .menu-text span:nth-child(29),.main-menu-4 > li > a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.main-menu > li > a .menu-text span:nth-child(30),.main-menu-4 > li > a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.main-menu > li > a .menu-text span:nth-child(31),.main-menu-4 > li > a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.main-menu > li > a .menu-text span:nth-child(32),.main-menu-4 > li > a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.main-menu > li > a .menu-text span:nth-child(33),.main-menu-4 > li > a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.main-menu > li > a .menu-text span:nth-child(34),.main-menu-4 > li > a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.main-menu > li > a .menu-text span:nth-child(35),.main-menu-4 > li > a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.main-menu > li > a .menu-text span:nth-child(36),.main-menu-4 > li > a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.main-menu > li > a .menu-text span:nth-child(37),.main-menu-4 > li > a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.main-menu > li > a .menu-text span:nth-child(38),.main-menu-4 > li > a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.main-menu > li > a .menu-text span:nth-child(39),.main-menu-4 > li > a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.main-menu > li > a .menu-text span:nth-child(40),.main-menu-4 > li > a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.main-menu > li > a .menu-text span:nth-child(41),.main-menu-4 > li > a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.main-menu > li > a .menu-text span:nth-child(42),.main-menu-4 > li > a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.main-menu > li > a .menu-text span:nth-child(43),.main-menu-4 > li > a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.main-menu > li > a .menu-text span:nth-child(44),.main-menu-4 > li > a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.main-menu > li > a .menu-text span:nth-child(45),.main-menu-4 > li > a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.main-menu > li > a .menu-text span:nth-child(46),.main-menu-4 > li > a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.main-menu > li > a .menu-text span:nth-child(47),.main-menu-4 > li > a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.main-menu > li > a .menu-text span:nth-child(48),.main-menu-4 > li > a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.main-menu > li > a .menu-text span:nth-child(49),.main-menu-4 > li > a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.main-menu > li > a:hover,.main-menu-4 > li > a:hover{--y:-4px}
.main-menu > li > a:hover span,.main-menu-4 > li > a:hover span{--m:calc(16px * -1)}
.main-menu-3{text-align:right}
@media only screen and (max-width: 767px) {
.main-menu-3{display:none}
}
.main-menu-3 > li{display:inline-block;padding:0 20px;margin:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu-3 > li{padding:25px 0}
}
.main-menu-3 > li.has-megamenu{position:static}
.main-menu-3 > li:hover .main-dropdown{top:80px;opacity:1;visibility:visible}
.main-menu-3 > li:hover .mega-menu,.main-menu-3 > li:hover .mega-menu-2{top:80px;opacity:1;visibility:visible}
.main-menu-3 > li > a{display:block;font-weight:500;font-size:16px;line-height:16px;color:#222;padding:27px 0;outline:none;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.main-menu-3 > li > a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-2)}
.main-menu-3 > li > a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.main-menu-3 > li > a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.main-menu-3 > li > a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.main-menu-3 > li > a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.main-menu-3 > li > a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.main-menu-3 > li > a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.main-menu-3 > li > a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.main-menu-3 > li > a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.main-menu-3 > li > a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.main-menu-3 > li > a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.main-menu-3 > li > a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.main-menu-3 > li > a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.main-menu-3 > li > a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.main-menu-3 > li > a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.main-menu-3 > li > a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.main-menu-3 > li > a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.main-menu-3 > li > a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.main-menu-3 > li > a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.main-menu-3 > li > a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.main-menu-3 > li > a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.main-menu-3 > li > a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.main-menu-3 > li > a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.main-menu-3 > li > a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.main-menu-3 > li > a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.main-menu-3 > li > a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.main-menu-3 > li > a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.main-menu-3 > li > a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.main-menu-3 > li > a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.main-menu-3 > li > a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.main-menu-3 > li > a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.main-menu-3 > li > a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.main-menu-3 > li > a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.main-menu-3 > li > a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.main-menu-3 > li > a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.main-menu-3 > li > a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.main-menu-3 > li > a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.main-menu-3 > li > a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.main-menu-3 > li > a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.main-menu-3 > li > a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.main-menu-3 > li > a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.main-menu-3 > li > a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.main-menu-3 > li > a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.main-menu-3 > li > a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.main-menu-3 > li > a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.main-menu-3 > li > a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.main-menu-3 > li > a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.main-menu-3 > li > a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.main-menu-3 > li > a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.main-menu-3 > li > a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.main-menu-3 > li > a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.main-menu-3 > li > a:hover{--y:-4px}
.main-menu-3 > li > a:hover span{--m:calc(16px * -1)}
.main-menu-4 > li > a{color:var(--black-2)}
.main-menu-4 > li > a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-2)}
.main-menu-4 > li > a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.main-menu-4 > li > a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.main-menu-4 > li > a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.main-menu-4 > li > a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.main-menu-4 > li > a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.main-menu-4 > li > a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.main-menu-4 > li > a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.main-menu-4 > li > a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.main-menu-4 > li > a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.main-menu-4 > li > a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.main-menu-4 > li > a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.main-menu-4 > li > a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.main-menu-4 > li > a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.main-menu-4 > li > a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.main-menu-4 > li > a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.main-menu-4 > li > a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.main-menu-4 > li > a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.main-menu-4 > li > a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.main-menu-4 > li > a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.main-menu-4 > li > a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.main-menu-4 > li > a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.main-menu-4 > li > a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.main-menu-4 > li > a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.main-menu-4 > li > a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.main-menu-4 > li > a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.main-menu-4 > li > a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.main-menu-4 > li > a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.main-menu-4 > li > a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.main-menu-4 > li > a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.main-menu-4 > li > a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.main-menu-4 > li > a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.main-menu-4 > li > a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.main-menu-4 > li > a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.main-menu-4 > li > a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.main-menu-4 > li > a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.main-menu-4 > li > a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.main-menu-4 > li > a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.main-menu-4 > li > a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.main-menu-4 > li > a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.main-menu-4 > li > a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.main-menu-4 > li > a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.main-menu-4 > li > a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.main-menu-4 > li > a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.main-menu-4 > li > a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.main-menu-4 > li > a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.main-menu-4 > li > a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.main-menu-4 > li > a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.main-menu-4 > li > a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.main-menu-4 > li > a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.main-menu-4 > li > a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.main-menu-4 > li > a:hover{--y:-4px}
.main-menu-4 > li > a:hover span{--m:calc(16px * -1)}
.main-menu .mega-menu li a,.main-menu .mega-menu-2 li a,.main-menu-4 .mega-menu li a,.main-menu-4 .mega-menu-2 li a{color:#fff}
.main-dropdown{position:absolute;width:250px;left:0;top:85px;z-index:9;background-color:#121212;text-align:left;padding:15px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.main-dropdown .sub-dropdown{position:absolute;width:300px;left:100%;top:0;z-index:9;background-color:var(--black-2);text-align:left;padding:15px 0;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.main-dropdown li{display:block;margin:0;padding:0}
.main-dropdown li:hover .sub-dropdown{opacity:1;visibility:visible}
.main-dropdown li a{color:#fff;display:block;padding:10px 20px;text-transform:capitalize}
.main-dropdown li a .menu-text{text-shadow:0 16px 0 var(--white)}
.main-dropdown li a:hover{letter-spacing:1px}
.mega-menu,.mega-menu-2{position:absolute;width:100%;left:0;top:90px;z-index:9;background-color:var(--black-2);text-align:left;padding:40px 200px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(5,1fr);grid-gap:30px;opacity:0;visibility:hidden;-webkit-transition:all .2s;transition:all .2s}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mega-menu,.mega-menu-2{padding:40px 100px}
}
.mega-menu li,.mega-menu-2 li{padding:0;margin:0}
.mega-menu li a,.mega-menu-2 li a{color:#fff;font-size:20px;font-weight:500;padding:10px;margin-bottom:10px;text-transform:capitalize}
.mega-menu li a .menu-text,.mega-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.mega-menu li a:hover,.mega-menu-2 li a:hover{letter-spacing:1px}
.mega-menu li a:not([href]):not([class]),.mega-menu-2 li a:not([href]):not([class]){color:var(--white)}
.mega-menu li a:not([href]):not([class]):hover,.mega-menu-2 li a:not([href]):not([class]):hover{letter-spacing:0;background-color:transparent}
.mega-menu li ul,.mega-menu-2 li ul{text-align:left}
.mega-menu li ul li,.mega-menu-2 li ul li{display:block;margin:0}
.mega-menu li ul li a,.mega-menu-2 li ul li a{font-weight:400;font-size:16px;padding:10px 12px;display:block;margin-bottom:0;text-transform:capitalize}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.mega-menu li ul li a,.mega-menu-2 li ul li a{padding:6px 12px}
}
.mega-menu-2{width:1160px;padding:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-grid-columns:1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(4,1fr)}
.menu-heading{font-size:20px;font-weight:500;color:#fff;padding-bottom:10px;text-transform:capitalize}
.footer-menu,.footer-menu-2{text-align:left}
.footer-menu li,.footer-menu-2 li{display:inline-block;padding-left:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer-menu li,.footer-menu-2 li{padding-left:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-menu li,.footer-menu-2 li{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-menu li,.footer-menu-2 li{padding-left:20px}
}
@media only screen and (max-width: 767px) {
.footer-menu li,.footer-menu-2 li{padding-left:8px;padding-right:8px}
}
.footer__copyright-6 .footer-menu li a {font-size:14px;}
.footer-menu li a,.footer-menu-2 li a{display:inline-block;font-weight:400;font-size:16px;line-height:1;color:var(--black-2);text-transform:none}
.footer-menu li a:hover,.footer-menu-2 li a:hover {border-bottom:1px solid #fff;}
.footer-menu li a .menu-text,.footer-menu-2 li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-2)}
.footer-menu li a .menu-text span,.footer-menu-2 li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.footer-menu li a .menu-text span:nth-child(1),.footer-menu-2 li a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.footer-menu li a .menu-text span:nth-child(2),.footer-menu-2 li a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.footer-menu li a .menu-text span:nth-child(3),.footer-menu-2 li a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.footer-menu li a .menu-text span:nth-child(4),.footer-menu-2 li a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.footer-menu li a .menu-text span:nth-child(5),.footer-menu-2 li a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.footer-menu li a .menu-text span:nth-child(6),.footer-menu-2 li a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.footer-menu li a .menu-text span:nth-child(7),.footer-menu-2 li a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.footer-menu li a .menu-text span:nth-child(8),.footer-menu-2 li a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.footer-menu li a .menu-text span:nth-child(9),.footer-menu-2 li a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.footer-menu li a .menu-text span:nth-child(10),.footer-menu-2 li a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.footer-menu li a .menu-text span:nth-child(11),.footer-menu-2 li a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.footer-menu li a .menu-text span:nth-child(12),.footer-menu-2 li a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.footer-menu li a .menu-text span:nth-child(13),.footer-menu-2 li a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.footer-menu li a .menu-text span:nth-child(14),.footer-menu-2 li a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.footer-menu li a .menu-text span:nth-child(15),.footer-menu-2 li a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.footer-menu li a .menu-text span:nth-child(16),.footer-menu-2 li a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.footer-menu li a .menu-text span:nth-child(17),.footer-menu-2 li a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.footer-menu li a .menu-text span:nth-child(18),.footer-menu-2 li a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.footer-menu li a .menu-text span:nth-child(19),.footer-menu-2 li a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.footer-menu li a .menu-text span:nth-child(20),.footer-menu-2 li a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.footer-menu li a .menu-text span:nth-child(21),.footer-menu-2 li a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.footer-menu li a .menu-text span:nth-child(22),.footer-menu-2 li a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.footer-menu li a .menu-text span:nth-child(23),.footer-menu-2 li a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.footer-menu li a .menu-text span:nth-child(24),.footer-menu-2 li a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.footer-menu li a .menu-text span:nth-child(25),.footer-menu-2 li a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.footer-menu li a .menu-text span:nth-child(26),.footer-menu-2 li a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.footer-menu li a .menu-text span:nth-child(27),.footer-menu-2 li a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.footer-menu li a .menu-text span:nth-child(28),.footer-menu-2 li a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.footer-menu li a .menu-text span:nth-child(29),.footer-menu-2 li a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.footer-menu li a .menu-text span:nth-child(30),.footer-menu-2 li a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.footer-menu li a .menu-text span:nth-child(31),.footer-menu-2 li a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.footer-menu li a .menu-text span:nth-child(32),.footer-menu-2 li a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.footer-menu li a .menu-text span:nth-child(33),.footer-menu-2 li a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.footer-menu li a .menu-text span:nth-child(34),.footer-menu-2 li a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.footer-menu li a .menu-text span:nth-child(35),.footer-menu-2 li a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.footer-menu li a .menu-text span:nth-child(36),.footer-menu-2 li a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.footer-menu li a .menu-text span:nth-child(37),.footer-menu-2 li a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.footer-menu li a .menu-text span:nth-child(38),.footer-menu-2 li a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.footer-menu li a .menu-text span:nth-child(39),.footer-menu-2 li a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.footer-menu li a .menu-text span:nth-child(40),.footer-menu-2 li a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.footer-menu li a .menu-text span:nth-child(41),.footer-menu-2 li a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.footer-menu li a .menu-text span:nth-child(42),.footer-menu-2 li a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.footer-menu li a .menu-text span:nth-child(43),.footer-menu-2 li a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.footer-menu li a .menu-text span:nth-child(44),.footer-menu-2 li a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.footer-menu li a .menu-text span:nth-child(45),.footer-menu-2 li a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.footer-menu li a .menu-text span:nth-child(46),.footer-menu-2 li a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.footer-menu li a .menu-text span:nth-child(47),.footer-menu-2 li a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.footer-menu li a .menu-text span:nth-child(48),.footer-menu-2 li a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.footer-menu li a .menu-text span:nth-child(49),.footer-menu-2 li a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.footer-menu li a:hover,.footer-menu-2 li a:hover{--y:-4px}
.footer-menu li a:hover span,.footer-menu-2 li a:hover span{--m:calc(16px * -1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-menu-2{margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.footer-menu-2{margin-bottom:30px}
}
.footer-menu-2 li a{color:#fff;text-transform:uppercase}
.footer-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.offcanvas__menu-wrapper.mean-container{padding-top:160px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container{padding-top:142px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container{padding-top:93px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container{padding-top:93px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container{padding-top:60px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container{padding-top:0px}
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul{padding:0;margin:0;width:100%;list-style-type:none;display:block!important}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav{background:none;margin-top:0}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{opacity: 1;font-family: "Cormorant Garamond", serif;width:100%;padding:12px 0 12px 100px;font-weight:900;font-size:80px;line-height:1;color:#fff;text-transform:capitalize;border-top:1px solid var(--black-4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-transform:translateY(var(--y)) translateZ(0);transform:translateY(var(--y)) translateZ(0);-webkit-transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:-webkit-transform .4s ease,-webkit-box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease,-webkit-box-shadow .4s ease}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 80px 0 var(--white)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(1){-webkit-transition-delay:.0333333333s;transition-delay:.0333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(2){-webkit-transition-delay:.0666666667s;transition-delay:.0666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(4){-webkit-transition-delay:.1333333333s;transition-delay:.1333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(5){-webkit-transition-delay:.1666666667s;transition-delay:.1666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(6){-webkit-transition-delay:.2s;transition-delay:.2s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(7){-webkit-transition-delay:.2333333333s;transition-delay:.2333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(8){-webkit-transition-delay:.2666666667s;transition-delay:.2666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(9){-webkit-transition-delay:.3s;transition-delay:.3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(10){-webkit-transition-delay:.3333333333s;transition-delay:.3333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(11){-webkit-transition-delay:.3666666667s;transition-delay:.3666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(12){-webkit-transition-delay:.4s;transition-delay:.4s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(13){-webkit-transition-delay:.4333333333s;transition-delay:.4333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(14){-webkit-transition-delay:.4666666667s;transition-delay:.4666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(15){-webkit-transition-delay:.5s;transition-delay:.5s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(16){-webkit-transition-delay:.5333333333s;transition-delay:.5333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(17){-webkit-transition-delay:.5666666667s;transition-delay:.5666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(18){-webkit-transition-delay:.6s;transition-delay:.6s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(19){-webkit-transition-delay:.6333333333s;transition-delay:.6333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(20){-webkit-transition-delay:.6666666667s;transition-delay:.6666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(21){-webkit-transition-delay:.7s;transition-delay:.7s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(22){-webkit-transition-delay:.7333333333s;transition-delay:.7333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(23){-webkit-transition-delay:.7666666667s;transition-delay:.7666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(24){-webkit-transition-delay:.8s;transition-delay:.8s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(25){-webkit-transition-delay:.8333333333s;transition-delay:.8333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(26){-webkit-transition-delay:.8666666667s;transition-delay:.8666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(27){-webkit-transition-delay:.9s;transition-delay:.9s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(28){-webkit-transition-delay:.9333333333s;transition-delay:.9333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(29){-webkit-transition-delay:.9666666667s;transition-delay:.9666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(30){-webkit-transition-delay:1s;transition-delay:1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(31){-webkit-transition-delay:1.0333333333s;transition-delay:1.0333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(32){-webkit-transition-delay:1.0666666667s;transition-delay:1.0666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(33){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(34){-webkit-transition-delay:1.1333333333s;transition-delay:1.1333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(35){-webkit-transition-delay:1.1666666667s;transition-delay:1.1666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(36){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(37){-webkit-transition-delay:1.2333333333s;transition-delay:1.2333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(38){-webkit-transition-delay:1.2666666667s;transition-delay:1.2666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(39){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(40){-webkit-transition-delay:1.3333333333s;transition-delay:1.3333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(41){-webkit-transition-delay:1.3666666667s;transition-delay:1.3666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(42){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(43){-webkit-transition-delay:1.4333333333s;transition-delay:1.4333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(44){-webkit-transition-delay:1.4666666667s;transition-delay:1.4666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(45){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(46){-webkit-transition-delay:1.5333333333s;transition-delay:1.5333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(47){-webkit-transition-delay:1.5666666667s;transition-delay:1.5666666667s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(48){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text span:nth-child(49){-webkit-transition-delay:1.6333333333s;transition-delay:1.6333333333s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover{--y:-0;background-color:transparent}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a:hover span{--m:calc(80px * -1)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:60px;padding-left:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:48px;padding-left:0px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:50px;padding-left:0px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:40px;padding-left:0px}
#close_offcanvas img {width: 25px;}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a{font-size:20px;padding-left:45px}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{opacity:0;width:100%;height:96px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:300;border:none!important}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:76px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:64px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:57px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:46px;width:100%}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:36px;width:100%;padding:11px 12px 13px!important}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li .xs-menu li a{font-size:23px!important;padding: 11px 0 11px 100px!important}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover{background:var(--secondary);opacity:0}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child{border-top:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:24px;text-transform:capitalize;border-top:none!important;padding:15px 0 15px 150px;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a:hover{letter-spacing:1px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-left:60px;font-size:24px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:20px;padding:15px 0 15px 30px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{font-size:18px;padding:15px 0 15px 30px}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:25px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:23px}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child{border-bottom:1px solid var(--black-4)}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:180px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
}
@media only screen and (max-width: 767px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a{padding-left:30px}
}
.offcanvas__menu-wrapper.mean-container .mean-bar{padding:0;background:none}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal{display:none!important}
.header__area-2 .main-dropdown{background-color:var(--white)}
.header__area-2 .main-dropdown li a{color:var(--black-2)}
.header__area-2 .main-dropdown li a:hover{letter-spacing:1px}
.header__area-2 .main-dropdown li a .menu-text{text-shadow:0 16px 0 var(--black-2)}
.header__area-2 .main-dropdown .sub-dropdown{background-color:var(--white)}
.header__area-2 .mega-menu,.header__area-2 .mega-menu-2{background-color:var(--white)}
.header__area-2 .mega-menu li a,.header__area-2 .mega-menu-2 li a{color:var(--black-2)}
.header__area-2 .mega-menu li a:hover,.header__area-2 .mega-menu-2 li a:hover{letter-spacing:1px}
.header__area-2 .mega-menu li a:not([href]):not([class]),.header__area-2 .mega-menu-2 li a:not([href]):not([class]){color:var(--black-2)}
.header__area-2 .mega-menu li a .menu-text,.header__area-2 .mega-menu-2 li a .menu-text{text-shadow:0 16px 0 var(--black-2)}
.dark .menu-heading{color:var(--black-2)}
.modal__testimonial{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);z-index:9991;-webkit-transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform 0.25s,-webkit-transform .25s}
.modal__testimonial-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;width:760px;height:500px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__testimonial-content{width:700px;height:480px}
}
@media only screen and (max-width: 767px) {
.modal__testimonial-content{width:320px;height:300px}
}
.modal__testimonial-content iframe{width:100%;height:100%}
.modal__close{background:var(--secondary);color:#fff;width:30px;height:30px;border:none;border-radius:100%;font-size:18px;position:absolute;right:-15px;top:-15px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media only screen and (max-width: 767px) {
.modal__close{right:-5px;top:-5px}
}
.modal__close:hover{color:var(--primary)}
.modal__close-2{background-color:transparent;color:var(--black-3);width:30px;height:30px;border:none;font-size:24px;position:absolute;right:30px;top:30px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.modal__close-2{right:20px;top:15px}
}
.modal__close-2:hover{color:var(--black-2)}
.modal__application{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0.25s,opacity .25s 0s,transform 0.25s,-webkit-transform .25s;z-index:9991}
.modal__apply{padding:100px 50px;max-width:1130px;height:96vh;margin:0 auto;margin-top:2vh;overflow-y:auto;position:relative;background-color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply{max-width:960px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply{max-width:720px}
}
@media only screen and (max-width: 767px) {
.modal__apply{padding:50px 20px;margin-top:0;height:100vh}
}
.modal__apply .wc-btn-primary,.modal__apply .wc-btn-secondary,.modal__apply .wc-btn-pink,.modal__apply .wc-btn-light,.modal__apply .wc-btn-black{width:120px;height:120px}
.modal__apply .form-top{text-align:center;padding-bottom:50px}
.modal__apply .form-top img{margin-bottom:40px}
.modal__apply .form-top p{font-size:18px;color:var(--black-2);border:1px solid var(--black-3);border-radius:30px;display:inline-block;padding:5px 35px;margin-top:20px}
.modal__apply .input-apply{display:-ms-grid;display:grid;-ms-grid-columns:1fr 90px 2.2fr;grid-template-columns:1fr 2.2fr;grid-gap:90px;margin-bottom:20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.modal__apply .input-apply{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply .input-apply{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
.modal__apply .input-apply-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr 50px 4fr;grid-template-columns:1fr 4fr;grid-gap:50px;margin-bottom:20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply-2{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:10px;margin-bottom:30px}
}
.modal__apply .input-apply-2 p{font-weight:400;font-size:18px;line-height:1.5;color:var(--black)}
.modal__apply .input-apply-2 input{width:100%;border:1px solid var(--white-4);outline:none;padding:15px;-webkit-transition:all .3s;transition:all .3s}
.modal__apply .input-apply-2 input:focus{border:1px solid var(--black-3)}
.modal__apply .input-apply p{font-weight:400;font-size:18px;line-height:1.5;color:var(--black)}
.modal__apply .input-apply textarea{width:100%;height:125px;border:1px solid var(--white-4);outline:none;padding:15px;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal__apply .input-apply textarea{height:90px}
}
@media only screen and (max-width: 767px) {
.modal__apply .input-apply textarea{height:90px}
}
.modal__apply .input-apply textarea:focus{border:1px solid var(--black-3)}
.modal__apply .form-btn button{margin-left:auto;margin-top:30px;background-color:transparent;z-index:1}
.modal__apply .form-btn-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:20px;margin-top:20px}
.modal__apply .form-btn-2 button{background-color:transparent;z-index:1}
.modal-show{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:visibility 0 linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,transform .25s;transition:visibility 0 linear 0s,opacity .25s 0s,transform 0.25s,-webkit-transform .25s}

.switcher__area{position:relative;direction:ltr}
@media only screen and (max-width: 767px) {
.switcher__area{display:none}
}
.switcher__icon{position:fixed;width:50px;height:50px;background:#fff;right:0;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999;-webkit-transition:all .3s;transition:all .3s;mix-blend-mode:exclusion}
.switcher__icon button{font-size:24px;color:var(--black-2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%;-webkit-transition:all .3s;transition:all .3s}
.switcher__icon button:hover{color:var(--gray-2)}
.switcher__icon button#switcher_open{-webkit-animation:wcSpinner 5s infinite linear;animation:wcSpinner 5s infinite linear}
.switcher__items{width:280px;padding:50px 30px;background:var(--black-2);position:fixed;right:-280px;top:40%;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family: "Cormorant Garamond", serif;-webkit-transition:all .3s;transition:all .3s}
.switcher__items .wc-col-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr;grid-template-columns:1fr 1fr;grid-gap:10px}
.switcher__item{margin-bottom:30px}
.switcher__item:nth-child(2){margin-bottom:0}
.switcher__item:last-child{margin-bottom:0;display:none}
.switcher__title{font-weight:500;font-size:20px;line-height:1.5;color:#fff;text-transform:capitalize;padding-bottom:10px}
.switcher__btn button{display:inline-block;font-weight:500;font-size:14px;line-height:1.5;color:var(--gray-2);background:#2B2B2F;border-radius:4px;padding:10px 15px;text-transform:capitalize}
.switcher__btn button:hover,.switcher__btn button.active{color:var(--white)}
.switcher__btn select{font-weight:400;font-size:14px;line-height:1.5;color:var(--gray-2);width:100%;border:none;padding:9px 10px;border-radius:4px;background:#2B2B2F;text-transform:capitalize;outline:none;cursor:pointer}
#switcher_close{display:none}
.header__area{position:fixed;width:100px;height:100%;left:0;top:0;z-index:9991;border-right:1px solid rgba(240,240,240,0.07);mix-blend-mode:exclusion;-webkit-transition:all .5s;transition:all .5s}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.header__area{width:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.header__area{width:62px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
@media only screen and (max-width: 767px) {
.header__area{padding:0 15px;width:100%;height:auto}
}
.header__area button{display:block;margin-top:-58px;padding:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__area button{margin-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__area button{margin-top:0}
}
@media only screen and (max-width: 767px) {
.header__area button{margin-top:0}
}
.header__area-2{padding:3px 0;position:fixed;width:100%;top:0;z-index:99}
.header__area-3{position:absolute;width:100%;top:0;z-index:911}
.header__area-3.sticky-3{background-color:#fff;border-bottom:1px solid var(--white-2)}
.header__area-7{padding:3px 0;position:fixed;width:100%;top:0;z-index:99}
.header__inner{padding:50px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;position:relative;z-index:9}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner{padding:10px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner{padding:10px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (max-width: 767px) {
.header__inner{padding:5px 0;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
.header__inner-2,.header__inner-3{display:-ms-grid;display:inline-block;width:100%;-ms-grid-columns:150px auto 150px;grid-template-columns:150px auto 150px;padding:0 30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner-2,.header__inner-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner-2,.header__inner-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}
}
@media only screen and (max-width: 767px) {
.header__inner-2,.header__inner-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 15px}
}
.header__inner-3{padding:10px 30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner-3{padding:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner-3{padding:20px}
}
@media only screen and (max-width: 767px) {
.header__inner-3{padding:20px 15px}
}
.header__nav-2{text-align:right;display: inline-block;    float: right;padding-right:0%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__nav-2{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__nav-2{display:none}
}
@media only screen and (max-width: 767px) {
.header__nav-2{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__nav-icon{grid-column:-1}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__nav-icon{grid-column:-1}
}
@media only screen and (max-width: 767px) {
.header__nav-icon{grid-column:-1}
}
.header__nav-icon-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}
.header__nav-icon-2 .menu-icon-2::after{position:absolute;content:"";width:180px;height:180px;right:-60px;top:-60px;border:1px solid var(--black-4);border-radius:100%;-webkit-transition:all .3s;transition:all .3s}
.header__nav-icon-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}
.header__nav-icon-3 .search-icon{padding-top:3px;padding-right:50px;position:relative;font-size:18px}
.header__nav-icon-3 .search-icon::after{position:absolute;content:"";width:1px;height:20px;right:25px;top:5px;background-color:var(--white-2)}
.header__nav-icon-3 #search_close{display:none;padding-right:55px}
.header__nav-icon-3 img{margin-top:-5px}
.header__nav-icon-7{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}
.header__nav-icon-7 .menu-icon-2::after{position:absolute;content:"";width:180px;height:180px;right:-60px;top:-60px;border:1px solid var(--gray);border-radius:100%;-webkit-transition:all .3s;transition:all .3s}
.header__search{position:fixed;width:300px;right:60px;top:90px;padding:15px;background-color:var(--white-4);border-radius:3px;z-index:99991;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.header__search{right:10px;top:100px}
}
.header__search.open-search{opacity:1;visibility:visible;top:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__search.open-search{top:85px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__search.open-search{top:85px}
}
@media only screen and (max-width: 767px) {
.header__search.open-search{top:85px}
}
.header__search input{width:100%;padding:10px;border:1px solid var(--white-2);border-radius:5px;outline:none;font-size:16px;font-weight:400}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__support{-ms-grid-column:11;grid-column:11/11;-ms-grid-row:1;grid-row:1}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__support{-ms-grid-column:11;grid-column:11/11;-ms-grid-row:1;grid-row:1}
}
@media only screen and (max-width: 767px) {
.header__support{display:none}
}
.header__support p{width:215px;font-weight:300;font-size:15px;line-height:1.3;color:var(--gray-2);text-align:right;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@media only screen and (max-width: 767px) {
.header__support p{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
.header__support p a{display:inline-block;font-weight:500;font-size:20px;line-height:1.3;color:var(--white)}
.header__logo-2{display:-webkit-box;display:-ms-flexbox;display: inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sticky-2 .header__nav-icon-2 .menu-icon-2::after{width:100px;height:100px;right:-20px;top:-30px}
.sticky-2 .header__logo-5 img{-webkit-filter:invert(1);filter:invert(1)}
.sticky-2 .header__nav-icon-5{-webkit-filter:invert(1);filter:invert(1)}
.sticky-7 .header__nav-icon-7 .menu-icon-2::after{width:100px;height:100px;right:-20px;top:-30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo-primary{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-primary{display:none}
}
@media only screen and (max-width: 767px) {
.logo-primary{display:none}
}
.logo-secondary{display:none}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo-secondary{display:block}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-secondary{display:block}
}
@media only screen and (max-width: 767px) {
.logo-secondary{display:block}
}
.dark .menu-icon img{-webkit-filter:invert(1);filter:invert(1)}
.offcanvas__area{background-color:var(--black-2);position:fixed;width:100%;height:100vh;left:0;top:0;z-index:9999;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__body{display:-ms-grid;display:grid;-ms-grid-columns:0.9fr 3fr 1.3fr;grid-template-columns:0.9fr 3fr 1.3fr;height:100%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__body{-ms-grid-columns:1.2fr 3fr 1.5fr;grid-template-columns:1.2fr 3fr .5fr}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__body{-ms-grid-columns:1.2fr 3fr 1.5fr;grid-template-columns:1.2fr 3fr .5fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__body{-ms-grid-columns:1.2fr 3fr 1.8fr;grid-template-columns:1.2fr 3fr .8fr}
}
@media only screen and (max-width: 767px) {
.offcanvas__body{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.offcanvas__left{display:-ms-grid;display:grid;-ms-grid-rows:0.5fr 2.1fr 1fr;grid-template-rows:0.5fr 2.1fr 1fr;border-right:1px solid var(--black-4)}
@media only screen and (max-width: 767px) {
.offcanvas__left{display:none}
}
.offcanvas__mid{overflow:hidden;overflow-y:auto}
@media only screen and (max-width: 767px) {
.offcanvas__mid{margin-top:0px}
.offcanvas__area {overflow-y: scroll;}
}
.offcanvas__mid::-webkit-scrollbar{width:5px}
.offcanvas__mid::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px var(--black);box-shadow:inset 0 0 5px var(--black);border-radius:10px}
.offcanvas__mid::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}
.offcanvas__right{background-color:var(--black-4);padding:0 50px;position:relative}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__right{padding:0 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right{padding:0 15px}
}
@media only screen and (max-width: 767px) {
.offcanvas__right{display:none}
}
.offcanvas__right .shape-1{position:absolute;bottom:0;left:125px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.offcanvas__right .shape-1{left:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__right .shape-1{left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__right .shape-1{left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right .shape-1{left:0}
}
.offcanvas__right .shape-2{position:absolute;bottom:90px;right:110px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__right .shape-2{right:30px}
}
.offcanvas__logo{padding:55px 0 55px 50px;border-bottom:1px solid var(--black-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__logo{padding:30px 0 30px 50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__logo{padding:30px 0 30px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__logo{padding:30px 0 30px 15px;    width: 90px;}
}
.offcanvas__social{padding-left:50px;padding-top:220px;border-bottom:1px solid var(--black-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__social{padding-left:50px;padding-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__social{padding-left:30px;padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social{padding-left:15px;padding-top:50px}
}
.offcanvas__social .social-title{font-weight:500;font-size:24px;line-height:1.5;color:#fff;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social .social-title{font-size:20px}
}
.offcanvas__social ul li{padding-bottom:2px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social ul li{padding-bottom:5px}
}
.offcanvas__social ul li a{font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
.offcanvas__social ul li a:hover{color:var(--gray-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__social ul li a{font-size:16px}
}
.offcanvas__links{padding-left:50px;padding-top:110px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__links{padding-left:30px;padding-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__links{padding-left:30px;padding-top:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__links{padding-left:15px;padding-top:40px}
}
.offcanvas__links ul li{padding-bottom:2px}
.offcanvas__links ul li a{font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
.offcanvas__links ul li a:hover{color:var(--gray-2)}
.offcanvas__close{position:absolute;right:40px;top:30px}
@media only screen and (max-width: 767px) {
.offcanvas__close{right:15px;top:15px}
}
.offcanvas__close button{box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    font-size:30px;width:60px;height:60px;color:#484848;background:#fff;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}
.offcanvas__close button:hover{color:var(--gray-2)}
@media only screen and (max-width: 767px) {
.offcanvas__close button{font-size:24px;width:48px;height:48px}
}
.offcanvas__search{padding-top:190px;padding-bottom:140px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__search{padding-top:140px;padding-bottom:60px}
}
.offcanvas__search form{position:relative}
.offcanvas__search input{color:#585858;font-size:14px;font-weight:400;width:100%;padding:20px 45px 20px 20px;border-radius:30px;border:1px solid #3C3C3C;background-color:transparent;outline:none}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__search input{padding:15px 40px 15px 15px}
}
.offcanvas__search input::-webkit-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::-moz-placeholder{opacity:1;color:#585858}
.offcanvas__search input:-ms-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::-ms-input-placeholder{opacity:1;color:#585858}
.offcanvas__search input::placeholder{opacity:1;color:#585858}
.offcanvas__search button{color:#fff;position:absolute;right:0;top:0;width:60px;height:100%;border-radius:0 100% 100% 0}
.offcanvas__contact h3{font-weight:500;font-size:24px;line-height:1.5;color:#fff;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__contact h3{font-size:20px}
}
.offcanvas__contact li{font-weight:400;font-size:18px;line-height:1.5;color:#fff;padding-bottom:7px;max-width:260px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas__contact li{font-size:16px}
}
.offcanvas__contact li a{color:var(--white)}
.offcanvas__contact li a:hover{color:var(--gray-2)}
.hero__area{background-color:var(--black);position:relative;overflow:hidden}
.hero__area::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.8)}
.hero__area .hero1_bg{position:absolute;bottom:0;z-index:0;left:0;width:100%;height:auto;-webkit-animation:wcRotate 18s infinite linear;animation:wcRotate 18s infinite linear}
.hero__area-2{background-repeat:no-repeat;background-size:cover;background-color:var(--black-2);overflow:hidden;position:relative}
.hero__area-2 .hero2-shape{position:absolute;left:30%;top:41%;max-width:41%;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-2 .hero2-shape{top:37%;left:33%;max-width:36%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-2 .hero2-shape{top:32%;left:31%;max-width:40%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-2 .hero2-shape{left:30%;top:34%;max-width:40%}
}
@media only screen and (max-width: 767px) {
.hero__area-2 .hero2-shape{left:5%;top:30%;max-width:90%}
}
.hero__area-2 .hero2-shape img{max-width:100%}
.hero__area-2 .sec-title-3{color:#fff;padding-right:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-2 .sec-title-3{padding-top:7px}
}
@media only screen and (max-width: 767px) {
.hero__area-2 .sec-title-3{padding-bottom:40px;padding-right:75px}
}
.hero__area-2 .sec-title-3:last-child{text-align:right;padding-top:110px;padding-right:0;margin-top:30px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-2 .sec-title-3:last-child{padding-top:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-2 .sec-title-3:last-child{padding-top:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-2 .sec-title-3:last-child{padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-2 .sec-title-3:last-child{padding-top:40px}
}
@media only screen and (max-width: 767px) {
.hero__area-2 .sec-title-3:last-child{padding-top:0}
}
.hero__area-2 .sec-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.hero__area-2 .sec-title-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.hero__area-2 .sec-title-wrapper .bg-shape{background-repeat:no-repeat;background-position:right top}
.hero__area-3{padding-top:190px;padding-bottom:125px;position:relative;overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3{padding-top:160px;padding-bottom:110px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3{padding-top:140px;padding-bottom:110px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3{padding-top:140px}
}
@media only screen and (max-width: 767px) {
.hero__area-3{padding-top:130px;padding-bottom:0}
}
.hero__area-3::before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-repeat:no-repeat;background-position:left;z-index:-1}
.hero__area-3 .hero3-img{position:absolute;bottom:60px;right:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3 .hero3-img{max-width:1000px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3 .hero3-img{max-width:1000px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .hero3-img{max-width:800px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .hero3-img{max-width:760px}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .hero3-img{position:unset}
}
.hero__area-3 .hero3-img-anim{overflow:hidden;position:relative;width:350px;height:100%}
.hero__area-3 .hero3-img-anim img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:150%;margin-left:auto;margin-right:auto}
.hero__area-3 .sec-title-wrapper{display:inline-block;position:unset}
.hero__area-3 .sec-sub-title{font-size:24px;font-weight:600;color:var(--black-2);position:relative;display:inline-block;padding-right:30px;padding-bottom:0;text-transform:uppercase;z-index:2}
@media only screen and (max-width: 767px) {
.hero__area-3 .sec-sub-title{padding-bottom:15px}
}
.hero__area-3 .sec-sub-title::after{position:absolute;content:"";width:90px;height:1px;left:100%;top:12px;background-color:var(--black-2)}
.hero__area-3 .sec-title{z-index:2;font-weight:500;font-size:150px;line-height:.99;text-transform:uppercase;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-3 .sec-title{font-size:110px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-3 .sec-title{font-size:260px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .sec-title{font-size:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .sec-title{font-size:130px}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .sec-title{font-size:90px}
}
.hero__area-3 .title-right{position:absolute;right:0}
.hero__area-3 .wrapper{--clip-path:circle(65px at left);--clip-path-hover:circle(70px at left);--clip-path-clicked:circle(100vw at left);--duration:.4s;--timing-function:ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .wrapper{display:none}
}
@media only screen and (max-width: 767px) {
.hero__area-3 .wrapper{display:none}
}
.hero__area-3 .video-info{width:300px;position:relative;left:500px;top:-115px;height:200px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-3 .video-info{left:200px;top:-50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-3 .video-info{left:280px;top:-235px}
}
.hero__area-3 .video{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path);-webkit-transition:-webkit-clip-path var(--duration) var(--timing-function);transition:-webkit-clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function),-webkit-clip-path var(--duration) var(--timing-function);position:relative;top:55px;left:100px}
.hero__area-3 .video::before{position:absolute;top:-20px;left:-20px;width:40px;height:40px;background:url(../imgs/icon/play-icon.png);content:"";z-index:999999999999;background-size:100%}
.hero__area-3 .video video{position:fixed;top:0;left:0;min-width:100%;min-height:auto;width:auto;height:auto}
.hero__area-3 .intro-title{position:relative;left:175px;top:70px}
.hero__area-3 .intro-title .video-title{font-size:16px;text-transform:uppercase;line-height:1.3}
.hero__area-3 .intro-title .video-title span{display:block;font-size:18px}
.hero__area-3 .intro-title .video-title.close-video-title{display:none}
.hero__area-3 #video_check{width:200px;height:200px;margin:auto;position:absolute;left:0;top:0;right:0;border-radius:40px;outline:none;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;z-index:9999999}
.hero__area-3 #video_check:focus{outline:0}
.hero__area-3 #video_check:hover ~ .video{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}
.hero__area-3 #video_check:hover ~ .text::before{--r:25px;--opacity:1}
.hero__area-3 #video_check:hover ~ .text::after{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}
.hero__area-3 #video_check:hover ~ .text > span::after{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}
.hero__area-3 #video_check:checked{width:100%;height:100%;border-radius:0;top:0;left:0;bottom:0}
.hero__area-3 #video_check:checked ~ .video{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}
.hero__area-3 #video_check:checked ~ .text{--opacity:0;-webkit-transition:opacity .3s var(--timing-function);transition:opacity .3s var(--timing-function)}
.hero__area-3 #video_check:checked ~ .text::after{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}
.hero__area-3 #video_check:checked ~ .text > span::after{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}
.hero__area-3.start-video .hero3-img{opacity:0}
.hero__area-3.start-video .sec-title,.hero__area-3.start-video .sec-sub-title,.hero__area-3.start-video .hero__text-3 p,.hero__area-3.start-video .intro-title .video-title{color:var(--white-4)}
.hero__area-3.start-video .sec-sub-title::after{background-color:var(--white)}
.hero__area-4{padding-top:110px;height:100%}
@media only screen and (min-width: 1920px) {
.hero__area-4{height:100vh}
}
@media only screen and (max-width: 767px) {
.hero__area-4{padding-top:60px}
}
.hero__area-10{height:100vh;padding:90px 30px 0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-10{padding:120px 30px 0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-10{padding:100px 30px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-10{padding:100px 20px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-10{padding:100px 20px 0}
}
@media only screen and (max-width: 767px) {
.hero__area-10{padding:100px 15px 0}
}
.hero__content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;height:100vh;position:absolute;pointer-events:none;left:0;top:0;z-index:1}
.hero__content-wrapper .text{mix-blend-mode:difference;opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
.hero__plane{width:100%;height:100vh}
.hero__plane img{display:none}
.hero__inner-2{padding:220px 100px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__inner-2{padding:140px 100px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__inner-2{padding:120px 50px 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__inner-2{padding:160px 30px 60px}
}
@media only screen and (max-width: 767px) {
.hero__inner-2{padding:120px 15px 60px}
}
.hero__inner-3{position:relative}
.hero__inner-3 .scroll-down{margin-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__inner-3 .scroll-down{margin-top:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__inner-3 .scroll-down{margin-top:0}
}
@media only screen and (max-width: 767px) {
.hero__inner-3 .scroll-down{display:none}
}
.hero__inner-3 .scroll-down button{border:1px solid var(--gray-3);padding:25px 10px;border-radius:30px;-webkit-animation:wcSlideBottom 7s infinite linear;animation:wcSlideBottom 7s infinite linear}
.hero__inner-3 .scroll-down {border:1px solid var(--gray-3);padding:25px 10px;border-radius:30px;-webkit-animation:wcSlideBottom 7s infinite linear;animation:wcSlideBottom 7s infinite linear}
.gourmet .scroll-down {position:absolute;bottom:-70px;left:30px;    margin: 0;}
.gourmet .hero__text-3 p{padding-bottom:20px;}
.gourmet .scroll-down img{    width: 40px;}
.gourmet .hero__text-3 {position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__inner-3 .scroll-down button{border-color:var(--white)}
.hero__inner-3 .scroll-down button img{-webkit-filter:invert(1);filter:invert(1)}
}
.hero__text-2{background-image:url(../imgs/icon/7.png);background-repeat:no-repeat;background-position:64% 58%;padding-left:32%;-webkit-transform:translateY(-30%);transform:translateY(-30%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__text-2{padding-left:30%;-webkit-transform:translateY(-30%);transform:translateY(-30%)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__text-2{padding-left:20%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__text-2{padding-left:15%;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__text-2{padding-left:5%;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@media only screen and (max-width: 767px) {
.hero__text-2{padding-left:0;-webkit-transform:translateY(0);transform:translateY(0)}
}
.hero__text-2 p{max-width:330px;font-weight:400;font-size:18px;line-height:1.4;color:#fff;padding-bottom:5px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__text-2 p{max-width:380px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__text-2 p{padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__text-2 p{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.hero__text-2 p{padding-bottom:40px}
}
.hero__text-3{max-width:320px;padding-top:90px;position:relative;z-index:9}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__text-3{-webkit-transform:translateY(-30%);transform:translateY(-30%)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__text-3{padding-top:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__text-3{padding-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__text-3{padding-bottom:80px;padding-top:20px}
}
@media only screen and (max-width: 767px) {
.hero__text-3{padding-bottom:30px}
}
.hero__text-3 p{font-size:17px;line-height:1.5}
.hero__content{padding-top:200px;padding-bottom:80px;position:relative;z-index:1}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__content{padding-top:80px;padding-bottom:50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__content{padding-top:80px;padding-bottom:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__content{padding-top:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content{padding-top:125px}
}
@media only screen and (max-width: 767px) {
.hero__content{padding-top:150px}
}
.hero__content a{display:inline-block;max-width:300px;font-weight:400;font-size:20px;line-height:1.5;color:#fff;padding-bottom:15px;border-bottom:1px solid #fff;position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
.hero__content a:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__content a:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__content a span{position:absolute;top:0;right:0}
.hero__content a span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.hero__content a span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__content img{max-width:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content img{max-width:120px}
}
@media only screen and (max-width: 767px) {
.hero__content img{max-width:60px}
}
.hero__content .experience{position:absolute;right:30px;bottom:70px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content .experience{bottom:60px}
}
@media only screen and (max-width: 767px) {
.hero__content .experience{position:unset}
}
.hero__content .experience .title{font-weight:400;font-size:50px;line-height:1.3;color:var(--white)}
.hero__content .experience p{font-weight:400;font-size:18px;line-height:1.4;color:var(--white)}
.hero__title{font-weight:500;font-size:150px;line-height:1;color:#fff;margin-top:55px;position:relative}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title{font-size:100px;line-height:.9}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title{font-size:100px;line-height:.9}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title{font-size:80px}
}
@media only screen and (max-width: 767px) {
.hero__title{font-size:48px}
}
.hero__title::after{position:absolute;content:"Pro";width:70px;height:45px;right:-80px;top:70px;border:2px solid #fff;border-radius:15px;font-weight:600;font-size:24px;line-height:1.3;color:#fff;text-align:center;padding-top:4px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title::after{right:-30px;top:35px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title::after{right:60px;top:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title::after{right:95px;top:30px}
}
@media only screen and (max-width: 767px) {
.hero__title::after{right:0;top:-40px}
}
.hero__title-wrapper{max-width:990px;position:relative;margin-bottom:105px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title-wrapper{max-width:700px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title-wrapper{max-width:800px;margin-bottom:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title-wrapper{margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.hero__title-wrapper{margin-bottom:0}
}
.hero__sub-title{font-weight:400;font-size:18px;line-height:1.4;color:var(--gray-3);max-width:410px;position:absolute;right:60px;bottom:15px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__sub-title{bottom:-10px;right:-30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__sub-title{bottom:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__sub-title{font-size:16px;bottom:-10px;right:30px}
}
@media only screen and (max-width: 767px) {
.hero__sub-title{position:unset;padding-top:15px}
}
.hero__sub-title span{color:var(--white)}
.hero__about{background-repeat:no-repeat;background-position:top right;overflow:hidden}
.hero__about-content{padding-top:170px}
@media only screen and (max-width: 767px) {
.hero__about-content{padding-top:250px}
}
.hero__about-content .hero-title{padding-bottom:60px}
@media only screen and (max-width: 767px) {
.hero__about-content .hero-title{padding-bottom:30px}
}
.hero__about-info{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 2.5fr 30px 2.5fr;grid-template-columns:1fr 2.5fr 2.5fr;padding-bottom:80px;grid-gap:30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-info{-ms-grid-columns:1fr 30px 2.5fr 30px 2fr;grid-template-columns:1fr 2.5fr 2fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-info{-ms-grid-columns:1fr 20px 2.5fr 20px 1fr;grid-template-columns:1fr 2.5fr 1fr;grid-gap:20px;padding-bottom:70px}
}
@media only screen and (max-width: 767px) {
.hero__about-info{padding-bottom:60px}
}
.hero__about-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width: 767px) {
.hero__about-text{grid-column:1/-1;-ms-grid-row:1;grid-row:1;margin-bottom:20px}
}
.hero__about-text p{font-size:18px;line-height:1.4;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-text p{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-text p{padding-left:0}
}
@media only screen and (max-width: 767px) {
.hero__about-text p{padding-left:0}
}
.hero__about-award{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.hero__about-award::before{position:absolute;content:"";left:75px;top:50%;width:250px;height:1px;background-color:var(--white-4)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__about-award::before{left:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-award::before{width:150px;left:0}
}
@media only screen and (max-width: 767px) {
.hero__about-award{position:absolute;top:150px}
}
.hero__about-video{margin-bottom:-10px;height:800px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__about-video{height:700px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__about-video{height:650px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-video{height:600px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-video{height:470px}
}
@media only screen and (max-width: 767px) {
.hero__about-video{height:auto}
}
.hero__about-video iframe,.hero__about-video video{width:100%;height:auto}
.hero__about-row{position:inherit;margin-right:-310px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__about-row{margin-right:-50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__about-row{margin-right:-150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__about-row{margin-right:-150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__about-row{margin-right:-120px}
}
@media only screen and (max-width: 767px) {
.hero__about-row{margin-right:calc(-0.5 * var(--bs-gutter-x))}
}
.hero__link{display:inline-block;max-width:300px;font-weight:400;font-size:20px;line-height:1.5;color:#fff;padding-bottom:15px;border-bottom:1px solid #fff;position:absolute;top:190px;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
.hero__link:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__link:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.hero__link span{position:absolute;top:0;right:0}
.hero__link span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.hero__link span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
#hero_texture{position:relative}
#hero_canvas{position:absolute;top:0;right:0;bottom:0;left:0}
.hero__content-8{padding-top:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__content-8{padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-8{padding-top:50px}
}
@media only screen and (max-width: 767px) {
.hero__content-8{padding-top:80px;text-align:center}
}
.hero__content-8 .discription{padding-top:40px;font-size:17px;line-height:1.5;max-width:330px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-8 .discription{padding-top:20px}
}
@media only screen and (max-width: 767px) {
.hero__content-8 .discription{padding-top:30px;padding-bottom:30px;max-width:100%}
}
.hero__content-8 .scroll-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:300px auto;grid-template-columns:300px auto}
@media only screen and (max-width: 767px) {
.hero__content-8 .scroll-wrapper{display:block}
}
.hero__content-8 .scroll-down{position:relative;padding-left:100px;margin-top:30px}
@media only screen and (max-width: 767px) {
.hero__content-8 .scroll-down{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-8 .scroll-down{padding-left:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__content-8 .scroll-down{padding-left:120px}
}
.hero__content-8 .scroll-down span{position:absolute;left:105px;top:-45px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:14px;text-transform:uppercase}
.hero__content-8 .scroll-down img{-webkit-animation:wcSlideBottom 3s infinite;animation:wcSlideBottom 3s infinite}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__content-8 .scroll-down img{max-height:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-8 .scroll-down img{max-height:100px}
}
.portfolio__big{text-align:center;padding-bottom:395px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__big{padding-bottom:200px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__big{padding-bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__big{padding-bottom:120px}
}
@media only screen and (max-width: 767px) {
.portfolio__big{padding-bottom:60px}
}
.portfolio__big img{margin-top:-90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__big img{margin-top:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__big img{margin-top:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__big img{margin-top:0}
}
.portfolio__big-inner{background-position:center center;background-size:cover;height:calc(90vh - 80px);width:600px;overflow:hidden;margin:0 auto;margin-top:-100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__big-inner{margin-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__big-inner{margin-top:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__big-inner{margin-top:10px}
}
.portfolio__big-inner img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.bodypadding{padding:110px 100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bodypadding{padding:70px 20px}
}
@media only screen and (max-width: 767px) {
.bodypadding{padding:30px 15px}
}
.bodypadding-2{padding:120px 50px}
@media only screen and (max-width: 767px) {
.bodypadding-2{padding:30px 15px}
}
.dark .hero__content-8 .scroll-down img{-webkit-filter:invert(1);filter:invert(1)}
.dark .hero__content-8 .scroll-down span{color:var(--white)}
.roll__area{background-color:var(--primary);padding:31px 10px}
.roll__area-2{padding:31px 10px;background-color:var(--black-2)}
.roll__area-2 .roll__slide h2{color:var(--white)}
.roll__area-3{padding:31px 10px;background-color:var(--pink-2)}
.roll__area-3 .roll__slide h2{color:var(--black-2)}
.roll__wrapper{-webkit-transition-timing-function:linear;transition-timing-function:linear}
.roll__slide{text-align:center}
.roll__slide h2{font-weight:400;font-size:26px;line-height:1.1;text-transform:uppercase;color:var(--black)}
.contact_wrap{position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_wrap{margin-top:60px}
}
.contact_wrap:hover .link{opacity:1;visibility:visible}
.contact_wrap .link{position:absolute;left:50%;top:50%;font-size:18px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:160px;height:160px;background:var(--black-2);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-transform:capitalize;opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s}
@media (max-width: 1365px) {
.contact_wrap .link{width:130px;height:130px;opacity:1;visibility:visible}
}
.rollslide_wrap{text-align:center;overflow:hidden;margin-bottom:-10px}
.rollslide_title{color:var(--black-2);font-size:250px;line-height:1;-webkit-transition:all .3s;transition:all .3s;text-transform:uppercase}
.rollslide_title-1{color:var(--black-2);font-size:245px;line-height:.75;text-transform:uppercase}
.rollslide_title-1 span{font-family:"newYork"}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.rollslide_title-1{font-size:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rollslide_title-1{font-size:120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.rollslide_title-1{font-size:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rollslide_title-1{font-size:90px}
}
@media only screen and (max-width: 767px) {
.rollslide_title-1{font-size:48px}
}
.rollslide_title:hover{color:var(--black-3)}
.rollslide_title span{font-weight:400;font-family:"newYork"}
@media only screen and (max-width: 767px) {
.rollslide_title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rollslide_title{font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rollslide_title{font-size:120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.rollslide_title{font-size:180px}
}
@media only screen and (max-width: 767px) {
footer .contact_wrap{margin-top:40px}
}
.dark .rollslide_title-1{color:var(--white)}
.dark .contact_wrap:hover .link{color:var(--black-2);background-color:var(--white)}
@media (max-width: 1365px) {
.dark .contact_wrap .link{color:var(--black-2);background-color:var(--white)}
}
.about__area{overflow:hidden;background-color:var(--white)}
.about__area .sec-title{max-width:770px;position:relative;z-index:9}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area .sec-title{max-width:660px}
}
.about__area-2{overflow:hidden;background-color:var(--black-2);background-repeat:no-repeat;background-position:0 31%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.about__area-2{background-position:0 40%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about__area-2{background-position:0 37%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-2{background-position:0 39%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-2{background-position:-15% 47%}
}
@media only screen and (max-width: 767px) {
.about__area-2{background-size:0}
}
.about__area-2 .sec-title{color:var(--white)}
.about__area-2 .sec-title-wrapper{max-width:770px;padding-bottom:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-2 .sec-title-wrapper{max-width:600px}
}
@media only screen and (max-width: 767px) {
.about__area-2 .sec-title-wrapper{padding-bottom:50px}
}
.about__area-2 .sec-text{max-width:440px}
@media only screen and (max-width: 767px) {
.about__area-2 .sec-text{padding-bottom:40px}
}
.about__area-2 .sec-text p{font-size:18px;line-height:1.4;color:var(--gray-2)}
.about__area-2 .sec-text-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;gap:215px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-2 .sec-text-wrapper{gap:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-2 .sec-text-wrapper{gap:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
@media only screen and (max-width: 767px) {
.about__area-2 .sec-text-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:50px}
}
.about__area-2 #btn_wrapper,.about__area-2 .btn_wrapper{margin-left:0;margin-right:-40px;margin-top:-50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-2 #btn_wrapper,.about__area-2 .btn_wrapper{margin-left:auto;margin-right:0;margin-top:-20px}
}
.about__area-3{background-repeat:no-repeat;background-position:100% 30%;background-color:var(--black-2);position:relative}
.about__area-3::after{position:absolute;content:"";width:1px;height:100%;left:60%;bottom:0;background-color:var(--black-5)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-3::after{left:55%}
}
@media only screen and (max-width: 767px) {
.about__area-3::after{width:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-3 .pt-140{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-3 .pt-140{padding-top:90px}
}
.about__area-3 .sec-title{color:#fff;text-transform:uppercase;padding-bottom:40px;background-color:var(--black-2)}
.about__area-3 .sec-sub-title{color:#fff;text-transform:uppercase;padding-top:45px;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-3 .sec-sub-title{padding-top:0}
}
.about__area-3 .sec-text p{max-width:410px;font-size:18px;line-height:1.4;color:var(--gray-2);padding-bottom:22px}
@media only screen and (max-width: 767px) {
.about__area-3 .sec-text p{padding-bottom:50px}
}
.about__area-3 .sec-text-wrapper{padding-left:210px;padding-top:45px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.about__area-3 .sec-text-wrapper{padding-left:160px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about__area-3 .sec-text-wrapper{padding-left:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-3 .sec-text-wrapper{padding-left:65px;padding-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-3 .sec-text-wrapper{padding-left:0;padding-top:0}
}
@media only screen and (max-width: 767px) {
.about__area-3 .sec-text-wrapper{padding-left:0;padding-top:15px}
}
.about__area-8 .about-sub-right{color:var(--black-7);padding-bottom:10px}
.about__title-wrapper{padding-left:190px;padding-bottom:60px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__title-wrapper{padding-left:0}
}
@media only screen and (max-width: 767px) {
.about__title-wrapper{padding-left:0}
}
.about__content{padding-top:65px;position:relative;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__content{padding-top:5px}
}
@media only screen and (max-width: 767px) {
.about__content{padding-top:50px}
}
.about__content p{max-width:440px;font-weight:400;font-size:18px;line-height:1.4;color:var(--black-3);margin-bottom:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__content p{max-width:90%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__content p{margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.about__content p{margin-bottom:30px}
}
.about__content-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1.8fr;grid-template-columns:1fr 1.8fr;grid-gap:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__content-wrapper{grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__content-wrapper{-ms-grid-columns:1fr 30px 1.5fr;grid-template-columns:1fr 1.5fr;grid-gap:30px}
}
@media only screen and (max-width: 767px) {
.about__content-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:0}
}
.about__img img{width:100%;overflow:hidden}
.about__img-right{position:absolute;right:0;top:280px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__img-right{position:relative;top:30px;right:unset}
}
@media only screen and (max-width: 767px) {
.about__img-right{position:relative;top:30px;right:unset}
}
.about__img-right img{width:auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__img-right img{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__img-right img{display:none}
}
.about__img-2{max-width:1720px;margin:0 auto;overflow:hidden;max-height:800px;margin-bottom:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__img-2{margin-bottom:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__img-2{margin-bottom:22px}
}
@media only screen and (max-width: 767px) {
.about__img-2{margin-bottom:0}
}
.about__img-2 img{width:100%}
.about__img-3{overflow:hidden;position:relative;width:calc(100% - 85px);height:770px}
.about__img-3 img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:110%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about__img-3{overflow:hidden;position:relative;width:calc(100% - 40px);height:660px}
.about__img-3 img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__img-3{width:100%;height:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__img-3{width:100%;height:unset}
}
@media only screen and (max-width: 767px) {
.about__img-3{width:100%;height:unset}
}
.about__img-3 img{width:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__img-3 img{position:unset;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__img-3 img{position:unset;height:auto}
}
@media only screen and (max-width: 767px) {
.about__img-3 img{position:unset;height:auto}
}
.portfolio__item{-webkit-transform:perspective(4000px) rotateX(90deg);transform:perspective(4000px) rotateX(90deg)}
.section_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:capitalize;position:relative;margin-top:-25px;margin-bottom:60px}
@media only screen and (max-width: 767px) {
.section_wrapper{margin-bottom:30px}
}
.section_wrapper::before{content:"";position:absolute;bottom:48%;left:60px;height:1px;width:calc(100% - 60px);background-color:var(--gray-11)}
@media only screen and (max-width: 767px) {
.section_wrapper::before{left:48px;width:calc(100% - 48px)}
}
.react_border{position:relative;height:50px;width:50px;text-align:center;line-height:50px;display:inline-block;background-color:transparent;border:1px solid var(--gray-11);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
@media only screen and (max-width: 767px) {
.react_border{height:40px;width:40px;line-height:36px}
}
.react_border span{font-weight:400;font-size:16px;color:var(--black-2);display:inline-block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.about8__title{text-indent:105px;font-weight:500;font-size:80px;line-height:1;text-transform:uppercase;color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.about8__title{font-size:72px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about8__title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about8__title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about8__title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.about8__title{font-size:36px;text-indent:50px}
}
.about8__title a{color:var(--black-2);font-family:"newYork";position:relative}
.about8__title a::after{position:absolute;content:"";width:100%;height:2px;left:0;bottom:10px;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about8__title a::after{bottom:3px}
}
@media only screen and (max-width: 767px) {
.about8__title a::after{bottom:3px}
}
.about8__content{float:right}
.about8__content p{line-height:1.3;max-width:515px;text-indent:65px;font-size:24px;margin-bottom:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about8__content p{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about8__content p{font-size:18px;margin-bottom:30px}
}
@media only screen and (max-width: 767px) {
.about8__content p{font-size:18px;margin-bottom:30px;line-height:1.5}
}
.workitems{display:-ms-grid;display:grid;grid-gap:50px;-ms-grid-columns:1fr 50px 1fr;grid-template-columns:1fr 1fr;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.workitems{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workitems{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workitems{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.work8:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:100px}
@media only screen and (max-width: 767px) {
.work8:nth-child(2){margin-top:0}
}
.work8:nth-child(3){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.work8:nth-child(4){margin-left:50px;margin-bottom:100px}
@media only screen and (max-width: 767px) {
.work8:nth-child(4){margin:0}
}
.work8:nth-child(5){margin-top:100px}
@media only screen and (max-width: 767px) {
.work8:nth-child(5){margin:0}
}
.work8:nth-child(6){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.work8{margin-bottom:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.work8{margin-bottom:50px}
}
.work8 img{max-width:100%}
.work8__title{width:320px;margin-bottom:120px;padding-top:90px;margin-left:440px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.work8__title{margin-bottom:90px;padding-top:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.work8__title{margin-left:165px;margin-bottom:90px;padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.work8__title{margin-left:40px;margin-bottom:90px;padding-top:60px}
}
@media only screen and (max-width: 767px) {
.work8__title{margin-bottom:40px;margin-left:20px;padding-top:40px}
}
.work8__title p{font-size:18px;text-indent:65px;font-weight:400;color:var(--black-2)}
.work8__content{padding-top:30px}
@media only screen and (max-width: 767px) {
.work8__content{padding-top:20px}
}
.work8__content p{font-weight:500;font-size:14px;line-height:22px;text-transform:uppercase;color:var(--black-3)}
.work8__content__title{font-weight:500;font-size:24px;line-height:1;text-transform:uppercase;color:var(--black-2);padding-bottom:5px}
.work8__content__title span{font-family:"newYork"}
.work8__btn{text-align:center;margin-top:115px;margin-bottom:160px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.work8__btn{margin-top:60px;margin-bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.work8__btn{margin-top:60px;margin-bottom:120px}
}
@media only screen and (max-width: 767px) {
.work8__btn{margin-top:50px;margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.work__area-8{margin-bottom:50px}
}
.about__area-8{padding-bottom:170px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__area-8{padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__area-8{padding-bottom:90px}
}
@media only screen and (max-width: 767px) {
.about__area-8{padding-bottom:80px}
}
.dark .react_border span{color:var(--white)}
.dark .about8__title,.dark .about8__title a,.dark .work8__title p,.dark .work8__content__title,.dark .about__area-8 .about-sub-right{color:var(--white)}
.dark .work8__content p{color:var(--gray-2)}
.service__area{background-color:var(--black-2);overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area.pb-150{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area.pb-150{padding-bottom:90px}
}
.service__area a:first-child .service__item{border-top:1px solid var(--secondary)}
.service__area .sec-title,.service__area .sec-sub-title{color:var(--white)}
.service__area .sec-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.service__area-2{background-color:var(--pink)}
@media only screen and (max-width: 767px) {
.service__area-2{padding-bottom:70px}
.service__area-2 .sec-text{padding-bottom:30px}
}
.service__area-2 .sec-text p{font-size:18px;line-height:1.4;color:var(--black-2);max-width:410px}
.service__area-3{overflow:hidden}
.service__area-3 .sec-title{padding-bottom:40px;text-transform:uppercase;background-color:#fff}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-3 .sec-title{padding-bottom:0}
}
.service__area-3 .sec-title-wrapper{position:relative;padding-left:330px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-3 .sec-title-wrapper{padding-left:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-3 .sec-title-wrapper{padding-left:100px}
}
@media only screen and (max-width: 767px) {
.service__area-3 .sec-title-wrapper{padding-left:0}
}
.service__area-3 .sec-title-wrapper::after{position:absolute;content:"";left:40%;top:0;width:1px;height:100%;background-color:#efefef}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-3 .sec-title-wrapper::after{left:30%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-3 .sec-title-wrapper::after{left:20%}
}
@media only screen and (max-width: 767px) {
.service__area-3 .sec-title-wrapper::after{width:0}
}
.service__area-3 .sec-title-wrapper p{padding-top:50px;padding-bottom:60px;max-width:550px;font-size:17px;line-height:1.6;margin-left:220px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-3 .sec-title-wrapper p{margin-left:120px;padding-top:30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-3 .sec-title-wrapper p{margin-left:120px}
}
@media only screen and (max-width: 767px) {
.service__area-3 .sec-title-wrapper p{margin-left:0;padding-top:0;padding-bottom:0}
}
.service__area-3 .sec-sub-title{padding-top:50px;text-transform:uppercase;background-color:#fff}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-3 .sec-sub-title{padding-top:5px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-3 .sec-sub-title{padding-top:0}
}
@media only screen and (max-width: 767px) {
.service__area-3 .sec-sub-title{padding-top:0}
}
.service__area-6{padding-left:100px;background-color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-6{padding-left:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-6{padding-top:100px;padding-left:88px;padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-6{padding-top:90px;padding-left:0}
}
@media only screen and (max-width: 767px) {
.service__area-6{padding-bottom:0;padding-left:0}
}
.service__area-6 .inherit-row{margin-left:-180px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-6 .inherit-row{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-6 .inherit-row{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-6 .inherit-row{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-6 .inherit-row{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
@media only screen and (max-width: 767px) {
.service__area-6 .inherit-row{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
.service__area-6 .content-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (max-width: 767px) {
.service__area-6 .content-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.service__area-6 .left-content{width:20%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-6 .left-content{width:35%;padding-left:50px;display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-6 .left-content{width:30%;display:none}
}
@media only screen and (max-width: 767px) {
.service__area-6 .left-content{display:none}
}
.service__area-6 .right-content{width:40%;padding-left:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-6 .right-content{padding-left:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-6 .right-content{padding-left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-6 .right-content{width:100%;padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-6 .right-content{width:100%;padding-left:20px}
}
@media only screen and (max-width: 767px) {
.service__area-6 .right-content{width:100%;padding-left:0}
}
.service__area-6 .mid-content{width:40%;height:100vh;position:relative}
.service__area-6 .mid-content .service__image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.service__area-6 .mid-content .service__image img{width:auto;height:100vh}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-6 .mid-content{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-6 .mid-content{display:none}
}
.service__area-6 .mid-content #img1{opacity:1;visibility:visible}
@media screen and (max-width: 767px) {
.service__area-6 .mid-content{display:none}
.service__area-6 .right-content{padding-left:0}
}
.service__top-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.service__top-text p{max-width:505px;color:var(--gray-2);font-weight:300;font-size:20px;line-height:1.4}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__top-text p{font-size:18px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__top-text p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__top-text p{font-size:18px;margin:30px 0}
}
.service__top-text p span{color:var(--white)}
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-left:auto;margin-right:-40px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:0}
}
@media only screen and (max-width: 767px) {
.service__top-btn #btn_wrapper,.service__top-btn .btn_wrapper{margin-right:0;margin-left:0}
}
.service__list-wrapper{margin-top:40px}
.service__img{-webkit-transition:all .5s;transition:all .5s;opacity:0;position:absolute;-webkit-transform:rotate(0deg) translateX(-100px);transform:rotate(0deg) translateX(-100px)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__img{max-width:260px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img{max-width:200px}
}
.service__img.active{opacity:1;-webkit-transform:rotate(15deg) translateX(60px) translateY(30px);transform:rotate(15deg) translateX(60px) translateY(30px)}
.service__img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-wrapper{display:none}
}
.service__img-wrapper span{position:absolute;width:175px;height:70px;background-color:var(--primary);bottom:0;left:0;-webkit-transform:rotate(-26deg) translate(-100%,-100%);transform:rotate(-26deg) translate(-100%,-100%);-webkit-transition:all .3s;transition:all .3s;-webkit-transition-delay:.2s;transition-delay:.2s;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-wrapper span{bottom:260px;height:40px;width:120px}
}
.service__img-wrapper span.current{-webkit-transform:rotate(-26deg) translate(120px,-100%);transform:rotate(-26deg) translate(120px,-100%)}
.service__img-3{position:relative}
.service__img-3 img{top:-95px;position:absolute;-webkit-transform:translateY(-30%);transform:translateY(-30%);opacity:0;-webkit-transition:all .5s;transition:all .5s}
.service__img-6 img{max-width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__items-6{padding-top:0}
}
@media only screen and (max-width: 767px) {
.service__items-6{padding-top:60px}
}
.service__item{display:-ms-grid;display:grid;-ms-grid-columns:0.7fr 2fr 2.5fr 1fr;grid-template-columns:0.7fr 2fr 2.5fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:35px 0;border-bottom:1px solid var(--secondary);-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item{gap:30px}
}
@media only screen and (max-width: 767px) {
.service__item{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:25px 0 10px}
}
.service__item:hover .service__number span,.service__item:hover .service a{color:var(--white)}
.service__item:hover .service__title{color:var(--white)}
.service__item:hover .service__link p{color:var(--white)}
.service__item:hover .service__link p i{-webkit-transform:translate(60px,-60px) rotate(-45deg);transform:translate(60px,-60px) rotate(-45deg)}
.service__item:hover .service__link p::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.service__item-2{position:relative}
.service__item-2::before{position:absolute;content:"";width:1px;height:100%;left:-90px;top:0;background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-2::before{left:-40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-2::before{left:-20px}
}
.service__item-2:nth-child(3n+1)::before{position:unset}
.service__item-2 img{margin-bottom:40px}
@media only screen and (max-width: 767px) {
.service__item-2 img{margin-bottom:20px}
}
.service__item-2 p{color:var(--black-2);padding-bottom:25px}
.service__item-2 ul li{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2)}
.service__item-3{display:-ms-grid;display:grid;-ms-grid-columns:30% 45% 25%;grid-template-columns:30% 45% 25%;border-bottom:1px solid var(--white-2);padding:55px 0 50px;position:relative}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-3{-ms-grid-columns:30% 50% 20%;grid-template-columns:30% 50% 20%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-3{-ms-grid-columns:30% 50% 20%;grid-template-columns:30% 50% 20%;padding:30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-3{-ms-grid-columns:30% 2% 40% 2% 24%;grid-template-columns:30% 40% 24%;gap:2%;padding:50px 0}
}
@media only screen and (max-width: 767px) {
.service__item-3{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:40px 0}
}
.service__item-3:first-child{border-top:1px solid var(--white-2)}
.service__item-3:hover .service__hover-3{opacity:1}
.service__item-6{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.service__item-6 .image-tab{display:none}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-6{height:auto;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;display:-ms-grid;display:grid;-ms-grid-columns:2fr 30px 3fr;grid-template-columns:2fr 3fr;grid-column-gap:30px;margin-bottom:60px}
.service__item-6 .image-tab{display:block}
.service__item-6 .image-tab img{width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-6{height:auto;padding-bottom:80px}
}
@media only screen and (max-width: 767px) {
.service__item-6{height:auto;padding-bottom:50px}
}
.service__item-6 p{max-width:550px;font-size:18px;line-height:1.4;color:var(--gray-2);padding-bottom:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-6 p{padding-bottom:20px}
}
.service__item-6 ul{display:-ms-grid;display:grid;-ms-grid-columns:240px auto;grid-template-columns:240px auto;padding-bottom:80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-6 ul{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (max-width: 767px) {
.service__item-6 ul{-ms-grid-columns:1fr;grid-template-columns:1fr;padding-bottom:20px}
}
.service__item-6 ul li{display:inline-block;padding-bottom:10px;font-weight:400;font-size:18px;line-height:1.5;color:var(--white)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-6 ul li{font-size:16px;padding-bottom:5px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__item-6 ul{padding-bottom:30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-6 ul{padding-bottom:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-6 ul{padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-6 ul{padding-bottom:50px;-ms-grid-columns:240px auto;grid-template-columns:240px auto}
}
.service__hover-3{width:300px;height:400px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:75%;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:-200px 0 0 -150px;overflow:hidden;pointer-events:none}
@media (max-width: 1200px) {
.service__hover-3{width:0;display:none}
}
.service__number span{font-weight:400;font-size:28px;line-height:1.2;color:var(--gray-2);-webkit-transition:all .3s;transition:all .3s}
.service__title{display:block;font-weight:400;font-size:28px;line-height:1.3;color:var(--gray-2)}
.service__title:hover{color:var(--white)}
@media only screen and (max-width: 767px) {
.service__title{padding:10px 0 20px}
.service__title br{display:none}
}
.service__title-2,.service__title-3{font-weight:500;font-size:36px;line-height:1.3;color:var(--black-2);padding-bottom:25px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__title-2,.service__title-3{font-size:24px;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.service__title-2,.service__title-3{padding-bottom:15px}
}
.service__title-3{text-transform:uppercase}
.service__title-3:hover{color:var(--black-2)}
@media only screen and (max-width: 767px) {
.service__title-3{display:block;font-size:30px;padding-bottom:20px}
}
.service__title-6{font-weight:500;font-size:40px;line-height:1.1;color:#fff;padding-bottom:20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__title-6{font-size:32px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__title-6{font-size:32px;padding-top:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__title-6{font-size:30px}
}
@media only screen and (max-width: 767px) {
.service__title-6{font-size:30px}
}
.service__text{max-width:320px}
.service__text p{color:var(--gray-2)}
.service__link{text-align:right;overflow:hidden}
.service__link p{display:inline-block;font-size:48px;color:var(--gray-2)}
.service__link p i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.service__link p::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.service__btn-2 a{color:var(--black-2);border-color:var(--black-2)}
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin:0 auto;margin-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin-top:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin-top:80px}
}
@media only screen and (max-width: 767px) {
.service__btn-2#btn_wrapper,.service__btn-2.btn_wrapper{margin:0;margin-top:60px}
}
.service__btn-3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}
@media only screen and (max-width: 767px) {
.service__btn-3{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:30px}
}
.service__btn-3 #btn_wrapper,.service__btn-3 .btn_wrapper{width:200px;height:200px;margin-right:-15px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__btn-3 #btn_wrapper,.service__btn-3 .btn_wrapper{margin-left:auto;margin-right:0}
}
@media only screen and (max-width: 767px) {
.service__btn-3 #btn_wrapper,.service__btn-3 .btn_wrapper{margin-left:-15px}
}
.service__list .active .service__number span,.service__list .active .service__title,.service__list .active .service__link p{color:var(--white)}
.service__list-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr 120px 1fr 120px 1fr;grid-template-columns:repeat(3,1fr);grid-gap:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__list-2{gap:100px 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__list-2{gap:90px 30px}
}
@media only screen and (max-width: 767px) {
.service__list-2{-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:60px}
}
.service__list-3{padding-top:70px;position:relative}
@media only screen and (max-width: 767px) {
.service__list-3{padding-top:40px}
}
.service__list-6{padding-top:160px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__list-6{padding-top:80px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__list-6{padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__list-6{padding-top:60px;position:sticky;top:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__list-6{padding-top:60px;position:sticky;top:60px}
}
@media only screen and (max-width: 767px) {
.service__list-6{padding-top:60px}
}
.service__list-6 li{padding-bottom:40px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__list-6 li{padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__list-6 li{padding-bottom:20px}
}
.service__list-6 li.active a{color:var(--white)}
@media only screen and (max-width: 767px) {
.service__list-6 li{padding-bottom:20px}
}
.service__list-6 li a{font-weight:400;font-size:22px;line-height:1.5;color:var(--gray-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__list-6 li a{line-height:1.4}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__list-6 li a{font-size:20px}
}
@media only screen and (max-width: 767px) {
.service__list-6 li a{font-size:20px}
}
.service__content-3{max-width:340px;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__content-3{padding-left:30px}
}
.service__content-3 p{font-size:18px;line-height:1.4;color:var(--black-2)}
.service__content-3 ul{padding-top:20px;position:relative;z-index:1}
.service__content-3 ul li{font-size:18px;color:var(--black-2)}
.service3__img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}
.service3__img-wrap{width:20vw;position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;visibility:hidden;padding-bottom:25vw}
@media only screen and (max-width: 767px) {
.service3__img-wrap{display:none;position:unset}
}
.service__detail{overflow:hidden}
.service__detail .sec-title{max-width:630px;font-size:36px;line-height:1.3;padding-bottom:90px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__detail .sec-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.service__detail .sec-title{font-size:30px;padding-bottom:30px}
}
.service__detail-circle{position:relative;z-index:1}
@media only screen and (max-width: 767px) {
.service__detail-circle{display:none}
}
.service__detail-circle span{position:relative;display:block;width:136px;height:136px;background-color:var(--primary);border-radius:100%}
.service__detail-circle span::before{position:absolute;content:"";width:6px;height:6px;left:calc(50% - 3px);top:calc(50% - 3px);background-color:var(--black-2);border-radius:100%}
.service__detail-circle span::after{position:absolute;content:"";width:170px;height:2px;left:50%;top:calc(50% - 1px);background-color:var(--black-2);border-radius:100%}
.service__detail-img{padding-right:1px;position:relative;margin-bottom:60px;z-index:9}
@media only screen and (max-width: 767px) {
.service__detail-img{margin-top:30px}
}
.service__detail-img img{width:100%}
.service__detail-img img.sd-shape{width:auto;position:absolute;bottom:-15px;right:20px}
@media only screen and (max-width: 767px) {
.service__detail-img img.sd-shape{right:5px;bottom:-30px}
}
.service__detail-content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1fr;grid-template-columns:1fr 1fr;grid-gap:80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__detail-content{grid-gap:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__detail-content{grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__detail-content{grid-gap:30px}
}
@media only screen and (max-width: 767px) {
.service__detail-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
.service__detail-content p{font-size:17px;line-height:1.5}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-v2.pt-110{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-v2.pt-110{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.service-v2.pt-110{padding-top:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-v3.pt-130{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-v3.pt-130{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.service-v3.pt-130{padding-top:120px}
}
.service-v4.pb-150{padding-bottom:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-v4 .pt-130{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-v4 .pt-130{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.service-v4 .pt-130{padding-top:120px}
}
.service-v5 .portfolio__service-item,.service-v5.portfolio__service .sec-title,.service-v5.portfolio__service .sec-text,.service-v5.portfolio__service .sec-text p{opacity:1}
.service-v5 .portfolio__service-item{margin-bottom:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service-v5.pt-140{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service-v5.pt-140{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.service-v5.pt-140{padding-top:120px;padding-bottom:40px}
}
.service-v5.portfolio__service .sec-title{text-indent:0}
.service__list-6 li a.active{color:red;-webkit-transition:all .2s;transition:all .2s}
.service__area-6 .mid-content .service__image:nth-child(1){z-index:9}
.service__image:nth-child(2){z-index:8}
.service__image:nth-child(3){z-index:7}
.service__image:nth-child(4){z-index:6}
.service__image:nth-child(5){z-index:5}
.service__image:nth-child(6){z-index:4}
.service__image:nth-child(7){z-index:3}
.service__image:nth-child(8){z-index:2}
.service__image:nth-child(9){z-index:1}
.service__hero-2{padding-top:150px;padding-bottom:150px;background-position:top center;background-repeat:no-repeat;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-2{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-2{padding-bottom:90px}
}
@media only screen and (max-width: 767px) {
.service__hero-2{padding-bottom:60px}
}
.service__hero-2 .shape-1{position:absolute;width:132px;height:auto;right:165px;top:275px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__hero-2 .shape-1{right:100px;top:180px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-2 .shape-1{right:30px;top:200px;width:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-2 .shape-1{max-width:80px;right:10px;top:200px}
}
@media only screen and (max-width: 767px) {
.service__hero-2 .shape-1{width:75px;right:6px;top:130px}
}
.service__hero-inner-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}
@media only screen and (max-width: 767px) {
.service__hero-inner-2{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.service__hero-left-2{position:relative}
@media only screen and (max-width: 767px) {
.service__hero-left-2{-ms-grid-row:2;grid-row:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}
}
.service__hero-left-2 img{margin-bottom:15px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-left-2 img{max-width:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-left-2 img{max-width:150px}
}
@media only screen and (max-width: 767px) {
.service__hero-left-2 img{max-width:160px;margin:0}
}
.service__hero-left-2 .image-1,.service__hero-left-2 .image-3{-webkit-transform:translateX(-100px);transform:translateX(-100px)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__hero-left-2 .image-1,.service__hero-left-2 .image-3{-webkit-transform:translateX(-40px);transform:translateX(-40px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-left-2 .image-1,.service__hero-left-2 .image-3{-webkit-transform:translateX(-30px);transform:translateX(-30px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-left-2 .image-1,.service__hero-left-2 .image-3{-webkit-transform:translateX(-25px);transform:translateX(-25px)}
}
@media only screen and (max-width: 767px) {
.service__hero-left-2 .image-1,.service__hero-left-2 .image-3{-webkit-transform:translateX(0);transform:translateX(0)}
}
.service__hero-left-2 .image-2{-webkit-transform:translateX(62px);transform:translateX(62px)}
@media only screen and (max-width: 767px) {
.service__hero-left-2 .image-2{-webkit-transform:translateX(0);transform:translateX(0)}
}
.service__hero-left-2 .image-4{position:absolute;left:318px;bottom:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-left-2 .image-4{left:278px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-left-2 .image-4{left:225px;bottom:50px}
}
@media only screen and (max-width: 767px) {
.service__hero-left-2 .image-4{position:unset}
}
@media only screen and (max-width: 767px) {
.service__hero-right-2{-ms-grid-row:1;grid-row:1}
}
.service__hero-right-2 .title{font-weight:500;font-size:130px;line-height:1;color:var(--black);text-transform:capitalize;padding-bottom:40px;padding-top:80px;padding-left:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-right-2 .title{font-size:110px;padding-top:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-right-2 .title{font-size:90px;padding-bottom:30px;padding-top:30px;padding-left:0}
}
@media only screen and (max-width: 767px) {
.service__hero-right-2 .title{font-size:60px;padding-bottom:20px;padding-top:0;padding-left:0}
}
.service__hero-right-2 .title span{display:block;padding-left:170px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-right-2 .title span{padding-left:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-right-2 .title span{padding-left:90px}
}
@media only screen and (max-width: 767px) {
.service__hero-right-2 .title span{padding-left:60px}
}
.service__hero-right-2 p{font-size:18px;max-width:340px;margin-left:350px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-right-2 p{margin-left:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-right-2 p{margin-left:220px}
}
@media only screen and (max-width: 767px) {
.service__hero-right-2 p{font-size:16px;margin-left:65px}
}
.service__hero-right-2 .scroll{margin-left:350px;margin-top:95px;-webkit-animation:wcSlideBottom 5s infinite linear;animation:wcSlideBottom 5s infinite linear}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__hero-right-2 .scroll{margin-left:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__hero-right-2 .scroll{margin-left:220px;margin-top:60px}
}
@media only screen and (max-width: 767px) {
.service__hero-right-2 .scroll{margin-left:65px;margin-top:40px}
}
.counter__area{overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__area .pt-150{padding-top:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__area-3{background-color:var(--pink-4);padding:100px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__area-3{background-color:var(--pink-4);padding:90px 0}
}
@media only screen and (max-width: 767px) {
.counter__area-3{background-color:var(--pink-4);padding:60px 0}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.counter__area-3 .sec-title-wrapper{padding-top:120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__area-3 .sec-title-wrapper{padding-top:120px}
}
.counter__area-3 .sec-sub-title{font-weight:500;color:var(--black);text-transform:uppercase;padding-bottom:150px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.counter__area-3 .sec-sub-title{padding-bottom:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__area-3 .sec-sub-title{padding-bottom:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__area-3 .sec-sub-title{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__area-3 .sec-sub-title{display:none}
}
@media only screen and (max-width: 767px) {
.counter__area-3 .sec-sub-title{display:none}
}
.counter__area-3 .counter__number{color:var(--black-2);font-weight:400;padding-bottom:10px}
.counter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (max-width: 767px) {
.counter__wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px 10px}
}
.counter__wrapper-2{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
@media only screen and (max-width: 767px) {
.counter__wrapper-2{-ms-grid-columns:1fr 50px 1fr;grid-template-columns:repeat(2,1fr);gap:50px}
}
.counter__wrapper-3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media only screen and (max-width: 767px) {
.counter__wrapper-3{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:50px 40px}
}
.counter__item{width:380px;height:380px;border:1px solid var(--white-2);border-radius:100%;margin-left:-67px;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__item{margin-left:-60px;width:330px;height:330px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__item{margin-left:-25px;width:259px;height:259px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__item{margin-left:-27px;width:200px;height:200px}
}
@media only screen and (max-width: 767px) {
.counter__item{margin-left:0;width:160px;height:160px}
}
.counter__item:first-child{margin-left:0}
.counter__item p{font-size:20px;text-align:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__item p{font-size:18px;line-height:1.2}
}
@media only screen and (max-width: 767px) {
.counter__item p{font-size:16px;line-height:1.3;padding:0 7px}
}
.counter__item-2{text-align:center}
.counter__item-2 p{font-size:20px;line-height:1.3}
.counter__item-3{padding-bottom:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.counter__item-3{padding-bottom:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__item-3{padding-bottom:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__item-3{padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.counter__item-3{padding-bottom:0;text-align:center}
}
.counter__item-3 p{font-size:20px}
@media only screen and (max-width: 767px) {
.counter__item-3 p{line-height:1.2}
}
.counter__number{font-weight:300;font-size:100px;line-height:1.1;color:var(--secondary)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__number{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__number{font-size:48px}
}
@media only screen and (max-width: 767px) {
.counter__number{font-size:40px}
}
.counter__img-3{margin-top:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.counter__img-3{margin-top:0;text-align:right}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__img-3{margin-top:0;text-align:right}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.counter__img-3{margin-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter__img-3{margin-top:0}
}
.counter__img-3 img{width:100%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.counter__img-3 img{width:80%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter__img-3 img{width:75%}
}
.workflow__area{overflow:hidden}
.workflow__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.workflow__area-3{overflow:hidden;background-color:var(--pink-4);padding-top:60px;direction:ltr}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workflow__area-3{padding-top:90px;background-color:var(--pink-3)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workflow__area-3{padding-top:80px;background-color:var(--pink-3)}
}
@media only screen and (max-width: 767px) {
.workflow__area-3{padding-top:60px;background-color:var(--pink-3)}
}
.workflow__area-3 .wf_panel{width:100%;height:100%;will-change:transform;opacity:1!important}
.workflow__area-6{overflow:hidden;padding-top:5px}
@media only screen and (max-width: 767px) {
.workflow__area-6 .pb-130{padding-bottom:20px}
}
.workflow__wrapper-3{width:400%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (max-width: 767px) {
.workflow__wrapper-3{width:100%;height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.workflow__wrapper-6{border-top:1px solid var(--white-4);padding-top:50px}
@media only screen and (max-width: 767px) {
.workflow__wrapper-6{border-top:none;padding-top:0}
}
.workflow__slide{text-align:center;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workflow__slide{padding:0 10px}
}
.workflow__slide::before{position:absolute;content:"";width:100%;height:1px;left:0;top:58px;background-color:var(--black-2)}
.workflow__slide::after{position:absolute;content:"";width:18px;height:18px;left:calc(50% - 9px);top:50px;background-color:var(--primary);border:3px solid #fff;border-radius:100%;-webkit-animation:wcBubble 1.5s 1s infinite;animation:wcBubble 1.5s 1s infinite;-webkit-transition:all .3s;transition:all .3s}
.workflow__slide p{max-width:230px;margin:0 auto}
.workflow__slide-6{max-width:270px;position:relative}
@media only screen and (max-width: 767px) {
.workflow__slide-6{max-width:100%;padding-bottom:40px}
}
.workflow__slide-6::before{position:absolute;content:"";width:8px;height:8px;left:0;top:-54px;background-color:var(--black);border:1px solid #fff;border-radius:100%;-webkit-animation:wcBubble 1.5s 1s infinite;animation:wcBubble 1.5s 1s infinite;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.workflow__slide-6::before{width:0;height:0}
}
.workflow__step{font-weight:400;font-size:18px;line-height:1.3;color:var(--black-2);text-transform:capitalize;padding-bottom:50px}
.workflow__number{font-size:85px;font-weight:500;color:var(--gray-4)}
.workflow__title{font-weight:500;font-size:26px;line-height:1.2;color:var(--black-2);padding-bottom:15px}
.workflow__title-6{font-weight:500;font-size:22px;line-height:1.25;color:var(--black);padding-bottom:15px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workflow__title-6{font-size:20px}
}
@media only screen and (max-width: 767px) {
.workflow__title-6{padding-bottom:10px}
}
.choose-title{font-weight:500;font-size:200px;line-height:1;text-transform:uppercase;color:var(--black)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.choose-title{font-size:160px;margin-top:-100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.choose-title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.choose-title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.choose-title{font-size:40px}
}
.choose-title-wrapper{text-align:center}
.choose-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.research__area{background-color:var(--pink-3);background-repeat:no-repeat;background-position:200px calc(100% - 150px)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.research__area{background-position:20px calc(100% - 230px)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__area{background-position:20px calc(100% - 220px)}
.research__area.pt-150{padding-top:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__area{background-position:20px calc(100% - 100px);padding-bottom:50px}
.research__area.pt-150{padding-top:70px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area{padding-bottom:40px;background-position:0 210px;background-size:100px}
}
@media only screen and (max-width: 767px) {
.research__area{background-size:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area.pt-150{padding-top:60px}
}
.research__area .sec-title{text-transform:uppercase;padding-bottom:50px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__area .sec-title{padding-bottom:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__area .sec-title{font-size:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area .sec-title{padding-bottom:30px}
}
.research__area .sec-title-wrapper{padding-right:80px;padding-bottom:100px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__area .sec-title-wrapper{padding-right:40px;padding-bottom:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__area .sec-title-wrapper{padding-bottom:40px;padding-right:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area .sec-title-wrapper{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.research__area .sec-title-wrapper{padding-right:0;padding-bottom:40px;text-align:center}
}
.research__area .sec-title-wrapper p{max-width:360px;font-size:18px;line-height:1.4;color:var(--black-2);margin-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__area .sec-title-wrapper p{margin-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area .sec-title-wrapper p{max-width:100%}
}
@media only screen and (max-width: 767px) {
.research__area .sec-title-wrapper p{margin:0 auto}
}
.research__area .sec-sub-title{font-weight:500;text-transform:uppercase;color:var(--black);padding-bottom:140px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.research__area .sec-sub-title{padding-bottom:50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__area .sec-sub-title{padding-bottom:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__area .sec-sub-title{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__area .sec-sub-title{display:none}
}
@media only screen and (max-width: 767px) {
.research__area .sec-sub-title{display:none}
}
@media only screen and (max-width: 767px) {
.research__list{padding-bottom:35px}
}
.research__tools{padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__tools{padding-left:0;padding-bottom:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.research__tools{padding-bottom:60px}
}
@media only screen and (max-width: 767px) {
.research__tools{padding-left:0;padding-bottom:40px;text-align:center}
}
.research__tools li{display:inline-block}
.research__tools li a{display:block;font-weight:500;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--black);border:1px solid var(--black);border-radius:30px;padding:2px 15px}
.research__tools li a:hover{color:#fff;background-color:var(--black-2)}
.research__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding-bottom:50px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.research__item{padding-bottom:30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__item{padding-bottom:15px}
}
@media only screen and (max-width: 767px) {
.research__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.research__item:nth-child(odd){padding-left:100px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__item:nth-child(odd){padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__item:nth-child(odd){padding-left:50px}
}
@media only screen and (max-width: 767px) {
.research__item:nth-child(odd){padding-left:0}
}
.research__item p{max-width:255px;color:var(--black-2)}
.research__number span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;font-size:48px;line-height:1.1;text-transform:uppercase;color:var(--black-2);width:190px;height:190px;border:3px solid;border-radius:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.research__number span{width:160px;height:160px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__number span{width:160px;height:160px}
}
@media only screen and (max-width: 767px) {
.research__number span{width:130px;height:130px;font-size:36px}
}
.research__title{font-weight:500;font-size:26px;line-height:1.4;text-transform:uppercase;color:var(--black-2);padding-bottom:15px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.research__title{padding-bottom:5px}
}
.brand__area{overflow:hidden}
.brand__area .pb-100{padding-bottom:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__area .pb-100{padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.brand__area .pb-100{padding-bottom:0}
}
.brand__area .sec-title-wrapper{padding-bottom:60px}
.brand__list,.brand__list-3,.brand__list-2{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);background-color:#fff;border-bottom:1px solid var(--white-3);position:relative;z-index:1;margin-left:1px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width: 767px) {
.brand__list,.brand__list-3,.brand__list-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);margin-left:0}
}
.brand__list-2{gap:40px;background-color:transparent;border-bottom:none;margin-left:0}
.brand__list-3{background-color:transparent;border-bottom:none;margin-left:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand__list-3{gap:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__list-3{gap:50px}
}
@media only screen and (max-width: 767px) {
.brand__list-3{gap:50px}
}
.brand__item{padding:40px;text-align:center;border-top:1px solid var(--white-3);border-right:1px solid var(--white-3)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.brand__item{padding:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__item{padding:30px 25px}
}
@media only screen and (max-width: 767px) {
.brand__item{padding:30px 0;border-left:1px solid var(--white-3)}
.brand__item:nth-child(even){border-left:none}
}
.brand__item-2{text-align:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand__item-2{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.brand__item-2{padding-bottom:20px}
}
.brand__title-2{font-weight:400;font-size:24px;line-height:1.5;color:#fff;padding-bottom:50px;text-align:center}
.brand__title-3{font-size:18px;line-height:1.4;color:var(--black-2);text-align:center;padding-bottom:65px;font-weight:400;text-transform:uppercase}
.brand-gap{gap:50px 0;border:none;background-color:transparent}
.testimonial__area{overflow:hidden}
.testimonial__area .sec-title-wrapper{max-width:330px;padding-top:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area .sec-title-wrapper{width:100%;padding-top:60px;padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__area .sec-title-wrapper{padding-top:0}
}
@media only screen and (max-width: 767px) {
.testimonial__area .sec-title-wrapper{padding-top:0}
}
.testimonial__area p{padding-top:30px;font-size:18px;line-height:1.4}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.testimonial__area p{padding-bottom:20px}
}
.testimonial__area-2 .line-3{z-index:5}
@media only screen and (max-width: 767px) {
.testimonial__area-2 .g-0{padding-right:8px;padding-left:8px}
}
.testimonial__area-3{background-repeat:no-repeat;background-position:0 150px;position:relative;padding-top:410px;padding-bottom:330px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__area-3{padding-top:300px;padding-bottom:250px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__area-3{padding-top:300px;padding-bottom:200px}
}
@media only screen and (max-width: 767px) {
.testimonial__area-3{padding-top:60px;padding-bottom:60px}
.testimonial__area-3 img{display:none}
}
@media (max-width: 1023px) {
.testimonial__area .cursor{display:none}
}
.testimonial__slider-3{padding-top:120px;padding-bottom:120px;max-width:660px}
@media only screen and (max-width: 767px) {
.testimonial__slider-3{padding-top:80px}
}
.testimonial__slider-3 .swipper-btn{width:50px;height:50px;border:1px solid;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;-webkit-transition:all .3s;transition:all .3s}
.testimonial__slider-3 .swipper-btn:hover{background-color:var(--black-2)}
.testimonial__slider-3 .swipper-btn:hover i{color:var(--white)}
.testimonial__slider-3 .swipper-btn i{font-size:18px;color:var(--black-3)}
.testimonial__slider-3 .next-button{right:calc(50% + 10px)}
.testimonial__slider-3 .prev-button{left:calc(50% + 10px)}
.testimonial__slide{margin-left:-3px}
.testimonial__slide-3{text-align:center}
.testimonial__slide-3 p{font-weight:400;font-size:24px;line-height:1.5;color:var(--black-2);font-style:italic;max-width:630px;margin:0 auto;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slide-3 p{font-size:20px}
}
@media only screen and (max-width: 767px) {
.testimonial__slide-3 p{font-size:20px;padding:0 10px}
}
.testimonial__slide-3 p::before{position:absolute;content:"";width:100%;height:100%;top:-100px;left:calc(50% - 23px);background-image:url(../imgs/icon/quote.png);background-repeat:no-repeat}
@media only screen and (max-width: 767px) {
.testimonial__slide-3 p::before{top:-80px}
}
.testimonial__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (max-width: 767px) {
.testimonial__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.testimonial__wrapper-2{position:relative}
@media only screen and (max-width: 767px) {
.testimonial__item{padding-bottom:30px}
}
.testimonial__item .button{display:inline-block;cursor:pointer}
@media only screen and (max-width: 767px) {
.testimonial__item.item-1{text-align:center;margin:0 50px}
.testimonial__item.item-1 img{width:100%}
}
.testimonial__item.item-2{padding-top:20px;text-align:center}
.testimonial__item.item-3{padding-top:220px;text-align:right}
@media only screen and (max-width: 767px) {
.testimonial__item.item-3{text-align:center;padding-top:30px}
}
.testimonial__img{position:relative;margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__img img{width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__img img{width:100%}
}
.testimonial__img.b-right::after{position:absolute;content:"";width:100%;height:calc(100% - 30px);left:30px;top:0;border:1px solid var(--white-6);border-radius:180px 180px 0 0;z-index:-1}
.testimonial__img.b-left::before{position:absolute;content:"";width:100%;height:calc(100% - 30px);left:-30px;top:0;border:1px solid var(--white-6);border-radius:180px 180px 0 0;z-index:-1}
.testimonial__title{font-weight:500;font-size:18px;line-height:1.3;color:var(--black);text-transform:capitalize}
.testimonial__title-2{font-weight:500;font-size:60px;line-height:1;color:var(--black);font-style:italic;padding:100px 100px 20px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__title-2{font-size:48px;padding-top:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__title-2{font-size:48px;padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__title-2{font-size:36px;padding-right:30px}
}
@media only screen and (max-width: 767px) {
.testimonial__title-2{font-size:36px;padding:20px 0}
}
.testimonial__role{font-size:14px;color:var(--black-3);line-height:1.3;font-weight:400;text-transform:capitalize}
.testimonial__role-2{font-weight:400;font-size:14px;line-height:12px;color:var(--black-3)}
.testimonial__text-2{font-weight:300;font-size:22px;line-height:1.4;color:var(--black-3);padding-right:40px;padding-bottom:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__text-2{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__text-2{padding-right:0;padding-bottom:30px;font-size:18px}
}
@media only screen and (max-width: 767px) {
.testimonial__text-2{font-size:18px;padding-right:0;padding-bottom:30px}
}
.testimonial__inner-2{background-color:#fff;padding:80px;margin-top:140px;background-repeat:no-repeat;background-position:80px 80px;margin-right:2px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__inner-2{padding:80px 30px;margin-top:185px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__inner-2{padding:60px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__inner-2{padding:60px 30px;margin-top:136px}
}
@media only screen and (max-width: 767px) {
.testimonial__inner-2{text-align:center;padding:0;padding-top:60px;margin-top:30px;background-position:50% 0}
}
.testimonial__video{margin-right:-112px;max-height:785px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__video{max-height:740px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__video{max-height:700px}
}
@media only screen and (max-width: 767px) {
.testimonial__video{margin-right:0;max-height:unset}
}
.testimonial__video video{width:100%}
.testimonial__author{font-weight:500;font-size:18px;line-height:1.3;color:var(--black-2);padding-bottom:5px}
.testimonial__pagination{position:absolute;right:0;top:calc(50% - 105px);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;z-index:9}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:110px;z-index:9}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__pagination{-webkit-transform:unset;transform:unset;top:unset;bottom:60px;z-index:9}
}
@media only screen and (max-width: 767px) {
.testimonial__pagination{display:none}
}
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{width:60px;height:60px;border:1px solid var(--gray-7);color:var(--gray-7);border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px 35px;-webkit-transition:all .3s;transition:all .3s;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__pagination .next-button,.testimonial__pagination .prev-button{margin:20px}
}
.testimonial__pagination .next-button::after,.testimonial__pagination .prev-button::after{position:absolute;content:"";width:100%;height:100%;border-radius:100%}
.testimonial__pagination .next-button:hover,.testimonial__pagination .prev-button:hover{border-color:var(--black-2)}
.testimonial__pagination .next-button:hover i,.testimonial__pagination .prev-button:hover i{color:var(--black-2)}
.testimonial3__img{position:absolute;top:170px;left:25%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img{top:100px;left:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img{top:60px;left:10%}
}
.testimonial3__img-2{position:absolute;top:230px;right:28%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-2{top:180px;right:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-2{top:130px;right:15%}
}
.testimonial3__img-3{position:absolute;top:40%;left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-3{top:78%;left:60px;z-index:9}
}
.testimonial3__img-4{position:absolute;bottom:150px;left:170px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.testimonial3__img-4{left:80px;max-width:250px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-4{left:70px;max-width:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-4{bottom:70px;left:70px;max-width:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-4{bottom:180px;left:0;max-width:160px}
}
.testimonial3__img-5{position:absolute;top:43%;right:70px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-5{right:10px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-5{top:62%;right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-5{top:60%;right:0;width:150px}
}
.testimonial3__img-6{position:absolute;right:280px;top:58%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial3__img-6{right:200px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial3__img-6{top:75%;right:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial3__img-6{top:70%;right:60px}
}
.client__name-3{font-weight:500;font-size:28px;line-height:1.3;text-transform:uppercase;color:var(--black-2);padding-top:50px;padding-bottom:10px}
.client__role-3{font-weight:300;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--black-3)}
.portfolio__text{text-align:center;font-size:150px;font-weight:500;color:#fff;text-transform:uppercase;padding:120px 0 50px;opacity:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__text{font-size:110px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__text{font-size:90px}
}
@media only screen and (max-width: 767px) {
.portfolio__text{font-size:45px;padding:50px 0}
}
.portfolio__area{position:relative;background-color:var(--black-2);overflow:hidden}
.portfolio__area-2{overflow:hidden;position:relative}
.portfolio__area-2::after{position:absolute;content:"";width:1px;height:100%;left:84.6%;top:0;background:var(--white-4)}
@media only screen and (max-width: 767px) {
.portfolio__area-2{padding-bottom:15px}
}
.portfolio__area-2::after{z-index:9}
@media only screen and (max-width: 767px) {
.portfolio__area-2::after{z-index:unset}
}
.portfolio__area-2 .swiper-slide-active .sec-title{-webkit-animation:wcfadeUp 1s .5s forwards;animation:wcfadeUp 1s .5s forwards}
.portfolio__area-2 .swiper-slide-active p{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.portfolio__area-2 .swiper-slide-active .btn-common-wrap{-webkit-animation:wcfadeUp 1s .9s forwards;animation:wcfadeUp 1s .9s forwards}
.portfolio__area-2 .sec-title-wrapper{text-align:center}
@media only screen and (max-width: 767px) {
.portfolio__area-2 .sec-title-wrapper{text-align:left}
}
.portfolio__area-2 .sec-title-wrapper .sec-text{font-size:24px;max-width:410px;text-align:left}
@media only screen and (max-width: 767px) {
.portfolio__area-2 .sec-title-wrapper .sec-text{font-size:20px}
}
.portfolio__area-2 .sec-title-3{font-weight:400;background-repeat:no-repeat;background-position:70% 25px;display:inline-block;padding-bottom:120px;padding-right:320px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-2 .sec-title-3{background-size:260px;background-position:70% 20px;padding-right:200px;padding-bottom:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-2 .sec-title-3{background-size:200px;background-position:95% 0;padding-right:100px;padding-bottom:90px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-2 .sec-title-3{background-size:150px;background-position:60% 0;padding-left:0;padding-bottom:45px;padding-right:0}
}
.portfolio__area-2 .sec-title-3 span{display:block;padding-left:450px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-2 .sec-title-3 span{padding-right:0;padding-left:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-2 .sec-title-3 span{padding-right:0;padding-left:150px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-2 .sec-title-3 span{padding-right:0;padding-left:85px}
}
.portfolio__area-3{background-color:var(--black-2)}
.portfolio__area-3 .sec-sub-title{text-transform:uppercase;color:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-3 .sec-sub-title{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-3 .sec-sub-title{padding-bottom:45px}
}
.portfolio__area-3 .swiper-btn{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}
.portfolio__area-3 .swiper-btn div{font-size:20px;color:#fff;border:1px solid #fff;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;position:absolute;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9;opacity:0;visibility:hidden}
@media (max-width: 1365px) {
.portfolio__area-3 .swiper-btn div{opacity:1;visibility:visible;top:calc(50% - 100px)}
}
@media (max-width: 1023px) {
.portfolio__area-3 .swiper-btn div{opacity:1;visibility:visible;top:calc(50% - 25px)}
}
.portfolio__area-3 .swiper-btn div:hover{color:var(--black-2);background-color:var(--white)}
.portfolio__area-3 .swiper-btn div.pp-prev{left:26px}
.portfolio__area-3 .swiper-btn div.pp-next{right:0}
@media (max-width: 1365px) {
.portfolio__area-3 .swiper-btn div.pp-next{right:-24px}
}
.portfolio__area-3 .swiper-pagination{width:120px;left:370px;top:0;bottom:unset;font-weight:400;font-size:60px;line-height:1;color:var(--white)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-3 .swiper-pagination{left:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-3 .swiper-pagination{left:180px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-3 .swiper-pagination{left:-22px;padding-top:10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-3 .swiper-pagination{left:0}
}
.portfolio__area-3 .swiper-pagination-total{font-size:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:-50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .line{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .line{padding-top:0}
}
.portfolio__area-6 .zi-9{position:relative;z-index:9}
.portfolio__area-6 .sec-title{font-size:120px;padding-bottom:20px}
.portfolio__area-6 .sec-title-wrapper{position:sticky;top:130px}
.portfolio__area-6 .sec-title-wrapper p{font-size:17px;line-height:1.5;padding-bottom:15px;padding-left:110px;position:relative}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:110px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:110px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .sec-title-wrapper p{padding-left:60px;padding-right:30px}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:60px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:60px;}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .sec-title-wrapper p{padding-left:60px}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:60px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:60px;}
}
.portfolio__area-6 .sec-title-wrapper p::before{position:absolute;content:"";width:80px;height:1px;background-color:var(--black-2);left:0;top:8px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-6 .sec-title-wrapper p::before{width:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-6 .sec-title-wrapper p::before{width:50px}
}
.portfolio__area-6 .sec-sub-title{font-size:24px;padding-bottom:0}
.portfolio__slider-2{position:relative;height:100vh}
.portfolio__slider-2::after{position:absolute;content:"";width:1px;height:100%;left:50%;top:0;background:var(--white-4);z-index:9}
@media only screen and (max-width: 767px) {
.portfolio__slider-2::after{z-index:unset}
}
@media (max-width: 1400px) {
.portfolio__slider-2{height:auto}
}
@media only screen and (max-width: 767px) {
.portfolio__slider-2-pagination{display:none}
}
.portfolio__slider-2-pagination .swiper-pagination-bullets{left:calc(100% - 135px);top:50%;-webkit-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slider-2-pagination .swiper-pagination-bullets{left:calc(100% - 60px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slider-2-pagination .swiper-pagination-bullets{left:calc(100% - 45px)}
}
.portfolio__slider-2-pagination .swiper-pagination-bullet{display:block;margin:15px 10px!important;width:50px;height:50px;background:transparent;border:1px solid #D6D6D6;opacity:1;position:relative;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet{margin:10px!important}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet{margin:10px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet{width:30px;height:30px;margin:10px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slider-2-pagination .swiper-pagination-bullet{width:25px;height:25px;margin:5px!important}
}
.portfolio__slider-2-pagination .swiper-pagination-bullet::after{position:absolute;content:"";width:6px;height:6px;left:50%;top:50%;border-radius:50px;background-color:#D6D6D6;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.portfolio__slider-2-pagination .swiper-pagination-bullet-active,.portfolio__slider-2-pagination .swiper-pagination-bullet:hover{border-color:var(--black-2)}
.portfolio__slider-2-pagination .swiper-pagination-bullet-active::after,.portfolio__slider-2-pagination .swiper-pagination-bullet:hover::after{background-color:var(--black-2)}
.portfolio__slider-3{position:relative}
.portfolio__slider-3:hover .swiper-btn div{opacity:1;visibility:visible}
.portfolio__slide-2{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--white)}
@media only screen and (max-width: 767px) {
.portfolio__slide-2{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.portfolio__slide-2 .sec-title{line-height:1.1;padding-bottom:30px;padding-left:10px;opacity:0}
.portfolio__slide-2 .sec-title a{color:var(--black-2);text-transform:capitalize}
.portfolio__slide-2 .sec-title span{display:block;padding-left:60px;position:relative}
.portfolio__slide-2 .sec-title span::before{position:absolute;content:"";width:60px;height:1px;left:-10px;top:50%;background-color:var(--black-2)}
.portfolio__slide-2 .slide-img{padding-right:15px}
@media only screen and (max-width: 767px) {
.portfolio__slide-2 .slide-img{padding-right:0}
}
.portfolio__slide-2 .slide-img img{width:100%}
.portfolio__slide-2 .slide-content{padding-left:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slide-2 .slide-content{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slide-2 .slide-content{padding-left:0;padding-right:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__slide-2 .slide-content{padding:30px 15px 50px}
}
.portfolio__slide-2 p{max-width:330px;font-size:18px;line-height:1.4;padding-bottom:50px;opacity:0}
@media only screen and (max-width: 767px) {
.portfolio__slide-2 p{padding-bottom:30px}
}
.portfolio__slide-2 .btn-common{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2)}
.portfolio__slide-2 .btn-common:hover{color:var(--black-3)}
.portfolio__slide-2 .btn-common i{padding-left:5px}
.portfolio__slide-2 .btn-common-wrap{opacity:0}
.portfolio__slide-3{text-align:right;padding-right:110px}
.portfolio__slide-3 a{display:block;color:var(--white)}
.portfolio__slide-3 a:hover span{color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slide-3{padding-right:0}
.portfolio__slide-3 img{width:60%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slide-3{padding-right:0}
.portfolio__slide-3 img{width:60%}
}
@media only screen and (max-width: 767px) {
.portfolio__slide-3{padding-right:0}
.portfolio__slide-3 img{width:100%}
}
.portfolio__wrapper-6{padding-left:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__wrapper-6{padding-left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__wrapper-6{padding-left:0;padding-top:180px}
}
.portfolio__item{padding-bottom:30px;position:fixed;top:0;left:0;z-index:999;scale:.5;opacity:0}
.portfolio__item:nth-child(even){top:50%}
@media only screen and (max-width: 767px) {
.portfolio__item:nth-child(even){top:0}
}
.portfolio__item:hover .portfolio__info{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
.portfolio__item .img-box{height:100%}
.portfolio__item img{width:100%}
.portfolio__item-6{position:relative;padding-bottom:80px;border-top:30px solid #fff;overflow:hidden}
.portfolio__item-6 img{max-width:100%;width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__item-6{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__item-6{padding-bottom:50px}
}
.portfolio__item-6:hover .portfolio__content-6{right:0;opacity:1;visibility:visible}
.portfolio__info{width:175px;padding:15px;border-radius:5px;background-color:var(--primary);position:absolute;right:0;bottom:50px;z-index:1;-webkit-transform:translateX(60px);transform:translateX(60px);-webkit-transition:all .3s;transition:all .3s;opacity:0;visibility:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__info{opacity:1;visibility:visible;right:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__info{opacity:1;visibility:visible;right:45px}
}
@media only screen and (max-width: 767px) {
.portfolio__info{opacity:1;visibility:visible;right:60px}
}
.portfolio__info p{font-weight:400;font-size:12px;line-height:1.3;color:var(--black-2)}
.portfolio__title{font-weight:500;font-size:16px;line-height:1.3;color:var(--black-2);padding-bottom:3px}
.portfolio__title-3{font-weight:500;font-size:180px;line-height:1;text-transform:uppercase;color:#fff;text-align:left;padding-top:80px;position:absolute;z-index:5;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-3{font-size:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-3{font-size:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-3{font-size:100px}
}
@media only screen and (max-width: 767px) {
.portfolio__title-3{font-size:60px;padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.portfolio__title-3 span{display:block;padding-left:200px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-3 span{padding-left:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-3 span{padding-left:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-3 span{padding-left:80px}
}
@media only screen and (max-width: 767px) {
.portfolio__title-3 span{padding-left:60px}
}
.portfolio__title-6{font-weight:500;font-size:20px;line-height:1.2;color:#fff;padding-bottom:5px}
.portfolio__date{font-weight:400;font-size:14px;line-height:1.3;color:var(--white)}
.portfolio__list-1{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;gap:0 30px;position:relative;margin-bottom:0}
@media only screen and (max-width: 767px) {
.portfolio__list-1{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}
}
.portfolio__list-6{overflow-x:hidden;overflow:hidden}
.portfolio__pagination-6{padding-top:430px;padding-left:110px;font-weight:300;font-size:19px;line-height:1.1;color:var(--black-3);display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__pagination-6{padding-top:330px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__pagination-6{padding-top:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__pagination-6{padding-top:180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__pagination-6{padding-top:180px;padding-left:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__pagination-6{padding-top:80px;padding-left:0}
}
.portfolio__current{font-weight:300;font-size:60px;line-height:1.1;color:var(--black)}
.portfolio__btn{margin-top:40px}
.portfolio__btn#btn_wrapper,.portfolio__btn.btn_wrapper{margin:0 auto}
.portfolio__content-6{position:absolute;top:40%;right:5%;background-color:var(--black-2);z-index:9;padding:20px 30px;opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
@media (max-width: 1200px) {
.portfolio__content-6{opacity:1;visibility:visible;right:0}
}
.portfolio__detail{overflow:hidden}
.portfolio__detail img{width:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-top .pt-110{padding-top:140px}
}
.portfolio__detail-top .sec-title{font-size:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-top .sec-title{font-size:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-top .sec-title{font-size:72px;padding-top:90px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-top .sec-title{font-size:60px;padding-bottom:50px;padding-top:90px}
}
.portfolio__detail-info{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.portfolio__detail-info ul{display:-ms-grid;display:grid;-ms-grid-columns:auto 80px auto;grid-template-columns:auto auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-gap:25px 80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-info ul{-ms-grid-columns:1fr 50px 1fr;grid-template-columns:1fr 1fr;grid-gap:20px 50px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-info ul{grid-gap:20px 50px}
}
.portfolio__detail-info ul li{font-weight:400;font-size:14px;line-height:1.5;color:var(--gray-8);text-transform:capitalize}
.portfolio__detail-info ul li span,.portfolio__detail-info ul li a{display:block;font-weight:500;font-size:16px;line-height:1.5;color:var(--black-3);text-transform:capitalize}
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:70vh}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:130%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1920px) {
.portfolio__detail-thumb{padding-left:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-thumb{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.portfolio__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.portfolio__detail-title{max-width:350px;font-weight:500;font-size:36px;line-height:1.1;color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-title{max-width:500px;padding-bottom:30px}
}
.portfolio__detail-text{padding-bottom:60px}
.portfolio__detail-text p{font-weight:400;font-size:18px;line-height:1.4;color:var(--black-3);padding-bottom:15px}
.portfolio__detail-text li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:5px}
.portfolio__detail-text .fonts{display:-ms-grid;display:grid;-ms-grid-columns:2fr 70px 3.5fr;grid-template-columns:2fr 3.5fr;gap:70px;padding-top:60px;padding-bottom:85px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr 30px 2fr;grid-template-columns:1fr 2fr;gap:30px;padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.portfolio__detail-text .fonts{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:0}
}
.portfolio__detail-text .fonts img{width:auto}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail-text .fonts img{width:100%}
}
.portfolio__detail-text .fonts ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.portfolio__detail-text .fonts ul li{font-weight:500;text-transform:capitalize;display:-ms-grid;display:grid;-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr}
.portfolio__detail-text .fonts ul .regular{font-weight:400;color:var(--gray-9)}
.portfolio__detail-text .fonts ul .medium{color:var(--gray-10)}
.portfolio__detail-text .fonts ul .semibold{color:var(--black-3)}
.portfolio__detail .block-thumb{overflow:hidden;position:relative;width:100%;height:65vh;z-index:9;margin-bottom:20px}
.portfolio__detail .block-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail .block-thumb{overflow:hidden;position:relative;width:100%;height:auto}
.portfolio__detail .block-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-thumb{overflow:hidden;position:relative;width:100%;height:auto}
.portfolio__detail .block-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.portfolio__detail .block-gallery{overflow:hidden}
.portfolio__detail .block-gallery img{width:50%;float:left;padding-bottom:20px}
.portfolio__detail .block-gallery img:nth-child(odd){padding-right:10px}
.portfolio__detail .block-gallery img:nth-child(even){padding-left:10px}
.portfolio__detail .block-img-text{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1.3fr;grid-template-columns:1fr 1fr 1.3fr;grid-gap:20px}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-img-text{-ms-grid-columns:1fr 20px 1fr;grid-template-columns:repeat(2,1fr)}
}
.portfolio__detail .block-img-text p{font-size:18px;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__detail .block-img-text p{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__detail .block-img-text p{padding-left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__detail .block-img-text p{grid-column:1/-1;padding-left:0}
}
.portfolio__detail .block-content{position:relative;z-index:1}
.portfolio__detail-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.portfolio__detail-btns a{margin:0 -10px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v2.pt-150{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v2.pt-150{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.portfolio-v2.pt-150{padding-top:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v3 .pt-100{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v3 .pt-100{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.portfolio-v3 .pt-100{padding-top:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v4 .pt-100{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v4 .pt-100{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.portfolio-v4 .pt-100{padding-top:130px}
}
.portfolio-v4 .sec-title-2{color:var(--white)}
.portfolio-v4 .blog__text p{color:var(--gray-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v5 .pt-100{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v5 .pt-100{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.portfolio-v5 .pt-100{padding-top:130px}
}
.portfolio-v5 .pb-100{padding-bottom:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio-v5 .pb-100{padding-bottom:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v5 .pb-100{padding-bottom:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v5 .pb-100{padding-bottom:0}
}
@media only screen and (max-width: 767px) {
.portfolio-v5 .pb-100{padding-bottom:0}
}
.portfolio-v5.portfolio__project{padding:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio-v5.portfolio__project .line{padding-top:70px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio-v5.portfolio__project .line{padding-top:60px}
}
@media only screen and (max-width: 767px) {
.portfolio-v5.portfolio__project .line{padding-top:60px}
}
.portfolio-v5.portfolio__project .pp-slider-wrapper,.portfolio-v5.portfolio__project .pp-slide-thumb,.portfolio-v5.portfolio__project .pp-next,.portfolio-v5.portfolio__project .pp-prev{opacity:1}
.swiper-slide-active .portfolio__title-3{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.bg_image{position:absolute;top:0;left:0;width:100%;height:100vh}
.bg_image::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2;content:""}
.bg_image img{width:120%}
.row_bottom{margin-top:80vh}
@media only screen and (max-width: 767px) {
.row_bottom{margin-top:30px}
}
:root{--pink-6:#EEE5DC;--purple:#D9DBEB;--purple-2:#CCCEDE;--green:#81C3A3;--green-2:#DCE4E0}
@keyframes wcSpinner {
from{-webkit-transform:rotate(0turn);transform:rotate(0turn)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.portfolio__hero{position:relative;padding-bottom:60px}
@media only screen and (max-width: 767px) {
.portfolio__hero{padding-bottom:40px}
}
.portfolio__hero .title{font-weight:600;font-size:230px;line-height:.9;text-align:center;text-transform:uppercase;color:var(--black-2);opacity:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__hero .title{font-size:180px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .title{font-size:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .title{font-size:140px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .title{font-size:100px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .title{font-size:52px}
}
.portfolio__hero .title.shape-circle{position:relative;opacity:0}
.portfolio__hero .title.shape-circle::after{position:absolute;content:"";width:62px;height:62px;right:-50px;top:75px;background-repeat:no-repeat;background-position:right;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .title.shape-circle::after{top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .title.shape-circle::after{right:-10px;top:35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .title.shape-circle::after{top:12px;right:0}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .title.shape-circle::after{top:-60px;right:0}
}
.portfolio__hero .title.text-stroke{-webkit-text-stroke:1px var(--black-2);color:transparent;margin:0 -140px;opacity:0}
.portfolio__hero .pp-thumb{max-width:100%;position:absolute;bottom:0;left:14%}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__hero .pp-thumb{max-width:780px;left:17%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__hero .pp-thumb{max-width:600px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .pp-thumb{max-width:500px;left:10%}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .pp-thumb{left:0}
}
.portfolio__hero .btn-wrapper{text-align:center;position:relative;z-index:9;margin-top:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero .btn-wrapper{margin-top:200px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero .btn-wrapper{margin-top:120px}
}
.portfolio__hero-area{overflow:hidden;position:relative;padding-top:200px;background-color:var(--pink-6)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__hero-area{padding-top:160px}
}
@media only screen and (max-width: 767px) {
.portfolio__hero-area{padding-top:160px}
}
.portfolio__hero-area::after{position:absolute;content:"";width:100px;height:100px;left:80px;bottom:50px;background-repeat:no-repeat;-webkit-animation:wcZoom 3s infinite linear;animation:wcZoom 3s infinite linear}
@media only screen and (max-width: 767px) {
.portfolio__hero-area::after{left:0;bottom:45px}
}
.portfolio__about{background-color:var(--purple);position:relative;overflow:hidden}
.portfolio__about::after{position:absolute;content:"ABOUT";width:200px;height:100%;right:0;top:-60px;font-weight:700;font-size:250px;line-height:1;text-transform:uppercase;color:rgba(0,0,0,0.03);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about::after{font-size:230px;top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about::after{font-size:200px}
}
.portfolio__about-left{position:relative;height:100%}
@media only screen and (max-width: 767px) {
.portfolio__about-left{padding-bottom:30px}
}
.portfolio__about-left img{position:absolute;right:100px;bottom:0;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about-left img{right:0;max-width:180px}
}
@media only screen and (max-width: 767px) {
.portfolio__about-left img{display:none}
}
.portfolio__about .about-row{margin-top:150px;border-top:1px solid var(--purple-2);border-bottom:1px solid var(--purple-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .about-row{margin-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .about-row{margin-top:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .about-row{margin-top:60px;border:none}
}
.portfolio__about .sec-title{max-width:715px;text-transform:uppercase;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .sec-title{padding-bottom:40px}
}
.portfolio__about .sec-title span{display:block;padding-left:120px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__about .sec-title span{padding-left:100px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-title span{padding-left:0}
}
.portfolio__about .sec-title span::before{position:absolute;content:"";width:90px;height:1px;left:0;top:30px;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .sec-title span::before{top:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-title span::before{width:0}
}
.portfolio__about .sec-text p{font-size:18px;line-height:1.4;color:var(--black-2);padding-bottom:70px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .sec-text p{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .sec-text p{padding-bottom:50px}
}
.portfolio__about .brand-title{font-weight:500;font-size:24px;line-height:1.5;text-transform:uppercase;color:var(--black-2);max-width:220px;opacity:0}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-title{max-width:400px}
}
.portfolio__about .brand-title-wrap{padding:40px 0;border-right:1px solid var(--purple-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__about .brand-title-wrap{padding:25px 0}
}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-title-wrap{border:none}
}
.portfolio__about .brand-logo img{opacity:0}
.portfolio__about .brand-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__about .brand-list{padding-left:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .brand-list{padding-left:0;gap:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__about .brand-list{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;gap:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__about .brand-logo img{max-width:80px}
}
.portfolio__project{padding:60px 0;position:relative;overflow:hidden;background-color:var(--white)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project{padding-top:120px}
}
.portfolio__project::after{position:absolute;content:"work";width:200px;height:100%;right:0;top:-100px;font-weight:700;font-size:250px;line-height:1;text-transform:uppercase;color:rgba(0,0,0,0.03);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project::after{top:-60px;font-size:230px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project::after{font-size:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project::after{font-size:180px;top:-50px}
}
@media only screen and (max-width: 767px) {
.portfolio__project::after{font-size:180px}
}
.portfolio__project .pp-title{font-weight:500;font-size:18px;line-height:1.5;text-transform:uppercase;color:var(--black);opacity:0}
.portfolio__project .pp-slider-wrapper{padding-left:200px;padding-right:100px;position:relative;opacity:0;z-index:1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slider-wrapper{padding-left:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slider-wrapper{padding-left:160px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slider-wrapper{padding-left:40px;padding-right:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slider-wrapper{padding-left:0;padding-right:0}
}
.portfolio__project .pp-slide{overflow:hidden;padding:80px 0 80px 80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slide{padding:80px 0 80px 120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slide{padding:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slide{padding:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slide{padding:60px}
}
.portfolio__project .pp-slide-img{background-color:var(--green);max-width:470px;max-height:650px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__project .pp-slide-img{max-width:430px;max-height:600px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project .pp-slide-img{max-width:330px;max-height:450px}
}
.portfolio__project .pp-slide-img img{-webkit-transform:rotate(-15deg);transform:rotate(-15deg);max-width:100%}
.portfolio__project .swipper-btn{font-weight:400;font-size:16px;line-height:1.5;text-transform:uppercase;color:var(--black-2);position:relative}
.portfolio__project .pp-prev{position:absolute;top:calc(50% - 12px);right:0;z-index:9;opacity:0}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-prev{top:95%}
}
.portfolio__project .pp-prev::after{position:absolute;content:"";width:50px;height:1px;top:13px;left:-55px;background-color:var(--black-2)}
.portfolio__project .pp-next{position:absolute;top:calc(50% - 12px);left:60px;z-index:9;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-next{left:0}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-next{top:95%;left:0}
}
.portfolio__project .pp-next::after{position:absolute;content:"";width:50px;height:1px;top:13px;left:45px;background-color:var(--black-2)}
.portfolio__project .pp-slide-title{font-weight:500;font-size:36px;line-height:1.3;text-align:right;text-transform:uppercase;color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project .pp-slide-title{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project .pp-slide-title{font-size:24px}
}
@media only screen and (max-width: 767px) {
.portfolio__project .pp-slide-title{font-size:24px}
}
.portfolio__project .pp-slide-thumb{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:300px;margin-left:auto;opacity:0}
.portfolio__project .pp-slide-thumb p{font-weight:400;font-size:14px;line-height:1.5;text-align:right;text-transform:uppercase;color:var(--black-3);padding-top:15px}
.portfolio__project-thumbs{height:100%;margin-right:-150px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__project-thumbs{margin-right:-50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__project-thumbs{margin-right:-50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__project-thumbs{margin-right:-20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__project-thumbs{margin-right:-10px}
}
@media only screen and (max-width: 767px) {
.portfolio__project-thumbs{margin-right:0;margin-top:30px}
}
.portfolio__service{background-color:var(--green-2);background-repeat:no-repeat;background-position:bottom right}
.portfolio__service .sec-title{max-width:350px;text-indent:80px;text-transform:uppercase;opacity:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-title{text-indent:40px;max-width:400px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-title{text-indent:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-title{text-indent:20px}
}
.portfolio__service .sec-text{background-repeat:no-repeat;background-position:0 80px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .sec-text{background-position:0 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-text{background-size:100%;background-position:0 40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-text{background-position:0 30px;background-size:100%}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-text{background-position:0 30px;background-size:100%}
}
.portfolio__service .sec-text p{max-width:320px;font-size:18px;line-height:1.4;color:var(--black-13);padding-top:150px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .sec-text p{padding-top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service .sec-text p{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service .sec-text p{padding-top:70px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .sec-text p{padding-top:70px}
}
.portfolio__service-list{padding-top:62px}
.portfolio__service-item{padding:40px;border:1.3px solid var(--black-2);border-radius:21px;position:relative;-webkit-transition:all .3s;transition:all .3s;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item{padding:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__service-item{margin-bottom:20px}
}
.portfolio__service-item::after{position:absolute;content:"";width:23px;height:76px;right:-2px;top:calc(50% - 38px);background:var(--black-2);-webkit-transition:all .3s;transition:all .3s;border-radius:15px 0 0 15px}
.portfolio__service-item:hover .ps-title,.portfolio__service-item:hover ul li{color:var(--white)}
.portfolio__service-item:hover::after{width:calc(100% + 1px);height:calc(100% + 1px);right:-1px;top:0;border-radius:15px}
.portfolio__service-item .ps-title{font-weight:500;font-size:24px;line-height:1.5;text-transform:uppercase;color:var(--black-2);padding-bottom:20px;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item .ps-title{font-size:20px;line-height:1.3}
}
.portfolio__service-item ul{padding-left:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__service-item ul{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__service-item ul{padding-left:10px}
}
@media only screen and (max-width: 767px) {
.portfolio__service-item ul{padding-left:20px}
}
.portfolio__service-item ul li{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);-webkit-transition:all .3s;transition:all .3s}
.portfolio__service .ps-btn{text-align:center}
.portfolio__service .ps-btn a{font-weight:300;font-size:18px;line-height:1.5;color:var(--black-2);border:1.3px solid var(--black-2);border-radius:35px;display:inline-block;padding:10px 40px;margin-top:70px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__service .ps-btn a{margin-top:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__service .ps-btn a{margin-top:30px}
}
.portfolio__service .ps-btn a strong{font-weight:400;text-transform:capitalize}
.portfolio__footer{margin-top:150px;border-top:1px solid #E2E2E2}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__footer{margin-top:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer{margin-top:60px}
}
.portfolio__footer-area{background-color:#F7F7F7;background-repeat:no-repeat;background-position:top right;position:relative}
.portfolio__footer-area::after{position:absolute;content:"";width:100px;height:100px;left:50px;bottom:20px;background-repeat:no-repeat;-webkit-animation:wcZoom 3s infinite linear;animation:wcZoom 3s infinite linear}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__footer-area::after{bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area::after{bottom:120px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer-area::after{left:10px;bottom:100px}
}
.portfolio__footer-area::before{position:absolute;content:"";width:156px;height:156px;left:calc(50% - 78px);bottom:2px;background-repeat:no-repeat;background-position:right;-webkit-animation:wcSpinner 3s infinite linear;animation:wcSpinner 3s infinite linear}
@media only screen and (max-width: 767px) {
.portfolio__footer-area::before{bottom:50px}
}
.portfolio__footer-area .pf-btm{padding:20px 0}
.portfolio__footer-area .pf-title{font-weight:500;font-size:100px;line-height:1;text-transform:uppercase;color:var(--black-2);padding-bottom:70px;opacity:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__footer-area .pf-title{font-size:72px;padding-bottom:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__footer-area .pf-title{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-title{font-size:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-title{font-size:60px;padding-bottom:0}
}
.portfolio__footer-area .pf-contact{padding-bottom:35px}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-contact{padding-top:30px}
}
.portfolio__footer-area .pf-contact h3{font-weight:500;font-size:26px;line-height:1.4;text-transform:uppercase;color:var(--black-2);padding-bottom:25px;opacity:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-contact h3{font-size:22px}
}
.portfolio__footer-area .pf-contact ul li{padding-bottom:8px;opacity:0}
.portfolio__footer-area .pf-contact ul li a{font-size:18px;line-height:26px;text-decoration-line:underline;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.portfolio__footer-area .pf-social{margin-bottom:40px}
}
.portfolio__footer-area .pf-social h3{font-weight:500;font-size:18px;line-height:1.5;text-transform:uppercase;color:var(--black-2);position:relative;display:inline-block;padding-bottom:30px;opacity:0}
.portfolio__footer-area .pf-social h3::after{position:absolute;content:"";width:50px;height:1px;top:15px;right:-60px;background-color:var(--black-2)}
.portfolio__footer-area .pf-social ul li{display:inline-block;opacity:0}
.portfolio__footer-area .pf-social ul li a{display:block;font-weight:400;font-size:12px;line-height:1.5;text-transform:uppercase;color:var(--black-2);border:1px solid var(--gray);padding:8px 21px;border-radius:18px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__footer-area .pf-social ul li a{padding:7px 18px;margin-bottom:7px}
}
.portfolio__footer-area .pf-social ul li a:hover{color:#fff;background-color:var(--black-2)}
.portfolio__footer-area .pc-btn{text-align:center}
@media only screen and (max-width: 767px) {
.portfolio__footer .pf-btm .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__main-wrapper .pp-title-wrap{-webkit-transform:translateY(40px);transform:translateY(40px)}
}
@media (max-width: 1300px) {
.portfolio__main-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.portfolio-section{height:100vh}
@media (max-width: 1300px) {
.portfolio-section{height:auto}
}
.portfolio__page .wc-btn-dark,.portfolio__page .contact__text,.portfolio__page .contact__form,.portfolio__page .footer-menu,.portfolio__page .footer-menu-2,.portfolio__page .footer__copyright-2 p{opacity:0}
.portfolio__page .swiper-slide-active .wc-btn-dark{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.portfolio__page .swiper-slide-active .title{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .shape-circle{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .text-stroke{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .sec-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .sec-text p{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__service .sec-text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .brand-title{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .brand-logo img{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .pp-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .pp-next{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pp-prev{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .portfolio__service-item{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .ps-btn a{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.portfolio__page .swiper-slide-active .pf-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.portfolio__page .swiper-slide-active .contact__text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pf-contact h3{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .pf-contact ul li{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .pf-social h3{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.portfolio__page .swiper-slide-active .pf-social ul li{-webkit-animation:wcfadeUp 1s 1s forwards;animation:wcfadeUp 1s 1s forwards}
.portfolio__page .swiper-slide-active .contact__form{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .portfolio__about-left img{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__project .pp-slider-wrapper{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.portfolio__page .swiper-slide-active .portfolio__project .pp-slide-thumb{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.portfolio__page .swiper-slide-active .footer__copyright-2 p{-webkit-animation:wcfadeUp 1s 1.2s forwards;animation:wcfadeUp 1s 1.2s forwards}
.portfolio__page .swiper-slide-active .footer-menu,.portfolio__page .swiper-slide-active .footer-menu-2{-webkit-animation:wcfadeUp 1s 1.3s forwards;animation:wcfadeUp 1s 1.3s forwards}
.portfolio__page .wc-btn-dark:hover{color:#fff;background-color:var(--black-2);border-color:var(--black-2)}
@media (max-width: 1300px) {
.swiper-slide .wc-btn-dark{-webkit-animation:wcfadeUp 1s .7s forwards;animation:wcfadeUp 1s .7s forwards}
.swiper-slide .title{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .shape-circle{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .text-stroke{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .sec-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .sec-text p{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__service .sec-text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .brand-title{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .brand-logo img{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .pp-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .pp-next{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pp-prev{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .portfolio__service-item{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .ps-btn a{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.swiper-slide .pf-title{-webkit-animation:wcfadeUp 1s .2s forwards;animation:wcfadeUp 1s .2s forwards}
.swiper-slide .contact__text{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pf-contact h3{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .pf-contact ul li{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .pf-social h3{-webkit-animation:wcfadeUp 1s .8s forwards;animation:wcfadeUp 1s .8s forwards}
.swiper-slide .pf-social ul li{-webkit-animation:wcfadeUp 1s 1s forwards;animation:wcfadeUp 1s 1s forwards}
.swiper-slide .contact__form{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .portfolio__about-left img{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__project .pp-slider-wrapper{-webkit-animation:wcfadeUp 1s .4s forwards;animation:wcfadeUp 1s .4s forwards}
.swiper-slide .portfolio__project .pp-slide-thumb{-webkit-animation:wcfadeUp 1s .6s forwards;animation:wcfadeUp 1s .6s forwards}
.swiper-slide .footer__copyright-2 p{-webkit-animation:wcfadeUp 1s 1.2s forwards;animation:wcfadeUp 1s 1.2s forwards}
.swiper-slide .footer-menu,.swiper-slide .footer-menu-2{-webkit-animation:wcfadeUp 1s 1.3s forwards;animation:wcfadeUp 1s 1.3s forwards}
}
.menu-text-pp{color:var(--black-2)}
.circle-pagination{width:90px!important;bottom:unset!important;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media only screen and (max-width: 767px) {
.circle-pagination{display:none}
}
.circle-pagination.left{left:50px!important}
.circle-pagination.right{left:calc(100% - 135px)!important}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.circle-pagination.right{left:calc(100% - 90px)!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.circle-pagination.right{left:calc(100% - 80px)!important}
}
.circle-pagination button.swiper-pagination-bullet{position:relative;width:auto;height:auto;margin:10px 0!important;background-color:transparent;border-radius:50%;cursor:pointer;-webkit-transition:.3s;transition:.3s;border:1px solid rgba(0,0,0,0.3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.circle-pagination button.swiper-pagination-bullet{margin:5px 0!important}
}
.circle-pagination .swiper-pagination-bullet span{position:absolute;width:6px;height:6px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--black-2);border-radius:100%}
.circle-pagination .circle-progress{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:50px;height:50px}
.circle-pagination .circle-origin{fill:transparent;stroke:var(--black-2);stroke-width:1;stroke-linecap:round;stroke-dasharray:156px;stroke-dashoffset:156px}
.circle-pagination .swiper-pagination-bullet-active .circle-origin{-webkit-animation:progress 5s backwards;animation:progress 5s backwards}
@-webkit-keyframes progress {
0%{stroke-dashoffset:156px}
90%{stroke-dashoffset:0}
100%{stroke-dashoffset:-156px}
}
@keyframes progress {
0%{stroke-dashoffset:156px}
90%{stroke-dashoffset:0}
100%{stroke-dashoffset:-156px}
}
.circle-pagination-2{width:90px!important;top:50%;bottom:unset!important;left:30px!important;-webkit-transform:translateY(-45%);transform:translateY(-45%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.circle-pagination-2{left:0!important;width:63px!important}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.circle-pagination-2{left:0!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.circle-pagination-2{left:0!important}
}
.circle-pagination-2 .swiper-pagination-bullet{width:50px;height:50px;background-color:transparent;border:1px solid var(--black-2);position:relative;margin:10px 0!important}
.circle-pagination-2 .swiper-pagination-bullet::after{position:absolute;content:"";width:6px;height:6px;background-color:var(--black-2);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:100%}
.blog__area{overflow:hidden}
.blog__area .row{--bs-gutter-x:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.blog__area .row{--bs-gutter-x:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area .row{--bs-gutter-x:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area .row{--bs-gutter-x:20px}
}
.blog__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.blog__area-2{overflow:hidden;background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-2 .pt-150{padding-top:150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-2 .pb-110{padding-bottom:65px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-2 .pb-110{padding-bottom:55px}
}
@media only screen and (max-width: 767px) {
.blog__area-2 .pb-110{padding-bottom:0}
}
.blog__area-2 .row{--bs-gutter-x:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.blog__area-2 .row{--bs-gutter-x:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-2 .row{--bs-gutter-x:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-2 .row{--bs-gutter-x:20px}
}
.blog__area-2 #btn_wrapper,.blog__area-2 .btn_wrapper{margin-left:auto;margin-right:-40px;margin-top:-60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-2 #btn_wrapper,.blog__area-2 .btn_wrapper{margin-right:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-2 #btn_wrapper,.blog__area-2 .btn_wrapper{margin-right:0;margin-top:0;margin-bottom:60px}
}
@media only screen and (max-width: 767px) {
.blog__area-2 #btn_wrapper,.blog__area-2 .btn_wrapper{margin:0;margin-top:30px;margin-bottom:50px}
}
.blog__area-2 .sec-title{color:#fff;padding-top:10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-2 .sec-title{padding-top:45px}
}
.blog__area-2 .sec-text{padding-top:30px}
.blog__area-2 .sec-text p{max-width:340px;font-size:18px;line-height:1.4;color:var(--gray-2)}
.blog__area-2 .sec-btn{margin-bottom:30px}
.blog__area-2 .sec-btn a{margin-left:auto}
@media only screen and (max-width: 767px) {
.blog__area-2 .sec-btn a{margin-left:0}
}
.blog__area-3{overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-3.pb-140{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.blog__area-3.pb-140{padding-bottom:20px}
}
.blog__area-3 .sec-title{padding-bottom:40px;text-transform:uppercase;background-color:var(--white)}
.blog__area-3 .sec-title-wrapper{position:relative;padding-left:330px;margin-bottom:60px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-3 .sec-title-wrapper{padding-left:200px}
}
@media only screen and (max-width: 767px) {
.blog__area-3 .sec-title-wrapper{padding-left:0}
}
.blog__area-3 .sec-title-wrapper::after{position:absolute;content:"";left:39%;top:0;width:1px;height:100%;background-color:var(--white-2)}
.blog__area-3 .sec-title-wrapper p{padding-top:70px;padding-bottom:60px;max-width:330px;font-size:18px;line-height:1.4;margin-left:220px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-3 .sec-title-wrapper p{margin-left:100px;padding-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-3 .sec-title-wrapper p{margin-left:100px;padding-top:0}
}
@media only screen and (max-width: 767px) {
.blog__area-3 .sec-title-wrapper p{margin-left:0;padding-top:0;padding-bottom:0}
}
.blog__area-3 .sec-sub-title{padding-top:50px;text-transform:uppercase;background-color:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-3 .sec-sub-title{padding-top:0}
}
@media only screen and (max-width: 767px) {
.blog__area-3 .sec-sub-title{padding-top:0}
}
.blog__area-6{overflow:hidden}
.blog__area-6 .pb-110{padding-bottom:90px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-6 .pb-110{padding-bottom:25px}
}
@media only screen and (max-width: 767px) {
.blog__area-6 .pb-110{padding-bottom:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-6 .sec-title-wrapper{padding-top:90px}
}
@media only screen and (max-width: 767px) {
.blog__area-6 .sec-title-wrapper{padding-top:60px}
}
.blog__area-6 .blog__item,.blog__area-6 .blog__item-2{padding-bottom:55px;position:relative;z-index:1}
.blog__item,.blog__item-2{position:relative;z-index:5}
@media only screen and (max-width: 767px) {
.blog__item,.blog__item-2{padding-bottom:0px}
}
.blog__item:hover .blog__img,.blog__item-2:hover .blog__img{-webkit-transform:scale(1.3);transform:scale(1.3)}
.blog__item-2{text-align:center}
@media only screen and (max-width: 767px) {
.blog__item-2{padding-bottom:30px}
}
.blog__item-3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__item-3{-ms-grid-columns:2.5fr 1fr;grid-template-columns:2.5fr 1fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__item-3{margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.blog__item-3{-ms-grid-columns:1fr;grid-template-columns:1fr;margin-bottom:50px}
}
.blog__info-3{position:absolute;width:63%;bottom:-1px;right:0;margin-left:-50px;background:#fff;z-index:1;padding:40px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.blog__info-3{width:70%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__info-3{width:80%}
}
@media only screen and (max-width: 767px) {
.blog__info-3{width:90%;margin-left:0;padding:30px 20px;border-top-left-radius:5px}
}
.blog__img{width:100%;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .3s;transition:all .3s}
.blog__img-3{width:100%}
.blog__img-wrapper{overflow:hidden;margin-bottom:25px;position:relative;z-index:9}
.blog__meta,.blog__meta-2{font-weight:400;font-size:15px;line-height:1.3;color:var(--black-3);margin-bottom:10px}
.blog__meta a,.blog__meta-2 a{color:var(--black-3);-webkit-transition:all .3s;transition:all .3s}
.blog__meta a:hover,.blog__meta-2 a:hover{color:var(--secondary)}
.blog__meta-2{color:var(--gray-2)}
.blog__meta-2 a{color:var(--gray-2)}
.blog__meta-2 a:hover{color:var(--white)}
.blog__title,.blog__title-3,.blog__title-2{display:block;font-weight:600;font-size:30px;line-height:1.3;color:var(--black-2);border-bottom:1px solid var(--gray-5);padding-bottom:5px}
.blog__title:hover,.blog__title-3:hover,.blog__title-2:hover{color:var(--black-3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__title,.blog__title-3,.blog__title-2{font-size:22px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__title,.blog__title-3,.blog__title-2{font-size:20px}
}
.blog__title-2{color:#fff;border-bottom:0}
.blog__title-2:hover{color:var(--gray-2)}
.blog__title-3{padding-bottom:50px}
.blog__btn{display:inline-block;font-weight:400;font-size:16px;line-height:1.3;color:var(--black-3);text-transform:capitalize}
.blog__btn span{overflow:hidden;position:absolute;top:0;right:-28px}
.blog__btn span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .5s;transition:all .5s}
.blog__btn span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s}
.blog__btn:hover{color:var(--secondary)}
.blog__btn:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.blog__btn:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.blog__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.blog__text p{font-size:18px;line-height:1.4}
@media only screen and (max-width: 767px) {
.blog__text p{padding-top:30px}
}
.blog__detail{overflow:hidden}
.blog__detail-top{position:relative;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__detail-top{padding-top:90px}
}
@media only screen and (max-width: 767px) {
.blog__detail-top{padding-top:60px}
}
.blog__detail-date{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);padding-bottom:15px}
.blog__detail-date span{color:var(--black-3);position:relative;padding-left:25px}
.blog__detail-date span::before{position:absolute;content:"";width:4px;height:4px;top:11px;left:8px;background-color:var(--gray-5);border-radius:50px}
.blog__detail-title{font-weight:500;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:35px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.blog__detail-title{font-size:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.blog__detail-title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__detail-title{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__detail-title{font-size:48px}
}
@media only screen and (max-width: 767px) {
.blog__detail-title{font-size:36px}
}
.blog__detail-metalist{display:-webkit-box;display:-ms-flexbox;display:flex;gap:50px;padding-bottom:50px}
.blog__detail-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}
.blog__detail-meta p{font-weight:400;font-size:14px;line-height:1.5;color:var(--gray-8)}
.blog__detail-meta p span{display:block;color:var(--black-3);font-size:16px;font-weight:500}
.blog__detail-thumb{overflow:hidden;position:relative;width:100%;height:60vh}
.blog__detail-thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
@media only screen and (max-width: 767px) {
.blog__detail-thumb{padding-bottom:40px}
}
.blog__detail-thumb img{width:100%}
.blog__detail-content{padding-top:55px;padding-bottom:30px}
.blog__detail-content p{font-size:17px;line-height:1.5;padding-bottom:25px}
.blog__detail-content img{margin-bottom:30px;max-width:100%}
.blog__detail-content h1,.blog__detail-content h2{font-weight:500;font-size:36px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h3{font-weight:500;font-size:30px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h4{font-weight:500;font-size:24px;line-height:1.2;color:var(--black);padding-bottom:15px;padding-top:10px}
.blog__detail-content h5{font-weight:500;font-size:20px;line-height:1.2;color:var(--black);padding-bottom:10px;padding-top:10px}
.blog__detail-content h6{font-weight:500;font-size:18px;line-height:1.2;color:var(--black);padding-bottom:10px;padding-top:10px}
.blog__detail-content ul,.blog__detail-content ol{padding-bottom:25px}
.blog__detail-content ul li,.blog__detail-content ol li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:5px;padding-left:25px;position:relative}
.blog__detail-content ul li::before,.blog__detail-content ol li::before{position:absolute;content:"+";left:0;font-size:20px}
.blog__detail-tags p{font-weight:400;font-size:18px;line-height:1.4;color:var(--black-2);text-transform:capitalize}
.blog__detail-tags p a{color:var(--black-3);text-transform:lowercase;text-decoration-line:underline}
.blog__related{overflow:hidden}
@media only screen and (max-width: 767px) {
.blog__related .pb-140{padding-bottom:0}
}
.blog__related .sec-title-wrapper{padding-bottom:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__related .pb-130{padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__related .pb-130{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.blog__related .pb-130{padding-bottom:0}
}
.blog-v2{padding-bottom:80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v2{padding-bottom:30px}
}
@media only screen and (max-width: 767px) {
.blog-v2{padding-bottom:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v2 .pt-150{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.blog-v2 .pt-150{padding-top:130px}
}
.blog-v2 .sec-text p{padding-bottom:70px;margin-left:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v2 .sec-text p{padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.blog-v2 .sec-text p{padding-bottom:40px}
}
.blog-v2 .blog__item-2{margin-bottom:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v2 .blog__item-2{margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.blog-v2 .blog__item-2{margin-bottom:0}
}
.blog-v3.blog__area-3 .sec-title-wrapper::after{position:unset}
.blog-v3 .line{padding-bottom:70px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-v3 .line{padding-top:50px;padding-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v3 .line{padding-top:50px;padding-bottom:50px}
}
@media only screen and (max-width: 767px) {
.blog-v3 .line{padding-top:50px;padding-bottom:30px}
}
.blog-v3 .blog__item-3{margin-bottom:80px;position:relative;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-v3 .blog__item-3{margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.blog-v3 .blog__item-3{margin-bottom:50px}
}
.img-box{position:relative;width:100%;height:500px;overflow:hidden}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.img-box{height:425px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.img-box{height:340px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.img-box{height:auto}
}
@media only screen and (max-width: 767px) {
.img-box{height:auto}
}
.img-box img{position:absolute;top:0;left:0;width:auto;height:100%;-webkit-transition:.5s;transition:.5s;background-size:cover}
@media (max-width: 1023px) {
.img-box img{position:unset;width:100%;height:auto}
}
.img-box img:nth-child(1){-webkit-transform:translatex(50%) scalex(2);transform:translatex(50%) scalex(2);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
@media (max-width: 1023px) {
.img-box img:nth-child(1){display:none}
}
.img-box:hover img:nth-child(2){-webkit-transform:translatex(-50%) scalex(2);transform:translatex(-50%) scalex(2);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}
@media (max-width: 1023px) {
.img-box:hover img:nth-child(2){opacity:1}
}
.img-box:hover img:nth-child(1){-webkit-transform:translatex(0) scalex(1);transform:translatex(0) scalex(1);opacity:1;-webkit-filter:blur(0);filter:blur(0)}
.row.reset-grid{--bs-gutter-x:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.row.reset-grid{--bs-gutter-x:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row.reset-grid{--bs-gutter-x:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row.reset-grid{--bs-gutter-x:20px}
}
.cta__area{overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__area-2 .pb-120{padding-bottom:126px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__area-2 .pb-120{padding-bottom:115px}
}
@media only screen and (max-width: 767px) {
.cta__area-2 .pb-120{padding-bottom:70px}
}
.cta__area-2 .wc-btn-pink{color:var(--black-3)}
.cta__area-2 .wc-btn-pink:hover{color:var(--black-2)}
.cta__area-3{background-color:var(--pink-5)}
@media only screen and (min-width: 1920px) {
.cta__area-3{padding-top:60px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__area-3{padding-top:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__area-3 .pt-150{padding-top:125px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__area-3{background-color:var(--white)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__area-3{background-color:#fff;padding-bottom:10px}
}
@media only screen and (max-width: 767px) {
.cta__area-3{background-color:#fff;padding-bottom:10px}
}
.cta__content{width:65%;margin:0 auto;text-align:center;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content{width:80%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content{width:100%}
}
@media only screen and (max-width: 767px) {
.cta__content{width:100%}
}
.cta__content #btn_wrapper,.cta__content .btn_wrapper{margin:0 auto}
.cta__content-2,.cta__content-3{width:80%;margin:0 auto;text-align:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-2,.cta__content-3{width:100%}
}
@media only screen and (max-width: 767px) {
.cta__content-2,.cta__content-3{width:100%}
}
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{position:relative;z-index:1;width:350px;height:350px;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{width:260px;height:260px}
}
@media (max-width: 1200px) {
.cta__content-2 #btn_wrapper,.cta__content-3 #btn_wrapper,.cta__content-2 .btn_wrapper,.cta__content-3 .btn_wrapper{width:200px;height:200px}
}
.cta__content-2 #btn_wrapper .btn-item,.cta__content-3 #btn_wrapper .btn-item,.cta__content-2 .btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:25px}
@media only screen and (max-width: 767px) {
.cta__content-2 #btn_wrapper .btn-item,.cta__content-3 #btn_wrapper .btn-item,.cta__content-2 .btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
.cta__content-2 a,.cta__content-3 a{width:300px;height:300px;font-size:24px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__content-2 a,.cta__content-3 a{width:220px;height:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px}
}
@media only screen and (max-width: 767px) {
.cta__content-2 a,.cta__content-3 a{width:200px;height:200px;font-size:20px}
}
.cta__content-2 a:hover span,.cta__content-3 a:hover span{width:800px;height:800px}
.cta__content-2 a i,.cta__content-3 a i{font-size:30px;-webkit-transform:rotate(0);transform:rotate(0);padding-left:20px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__content-3 a{width:220px;height:220px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__content-3 #btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-3 #btn_wrapper .btn-item,.cta__content-3 .btn_wrapper .btn-item{top:0}
}
.cta__content-3 a{border-color:var(--black-2)}
.cta__sub-title{font-weight:400;font-size:14px;line-height:1.3;text-transform:uppercase;color:var(--black-3);border:1px solid var(--gray);display:inline-block;padding:5px 17px;border-radius:30px;margin-bottom:10px}
.cta__sub-title-2{font-weight:300;font-size:28px;line-height:1.3;color:var(--black-2);padding-bottom:25px}
.cta__title{font-weight:400;font-size:50px;line-height:1;color:#007338;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.cta__title{font-size:36px;padding-bottom:40px}
}
.cta__title-2{font-weight:300;font-size:100px;line-height:1;color:var(--black-2);padding-bottom:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-2{font-size:75px;padding-bottom:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-2{font-size:70px;padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-2{font-size:60px;padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.cta__title-2{font-size:48px}
}
.story__area{overflow:hidden}
.story__area .sec-title-wrapper{padding-bottom:40px}
.story__area .from-text{position:absolute;top:-140px;right:-220px;width:160px;height:90px;background-color:var(--primary);padding:20px 30px;font-weight:400;font-size:18px;line-height:1.1;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.story__area .from-text{right:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.story__area .from-text{right:0;top:-89px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.story__area .from-text{right:-20px;top:-80px}
}
@media only screen and (max-width: 767px) {
.story__area .from-text{width:120px;right:0;top:-60px}
}
.story__area .from-text span{display:block;font-size:36px;font-weight:500}
@media only screen and (max-width: 767px) {
.story__area .from-text span{font-size:30px}
}
.story__text p{font-weight:400;font-size:17px;line-height:1.5;color:var(--black-3);padding-bottom:20px}
@media (max-height: 1365px) {
.story__text p{padding-top:30px;padding-bottom:0}
}
.story__img-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:700px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.story__img-wrapper{height:650px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.story__img-wrapper{height:580px}
}
@media (max-width: 1200px) {
.story__img-wrapper{height:100%}
}
.story__img-wrapper img{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px;max-width:100%}
@media only screen and (max-width: 767px) {
.story__img-wrapper img{margin-bottom:20px}
}
.team__area{background-color:var(--black-2);overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__area{padding-left:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area{padding-left:62px}
}
.team__area .sec-title{color:var(--white)}
.team__area .sec-title-wrapper{text-align:center;padding-bottom:60px}
.team__area .sec-sub-title{color:var(--white)}
.team__area-6{background-repeat:no-repeat;background-position:100px 180px;overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__area-6{background-position:0 180px;padding-left:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area-6{background-position:0 180px;padding-left:62px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__area-6{background-position:0 180px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-6 .line{padding-top:150px}
}
.team__area-6 .sec-title{line-height:.9;font-size:120px;padding-bottom:30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__area-6 .sec-title{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__area-6 .sec-title{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-6 .sec-title{font-size:60px}
}
@media only screen and (max-width: 767px) {
.team__area-6 .sec-title{font-size:48px;padding-top:90px}
}
.team__area-6 .sec-title-wrapper{max-width:520px;padding-bottom:60px}
.team__area-6 .sec-title-wrapper p{font-size:18px;line-height:1.4}
@media only screen and (min-width: 1920px) {
.team__slider{margin-left:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__slider{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width: 767px) {
.team__slide{padding:0 20px}
}
.team__slide:nth-child(even){padding-top:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__slide:nth-child(even){padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__slide:nth-child(even){padding-top:50px}
}
@media only screen and (max-width: 767px) {
.team__slide:nth-child(even){padding-top:0}
}
.team__slide img{width:100%}
.team__member-name,.team__member-name-6{font-weight:500;font-size:24px;line-height:1.3;color:#fff;padding-top:20px}
.team__member-name-6{color:var(--black-2)}
.team__member-name-7{font-weight:500;font-size:50px;margin-top:50px;line-height:1;color:var(--black-2);padding-bottom:10px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-name-7{font-size:60px;padding-bottom:20px}
.team__member-name-7 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-name-7{font-size:60px;padding-bottom:20px}
.team__member-name-7 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-name-7{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-name-7{font-size:48px}
.team__member-name-7 br{display:none}
}
@media only screen and (max-width: 767px) {
.team__member-name-7{font-size:36px;padding-bottom:20px}
}
.team__member-role,.team__member-role-6{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.team__member-role-6{color:var(--black-3)}
.team__member-role-7{font-weight:400;font-size:24px!important;margin-top:0px!important;line-height:1;color:var(--black-3);font-style:italic;padding-bottom:15px;margin-bottom:20px;position:relative;font-family: "Cormorant Garamond", serif;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-role-7{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-role-7{font-size:18px}
}
@media only screen and (max-width: 767px) {
.team__member-role-7{font-size:18px}
}
.team__member-role-7::after{position:absolute;content:"";width:150px;height:1px;left:0;bottom:0;background-color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-role-7::after{left:calc(50% - 75px)}
}
@media only screen and (max-width: 767px) {
.team__member-role-7::after{left:calc(50% - 75px)}
}
.team__member-role-7 span{color:var(--black-2);font-weight:500}
.team__join-btn{background-color:var(--black-2);padding:300px 0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__join-btn{padding:200px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__join-btn{padding:100px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn{padding:90px 0}
}
@media only screen and (max-width: 767px) {
.team__join-btn{padding:60px 0}
}
.team__join-btn #btn_wrapper,.team__join-btn .btn_wrapper{width:360px;height:360px;margin:0 auto}
.team__join-btn a{position:relative;color:var(--gray-2);font-size:20px;width:342px;height:342px;margin:0 auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn a{width:300px;height:300px;padding:60px}
}
@media only screen and (max-width: 767px) {
.team__join-btn a{width:220px;height:220px;padding:35px}
}
.team__join-btn a:hover span{width:800px;height:800px}
.team__join-btn a i{position:absolute;right:130px;top:150px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__join-btn a i{top:130px;right:88px}
}
@media only screen and (max-width: 767px) {
.team__join-btn a i{right:50px;top:90px}
}
.team__btm{overflow:hidden}
.team__btm .sec-title-wrapper{padding-left:48%;background-repeat:no-repeat;background-position:1px -150px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__btm .sec-title-wrapper{background-size:42%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__btm .sec-title-wrapper{background-size:400px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__btm .sec-title-wrapper{padding-left:30%;background-size:200px;background-position:1px -50px}
}
@media only screen and (max-width: 767px) {
.team__btm .sec-title-wrapper{background-size:0;padding-left:0;padding-bottom:0}
}
.team__btm p{font-size:22px;padding-top:30px;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__btm p{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__btm p{font-size:18px}
}
@media only screen and (max-width: 767px) {
.team__btm p{font-size:18px}
}
.team__detail{overflow:hidden}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__detail .pb-140{padding-bottom:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__detail .pb-140{padding-bottom:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__detail{padding-top:120px;position:relative}
.team__detail .pb-140{padding-bottom:10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:10px}
}
@media only screen and (max-width: 767px) {
.team__detail{text-align:center}
.team__detail .pb-140{padding-bottom:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__detail .pt-120{padding-top:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__detail .pt-120{padding-top:10px}
}
.team__detail p{font-size:17px;line-height:1.5;padding-bottom:20px}
.team__detail .work-title{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2);padding-bottom:20px}
.team__detail-page{position:relative}
.team__member-img{overflow:hidden;position:absolute;width:770px;height:100vh;left:-192px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__member-img{left:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-img{left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-img{position:unset;width:100%;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
}
@media only screen and (max-width: 767px) {
.team__member-img{position:relative;width:100%;height:auto;left:0;z-index:1;margin-top:150px}
}
.team__member-img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:102%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__member-img img{left:0;max-width:80%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__member-img img{left:0;max-width:70%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__member-img img{position:unset;max-width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__member-img img{position:unset;max-width:100%}
}
@media only screen and (max-width: 767px) {
.team__member-img img{position:unset;max-width:100%}
}
.team__member-work{padding-top:40px}
.team__member-work li{display:inline-block;padding-right:10px}
.team__member-work li a{display:block;font-weight:400;font-size:14px;line-height:1.5;color:var(--black-2);padding:5px 12px;border:1px solid var(--white-4);border-radius:30px;-webkit-transition:all .3;transition:all .3}
.team__member-work li a:hover{background-color:var(--black-2);color:var(--white)}
.team__member-social{padding-top:40px}
.team__member-social li{display:inline-block;padding-right:15px}
.team__member-social li a{font-size:18px;color:var(--gray-15)}
.team__member-social li a:hover{color:var(--black-2)}
.solution__area{padding-left:100px;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__area{padding-left:10px;padding-top:150px}
}
@media only screen and (max-width: 767px) {
.solution__area{padding-left:15px;padding-right:15px;padding-top:90px}
}
.solution__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1.3fr 1.7fr 1fr;grid-template-columns:1.3fr 1.7fr 1fr}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__wrapper{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
}
@media only screen and (max-width: 767px) {
.solution__wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__left{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/7}
}
.solution__mid{padding-left:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid{padding-left:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid{padding-left:0;grid-column:7/-1;-ms-grid-row:1;grid-row:1}
}
@media only screen and (max-width: 767px) {
.solution__mid{padding-left:0;-ms-grid-row:1;grid-row:1}
}
.solution__mid p{max-width:580px;font-weight:400;font-size:18px;line-height:1.4;color:var(--black-3);padding-left:190px;position:relative}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid p{padding-left:110px;max-width:480px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__mid p{padding-left:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid p{padding-left:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid p{padding-left:50px}
}
@media only screen and (max-width: 767px) {
.solution__mid p{padding-left:80px;padding-bottom:50px}
}
.solution__mid p::before{position:absolute;content:"";width:140px;height:1px;left:0;top:10px;background-color:var(--black-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__mid p::before{width:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__mid p::before{width:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__mid p::before{width:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__mid p::before{width:40px}
}
@media only screen and (max-width: 767px) {
.solution__mid p::before{width:70px}
}
.solution__right{padding-top:260px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__right{padding-top:0;grid-column:1/-1;-ms-grid-row:2;grid-row:2;padding-bottom:30px}
}
@media only screen and (max-width: 767px) {
.solution__right{padding-top:60px}
}
.solution__title{font-weight:600;font-size:150px;line-height:1;color:var(--black-2);padding-top:280px;padding-bottom:20px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__title{font-size:120px;padding-top:200px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__title{padding-top:80px;font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__title{padding-top:80px;font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__title{padding-top:60px;font-size:60px}
}
@media only screen and (max-width: 767px) {
.solution__title{padding-top:30px;font-size:36px}
}
.solution__img-1{display:inline-block;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-1{margin-left:30px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__img-1 img{max-width:400px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__img-1 img{max-width:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-1 img{max-width:240px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__img-1 img{max-width:260px}
}
@media only screen and (max-width: 767px) {
.solution__img-1 img{max-width:300px}
}
.solution__img-1::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);left:40px;top:0;border:1px solid var(--white-6);border-radius:0 0 290px 230px;z-index:-1}
@media only screen and (max-width: 767px) {
.solution__img-1::after{left:20px}
}
.solution__img-2{position:relative;float:right;margin-top:60px}
.solution__img-2::after{position:absolute;content:"";width:100%;height:100%;right:30px;top:0;border:1px solid var(--white-6);border-radius:200px;z-index:-1}
.solution__img-3{position:relative;float:right;margin-top:60px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__img-3 img{max-width:360px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__img-3 img{max-width:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__img-3 img{max-width:220px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__img-3 img{max-width:260px}
}
@media only screen and (max-width: 767px) {
.solution__img-3 img{max-width:300px}
}
.solution__img-3::after{position:absolute;content:"";width:calc(100% + 20px);height:100%;right:0;top:-30px;border:1px solid var(--white-6);border-radius:280px 0 0 200px;z-index:-1}
@media only screen and (max-width: 767px) {
.solution__btm{padding-top:40px}
}
.solution__btm ul{text-align:right}
.solution__btm li{display:inline;font-weight:400;font-size:18px;line-height:1.4;color:var(--black-2);padding-right:40px;position:relative}
.solution__btm li:last-child{padding-right:0}
@media only screen and (max-width: 767px) {
.solution__btm li{padding-right:30px}
}
.solution__btm li::after{position:absolute;content:"";width:5px;height:5px;left:-20px;top:12px;background-color:var(--black-2)}
.solution__btm li:first-child::after{position:unset}
.solution__shape img{position:absolute}
.solution__shape .shape-1{left:80%;top:25%}
.solution__shape .shape-2{left:10%;top:75%}
.solution__shape .shape-3{left:33%;top:45%}
.solution__shape .shape-4{left:72%;top:70%}
.solution__shape .shape-5{top:42%;left:68%;z-index:-1}
.development__area{overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__area .pt-130{padding-top:150px}
}
@media only screen and (max-width: 767px) {
.development__area .pt-130{padding-top:120px}
}
@media only screen and (max-width: 767px) {
.development__area .pb-150{padding-bottom:40px}
}
.development__content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px 1fr;grid-template-columns:1fr 1fr;grid-gap:80px;padding-bottom:35px;margin-bottom:30px;border-bottom:1px solid var(--black-3);position:relative;z-index:1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.development__content{grid-gap:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.development__content{grid-gap:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
@media only screen and (max-width: 767px) {
.development__content{padding-top:30px;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:30px}
}
.development__content p{font-size:18px;line-height:1.4}
.development__wrapper{padding-bottom:55px}
@media only screen and (max-width: 767px) {
.development__wrapper{padding-bottom:15px}
}
.development__wrapper ul{display:-ms-grid;display:grid;-ms-grid-columns:240px auto;grid-template-columns:240px auto;-ms-grid-columns:310px auto;grid-template-columns:310px auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
@media only screen and (max-width: 767px) {
.development__wrapper ul{-ms-grid-columns:1fr;grid-template-columns:1fr;padding-bottom:20px}
}
.development__wrapper ul li{display:inline-block;padding-bottom:10px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.development__wrapper ul li{font-size:16px;padding-bottom:5px}
}
.development__img{overflow:hidden;position:relative;width:100%;height:400px;z-index:9}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:150%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.development__img{padding-bottom:15px;overflow:hidden;position:relative;width:100%;height:auto}
.development__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.development__img img{width:100%}
.award__area{background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__area.pb-140{padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__area.pb-140{padding-bottom:90px}
}
.award__area .sec-title{max-width:850px;color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__area .sec-title{max-width:700px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__area .sec-title{max-width:550px}
}
.award__area-8{position:relative}
.award__left{height:100%;margin-top:100px;position:relative}
@media only screen and (max-width: 767px) {
.award__left{margin-top:50px;-webkit-transform:translateY(50%);transform:translateY(50%)}
}
.award__left img{position:absolute;bottom:40%;right:30%}
@media only screen and (max-width: 767px) {
.award__left img{bottom:-40px}
}
.award__text,.award__text-2{font-size:160px;color:#fff;font-weight:600;-webkit-transform:rotate(-43deg);transform:rotate(-43deg);text-transform:uppercase;letter-spacing:-3px;position:absolute;top:130px;left:0}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.award__text,.award__text-2{font-size:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__text,.award__text-2{font-size:120px;top:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__text,.award__text-2{font-size:90px}
}
@media only screen and (max-width: 767px) {
.award__text,.award__text-2{position:unset;font-size:100px;-webkit-transform:rotate(0);transform:rotate(0);line-height:.5}
}
.award__text-2{-webkit-text-stroke:1px #3A3A3A;color:transparent;top:0;left:30px}
.award__text-8{position:absolute;width:300px;right:50px;bottom:50px;z-index:9}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__text-8{width:260px}
}
@media only screen and (max-width: 767px) {
.award__text-8{width:220px;right:10px;bottom:10px}
}
.award__text-8 a{display:block;max-width:100%;font-weight:400;font-size:20px;line-height:1.5;color:#fff;padding-bottom:15px;border-bottom:1px solid #fff;position:relative;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}
@media only screen and (max-width: 767px) {
.award__text-8 a{padding-bottom:5px}
}
.award__text-8 a:hover i{-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.award__text-8 a:hover span::after{opacity:1;visibility:visible;-webkit-transform:translate(20px,-20px) rotate(-45deg);transform:translate(20px,-20px) rotate(-45deg)}
.award__text-8 a span{position:absolute;top:0;right:0}
.award__text-8 a span i{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.award__text-8 a span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;left:-20px;bottom:-20px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.award__text-8 .title{font-weight:400;font-size:20px;line-height:1.4;color:var(--white)}
@media only screen and (max-width: 767px) {
.award__text-8 .title{font-size:16px}
}
.award__right > p{max-width:390px;margin-left:100px;font-size:18px;line-height:1.4;color:var(--gray-2);margin-bottom:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__right > p{margin-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__right > p{margin-left:0;margin-bottom:70px}
}
@media only screen and (max-width: 767px) {
.award__right > p{margin-left:0;-webkit-transform:translateY(-160%);transform:translateY(-160%)}
}
.award__item{display:-ms-grid;display:grid;-ms-grid-columns:1fr 0.5fr 0.5fr;grid-template-columns:1fr 0.5fr 0.5fr;border-bottom:1px solid var(--gray-12);padding:20px 0}
.award__item:first-child{border-top:1px solid var(--gray-12)}
.award__item p{font-weight:400;font-size:18px;line-height:1.4;color:var(--white)}
.award__item p:last-child{text-align:right}
.award__video-8{height:800px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__video-8{height:575px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__video-8{height:430px}
}
@media only screen and (max-width: 767px) {
.award__video-8{height:210px}
}
.award__video-8 video{width:100%}
.awards__area-8 .about-sub-right{font-weight:400;color:var(--black-3);padding-bottom:10px;text-transform:capitalize}
.awards__wrapper{padding-top:15px;padding-left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__wrapper{padding-left:0}
}
@media only screen and (max-width: 767px) {
.awards__wrapper{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
}
.awards__content__title{color:var(--black-2);font-size:80px;text-transform:uppercase;margin-bottom:55px;line-height:1}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.awards__content__title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__content__title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__content__title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.awards__content__title{font-size:36px;margin-bottom:30px}
}
.awards__content__title a{color:var(--black-2);font-family:"newYork";position:relative}
.awards__content__title a::after{position:absolute;content:"";width:100%;height:2px;left:0;bottom:10px;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.awards__content__title a::after{bottom:3px}
}
.awards__content p{font-size:18px;width:240px;margin-left:170px;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.awards__content p{margin-left:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__content p{margin-left:60px}
}
@media only screen and (max-width: 767px) {
.awards__content p{margin-left:60px;padding-bottom:30px}
}
.awards__items{display:-ms-grid;display:grid;grid-gap:30px;-ms-grid-columns:1.2fr 30px 3fr 30px 1.5fr 30px 0.5fr;grid-template-columns:1.2fr 3fr 1.5fr 0.5fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--gray-11);margin-bottom:20px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.awards__items{-ms-grid-columns:0.3fr 30px 2fr 30px 1fr 30px 0.5fr;grid-template-columns:0.3fr 2fr 1fr 0.5fr}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.awards__items{-ms-grid-columns:0.5fr 30px 2fr 30px 1fr 30px 0.5fr;grid-template-columns:0.5fr 2fr 1fr 0.5fr}
}
@media only screen and (max-width: 767px) {
.awards__items{grid-gap:15px;-ms-grid-columns:0.3fr 15px 2fr 15px 1fr 15px 0.5fr;grid-template-columns:0.3fr 2fr 1fr 0.5fr}
}
.awards__items .number{color:var(--black-7);font-size:18px;font-weight:400;line-height:1.5}
.awards__items .title{color:var(--black-2);font-size:18px;font-weight:500;line-height:1.5}
@media only screen and (max-width: 767px) {
.awards__items .title{font-size:16px}
}
.awards__items img{max-width:100px}
@media only screen and (max-width: 767px) {
.awards__items img{max-width:60px}
}
.awards__items .date{font-weight:400;font-size:18px;line-height:1.5;text-align:right;color:var(--black-7)}
@media only screen and (max-width: 767px) {
.awards__items .date{font-size:16px}
}
@media only screen and (max-width: 767px) {
.about8{margin-bottom:40px}
}
.dark .awards__content p,.dark .awards__items .title,.dark .awards__content__title a,.dark .awards__content__title,.dark .awards__area-8 .about-sub-right{color:var(--white)}
.dark .awards__items .number,.dark .awards__items .date{color:var(--gray-2)}
.dark .awards__content__title a::after{background-color:var(--white)}
.faq__area{overflow:hidden}
.faq__area-6{overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__area-6 .line{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq__area-6 .line{padding-top:130px}
}
@media only screen and (max-width: 767px) {
.faq__area-6 .line{padding-top:120px}
}
.faq__area-6 .sec-title-wrapper{padding-bottom:60px}
@media only screen and (max-width: 767px) {
.faq__area-6 .sec-title-wrapper{padding-bottom:40px}
}
.faq__area-6 .sec-title-wrapper p{padding-left:60px;font-size:18px;padding-top:20px;line-height:1.4}
@media only screen and (max-width: 767px) {
.faq__area-6 .sec-title-wrapper p{padding-left:30px}
}
.faq__img{padding-right:85px;overflow:hidden;position:relative;width:calc(100% - 85px);height:630px;z-index:1}
.faq__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.faq__img{padding-right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__img{padding-right:0;overflow:hidden;position:relative;width:calc(100% - 30px);height:auto}
.faq__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq__img{overflow:hidden;position:relative;width:100%;height:auto;padding-right:0}
.faq__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
@media only screen and (max-width: 767px) {
.faq__img{overflow:hidden;position:relative;width:100%;height:auto;padding-right:0}
.faq__img img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto;position:unset}
}
.faq__img img{width:100%}
.faq__content{padding-left:85px;padding-top:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.faq__content{padding-left:30px;padding-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__content{padding-left:0;padding-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq__content{padding-left:0;padding-top:0}
}
@media only screen and (max-width: 767px) {
.faq__content{padding-left:0}
}
.faq__title{font-weight:500;font-size:36px;line-height:1.1;color:var(--black-2);margin-bottom:25px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.faq__title{font-size:30px}
}
.faq__list,.faq__list-6,.faq__list-3{padding-right:1px}
.faq__list .accordion-body,.faq__list-6 .accordion-body,.faq__list-3 .accordion-body{padding-left:0;min-height:160px}
.faq__list .accordion-item,.faq__list-6 .accordion-item,.faq__list-3 .accordion-item{border-left:0;border-right:0;border-radius:0}
.faq__list .accordion-button,.faq__list-6 .accordion-button,.faq__list-3 .accordion-button{background-color:transparent;font-weight:500;font-size:18px;line-height:1.5;color:var(--black-2);padding-left:0;padding-right:10px;border-radius:0}
.faq__list .accordion-button.collapsed::after,.faq__list-6 .accordion-button.collapsed::after,.faq__list-3 .accordion-button.collapsed::after{background-image:none;content:"+";font-weight:300;font-size:30px;top:6px;position:absolute;right:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list .accordion-button:not(.collapsed),.faq__list-6 .accordion-button:not(.collapsed),.faq__list-3 .accordion-button:not(.collapsed){-webkit-box-shadow:none;box-shadow:none;background:transparent}
.faq__list .accordion-button:not(.collapsed)::after,.faq__list-6 .accordion-button:not(.collapsed)::after,.faq__list-3 .accordion-button:not(.collapsed)::after{background-image:none;content:"-";font-weight:300;font-size:30px;top:6px;position:absolute;right:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list .accordion-button:focus,.faq__list-6 .accordion-button:focus,.faq__list-3 .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none}
.faq__list-3{padding-right:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__list-3{padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq__list-3{padding-right:0}
}
@media only screen and (max-width: 767px) {
.faq__list-3{padding-right:0}
}
.faq__list-3 .accordion-item{background-color:transparent;border-bottom:1px solid var(--black-2)}
.faq__list-3 .accordion-item:first-child{border-top:1px solid var(--black-2)}
.faq__list-6{padding-left:1px}
.faq__list-6 .accordion-button{font-size:20px}
.faq__list-6 .accordion-button.collapsed::after,.faq__list-6 .accordion-button:not(.collapsed)::after{font-size:50px;top:-10px}
.faq__list-6 .accordion-body p{font-size:18px;line-height:1.4}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__list-6 .accordion-header{padding-right:10px}
}
.faq__btm{text-align:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.faq__btm .pb-130{padding-bottom:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.faq__btm .pb-130{padding-bottom:120px}
}
.faq__btm p{padding-top:15px;font-size:18px;line-height:1.4}
.faq__btm a{margin:0 auto;margin-top:60px}
@media only screen and (max-width: 767px) {
.faq__btm a{margin-top:0}
}
.faq__btm #btn_wrapper,.faq__btm .btn_wrapper{margin:0 auto}
@media only screen and (max-width: 767px) {
.faq__btm #btn_wrapper,.faq__btm .btn_wrapper{margin-top:40px}
}
.header__area-9{position:absolute;left:0;right:0;z-index:9}
.hero_layer_9{position:relative}
#main{display:-webkit-box;display:-ms-flexbox;display:flex}
.content{color:#fff;position:absolute;bottom:120px;text-align:center;left:50px;z-index:99;font-size:.8em;text-transform:uppercase}
.content p{color:var(--white)}
.hero9_title{font-size:80px;font-weight:500;margin-bottom:30px}
.hero9_title span{font-family:"newYork";position:relative;padding-left:30px}
.hero9_title span::before{position:absolute;content:"";top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-20%;height:2px;width:70px;background-color:var(--white)}
.content a{color:rgba(227,227,227,0.78);text-decoration:none;border-bottom:1px solid currentColor}
.content a:hover{padding-bottom:1px}
.buttons{position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:99}
.buttons button{border:none;background-size:contain;background:url(https://raw.githubusercontent.com/Rajacharles/GSAP-Fullscreen-Slider/master/images/down-arrow.png) no-repeat;background-position:center;width:10px;height:30px;display:block;margin:20px 0;padding:0 15px;-webkit-transition-duration:.6s;transition-duration:.6s}
.buttons button.next{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
.buttons button.next:active{-webkit-transform:scaleY(-1) translateY(8px);transform:scaleY(-1) translateY(8px)}
.buttons button.prev:active{-webkit-transform:translateY(8px);transform:translateY(8px)}
#main .part{-webkit-box-flex:1;-ms-flex:1;flex:1}
#main .part .section{width:100%;height:100vh;position:relative;overflow:hidden}
#main .part .section img{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;position:absolute;left:var(--x);pointer-events:none}
.section{display:block;width:100%;height:100%}
.part:first-child h2{display:block;top:45%!important;left:49%!important;position:absolute;z-index:9999999999999!important;width:500px;background:transparent;height:400px}
#header_10{position:static;background:transparent}
#home10_menu li > a{color:var(--black)}
.hero__area-10 .swiper.hero10_activition{padding-bottom:110px}
.hero__area-10 .swiper-button-prev.hero_prev{color:var(--black-3);text-transform:uppercase;bottom:40px;position:absolute;top:unset;width:85px;left:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;transition:all .3s}
@media (max-width: 1365px) {
.hero__area-10 .swiper-button-prev.hero_prev img{margin-left:0}
}
.hero__area-10 .swiper-button-prev.hero_prev:hover{color:var(--black-2)}
.hero__area-10 .swiper-button-prev.hero_prev:hover img{margin-left:10px}
@media (max-width: 1365px) {
.hero__area-10 .swiper-button-prev.hero_prev:hover img{margin-left:0}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-10 .swiper-button-prev.hero_prev{bottom:25px}
}
@media only screen and (max-width: 767px) {
.hero__area-10 .swiper-button-prev.hero_prev{width:75px}
}
.hero__area-10 .swiper-button-prev.hero_prev img{-webkit-transition:all .3s;transition:all .3s;max-width:100%}
.hero__area-10 .swiper-button-next.hero_next{text-transform:uppercase;bottom:40px;position:absolute;top:unset;right:0;width:85px;color:var(--black-3);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;transition:all .3s}
@media (max-width: 1365px) {
.hero__area-10 .swiper-button-next.hero_next img{margin-right:0}
}
.hero__area-10 .swiper-button-next.hero_next:hover{color:var(--black-2)}
.hero__area-10 .swiper-button-next.hero_next:hover img{margin-right:10px}
@media (max-width: 1365px) {
.hero__area-10 .swiper-button-next.hero_next:hover img{margin-right:0}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-10 .swiper-button-next.hero_next{bottom:25px}
}
@media only screen and (max-width: 767px) {
.hero__area-10 .swiper-button-next.hero_next{width:75px}
}
.hero__area-10 .swiper-button-next.hero_next img{-webkit-transition:all .3s;transition:all .3s;max-width:100%}
.hero__area-10 .swiper-button-prev:after,.hero__area-10 .swiper-rtl .swiper-button-next:after{display:none}
.hero__area-10 .swiper-button-next:after,.hero__area-10 .swiper-rtl .swiper-button-prev:after{display:none}
.hero__area-10 .increase-dash{font-size:6px;width:90px;background:var(--black);height:1px;color:#1C1D20}
@media only screen and (max-width: 767px) {
.hero__area-10 .increase-dash{width:50px}
}
.hero__area-10 .hero10_activition{position:relative}
.hero__area-10 .hero10_activition .swiper-pagination-current{position:relative;display:inline-block;width:22px}
@media only screen and (max-width: 767px) {
.hero__area-10 .hero10_activition .swiper-pagination-current{margin-left:22px}
}
.hero__area-10 .hero10_activition .swiper-pagination-current::before{content:"0";position:absolute;left:-5px}
.hero__area-10 .hero10_activition .swiper-pagination-total{position:relative;display:inline-block;width:48px}
.hero__area-10 .hero10_activition .swiper-pagination-total::before{content:"0";position:absolute;left:8px}
.hero__area-10 .hero10_activition .swiper-pagination{color:var(--black);width:190px;left:50%;bottom:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-10 .hero10_activition .swiper-pagination{bottom:30px}
}
@media only screen and (max-width: 767px) {
.hero__area-10 .hero10_activition .swiper-pagination{width:160px}
}
.hero10{position:relative;overflow:hidden;z-index:2;-webkit-transition:all .5s;transition:all .5s}
.hero10::after{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:1;opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s;background:rgba(0,0,0,0.3)}
.hero10:hover::after{opacity:1;visibility:visible}
.hero10:hover .hero10__content i{opacity:1;-webkit-transform:translateY(-50px) rotate(-45deg);transform:translateY(-50px) rotate(-45deg)}
.hero10:hover .hero10__content__title{opacity:1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
.hero10:hover .hero10__content__name{opacity:1;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
.hero10:hover .hero10__thumb img{-webkit-transform:scale(1.1);transform:scale(1.1)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero10__thumb{height:470px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero10__thumb{height:470px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero10__thumb{height:470px}
}
@media only screen and (max-width: 767px) {
.hero10__thumb{height:70vh}
}
.hero10__thumb img{width:100%;-webkit-transition:all 5s;transition:all 5s;-webkit-transform:scale(1);transform:scale(1)}
.hero10__content{color:#fff;position:absolute;left:40px;z-index:9;bottom:0;-webkit-transition:.5s;transition:.5s}
.hero10__content i{color:#fff;font-size:24px;margin-bottom:35px;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:0;-webkit-transition:all .5s;transition:all .5s}
@media (max-width: 1365px) {
.hero10__content i{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
}
@media only screen and (max-width: 767px) {
.hero10__content i{margin-bottom:20px}
}
.hero10__content__title{font-weight:500;font-size:45px;line-height:1;text-transform:uppercase;color:#fff;opacity:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
@media (max-width: 1365px) {
.hero10__content__title{font-size:36px;opacity:1}
}
@media only screen and (max-width: 767px) {
.hero10__content__title{font-size:30px}
}
.hero10__content__title span{display:block;font-weight:400;font-family:"newYork"}
.hero10__content__name{color:#fff;font-size:14px;font-weight:500;margin-bottom:7px;display:inline-block;text-transform:uppercase;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all .5s;transition:all .5s}
@media (max-width: 1365px) {
.hero10__content__name{opacity:1}
}
.hero10__content__date{font-size:14px;font-weight:500;color:var(--white)}
.showcase4{margin-bottom:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase4{margin-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase4{margin-bottom:50px}
}
@media only screen and (max-width: 767px) {
.showcase4{margin-bottom:40px}
}
.showcase4 .showcase5_content{position:absolute;bottom:50px;left:50px;color:var(--white)}
.showcase4__thumb{position:relative;display:inline-block;overflow:hidden;position:relative;width:100%;height:500px}
.showcase4__thumb img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:130%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase4__thumb{height:400px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase4__thumb{height:400px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
@media only screen and (max-width: 767px) {
.showcase4__thumb{height:unset}
.showcase4__thumb img{position:unset;height:auto}
}
.showcase4__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}
@media only screen and (max-width: 767px) {
.showcase4__content br{display:block}
}
.showcase4__content h2{color:var(--black-2);font-size:24px;line-height:1;font-weight:500;text-transform:uppercase}
.showcase4__content h2 span{color:var(--black-2);padding-left:35px;font-family:"newYork";position:relative}
.showcase4__content h2 span::before{content:"";position:absolute;left:0;top:50%;height:1px;width:30px;background-color:var(--black-13)}
.showcase4__content h2 span.before_content_two{padding-left:65px;color:var(--white)}
.showcase4__content h2 span.before_content_two::before{width:55px;background-color:var(--white)}
.showcase4__content span{text-transform:uppercase;color:var(--black-13)}
.plr-50{padding:0 50px}
.work12__title{margin:0 auto 80px;margin-right:0}
.hero__area-12{overflow:hidden;height:100%;padding:100px 30px 0}
.hero__area-12 .swiper-horizontal > .swiper-pagination-bullets,.hero__area-12 .swiper-pagination-bullets.swiper-pagination-horizontal,.hero__area-12 .swiper-pagination-custom,.hero__area-12 .swiper-pagination-fraction{bottom:81px;left:0;width:100%}
.hero__area-12 .swiper-pagination-bullet-active{outline:1px solid #121212;outline-offset:4px;background:#121212}
.hero__area-12 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.hero__area-12 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 11px}
.hero__area-12 .gallery-slider{width:100%;height:auto;overflow:hidden;padding-top:80px}
.hero__area-12 .gallery-thumbs{position:absolute;width:300px;height:100%;top:0;right:0}
.hero__area-12 .gallery-thumbs .swiper-slide-active{opacity:1}
.hero__area-12 .gallery-thumbs .swiper-slide img{width:150px}
.hero__area-12 .gallery-slider .swiper-slide{width:auto}
.gallary12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.gallary12__thumb{height:575px;max-width:865px}
.gallary12__thumb img{width:100%;height:inherit;-o-object-fit:cover;object-fit:cover}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.gallary12__thumb{max-width:850px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__thumb{height:520px;max-width:750px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__thumb{height:460px;max-width:560px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__thumb{height:380px;max-width:570px}
}
@media only screen and (max-width: 767px) {
.gallary12__thumb{max-width:100%;height:55vh}
}
.gallary12__content{text-transform:uppercase;-ms-flex-preferred-size:28%;flex-basis:28%;opacity:0;-webkit-transition:all .7s;transition:all .7s}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__content{-ms-flex-preferred-size:32%;flex-basis:32%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__content{-ms-flex-preferred-size:30%;flex-basis:30%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.gallary12__content{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:20px}
}
.gallary12__content img{display:block;text-align:left;margin-bottom:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content img{margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.gallary12__content img{margin-bottom:20px}
}
.gallary12__content__title{font-size:60px;color:var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gallary12__content__title{font-size:48px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gallary12__content__title{font-size:36px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gallary12__content__title{font-size:30px}
.gallary12__content__title br{display:none}
}
@media only screen and (max-width: 767px) {
.gallary12__content__title{font-size:24px}
}
.gallary12__content__title span{font-family:"newYork"}
.gallary12__content__name{color:var(--black-2)}
.title_right.w-300{width:300px}
.pl-100{padding-left:100px}
.showcase5_title{font-size:80px!important;margin-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase5_title{font-size:30px!important;margin-bottom:20px}
}
@media only screen and (max-width: 767px) {
.showcase5_title{font-size:20px!important;margin-bottom:20px}
}
.showcase5_bottom{padding-left:38px;position:relative;z-index:2}
.showcase5_bottom span{color:var(--white)}
@media only screen and (max-width: 767px) {
.section_title_wrapperr{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title_wrapperr{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
}
.showcase5__content img{margin-bottom:35px}
.showcase5__content p{font-weight:400;font-size:32px;line-height:1.3;text-align:center;color:var(--black-3);position:relative;padding-bottom:190px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase5__content p{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase5__content p{font-size:24px}
}
@media only screen and (max-width: 767px) {
.showcase5__content p{font-size:20px;padding-bottom:100px}
}
.showcase5__content p::after{position:absolute;content:"";width:1px;height:100px;bottom:0;left:50%;background-color:var(--black-2)}
@media only screen and (max-width: 767px) {
.showcase5__content p::after{height:50px}
}
.logos_wrapper li{margin-bottom:10px}
.logos_wrapper li a{text-transform:capitalize;color:var(--black-2);font-weight:500}
.logo17{margin-bottom:90px}
.hero__area-15{padding:0 30px;overflow:hidden}
@media only screen and (max-width: 767px) {
.hero__area-15{padding:0 15px}
}
.hero__area-15::before{content:"";display:table}
.hero__area-15::after{content:"";display:table;clear:both}
.hero__area-15 .swiper-container{width:calc(100% - 160px);height:calc(100vh - 120px);float:left;-webkit-transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,transform .3s ease;transition:opacity .6s ease,transform .3s ease,-webkit-transform .3s ease}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-15 .swiper-container{height:calc(100vh - 80px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-15 .swiper-container{width:calc(100% - 130px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-15 .swiper-container{height:calc(100vh - 60px);width:calc(100% - 90px)}
}
@media only screen and (max-width: 767px) {
.hero__area-15 .swiper-container{width:100%;height:calc(100vh - 60px)}
}
.hero__area-15 .main-slider{padding-top:160px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-15 .main-slider{padding-top:120px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-15 .main-slider{padding-top:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-15 .main-slider{padding-top:100px}
}
@media only screen and (max-width: 767px) {
.hero__area-15 .main-slider{padding-top:120px}
}
.hero__area-15 .main-slider .swiper-image{width:100%;height:100%}
.hero__area-15 .main-slider .swiper-pagination{bottom:60px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-15 .main-slider .swiper-pagination{bottom:-40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-15 .main-slider .swiper-pagination{bottom:-40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-15 .main-slider .swiper-pagination{bottom:-40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-15 .main-slider .swiper-pagination{bottom:-40px}
}
@media only screen and (max-width: 767px) {
.hero__area-15 .main-slider .swiper-pagination{bottom:-40px}
}
.hero__area-15 .main-slider .swiper-pagination-bullet{margin:0 10px;width:6px;height:6px}
.hero__area-15 .main-slider .swiper-pagination-bullet-active{outline:1px solid var(--black-2);background:var(--black-2);outline-offset:6px}
.hero__area-15 .swiper-slide{overflow:hidden}
.hero__area-15 .swiper-slide.swiper-slide-active .gallary__thumb{background-color:transparent}
.hero__area-15 .swiper-slide.swiper-slide-active .gallary12__content{opacity:1}
.hero__area-15 .gallary__thumb{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;background-position:center;background-size:cover;background-color:rgba(0,0,0,0.6);background-blend-mode:hue;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;padding:10px 20px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;text-transform:uppercase}
.hero__area-15 .swiper-container.thumb-slider{width:160px;overflow:hidden;height:calc(100vh - 220px);margin-top:120px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-15 .swiper-container.thumb-slider{width:130px;margin-top:110px;height:calc(100vh - 180px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-15 .swiper-container.thumb-slider{width:130px;margin-top:100px;height:calc(100vh - 180px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-15 .swiper-container.thumb-slider{width:90px;margin-top:110px;height:calc(100vh - 180px)}
}
@media only screen and (max-width: 767px) {
.hero__area-15 .swiper-container.thumb-slider{width:100%;margin-top:30px;height:200px;display:none}
}
.hero__area-15 .swiper-container.thumb-slider .swiper-slide{cursor:pointer}
.hero__area-15 .gallary12{-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-15 .gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
@media only screen and (max-width: 767px) {
.hero__area-15 .gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.showcase__top-16{padding:200px 30px 65px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__top-16{padding:160px 30px 65px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__top-16{padding:160px 30px 60px}
}
@media only screen and (max-width: 767px) {
.showcase__top-16{padding:140px 30px 40px}
}
.showcase__top-16 .title-right{max-width:296px;margin-left:auto;padding-top:50px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase__top-16 .title-right{padding-top:40px}
}
.showcase__top-16 .title-right p{font-size:18px}
.showcase__content-16 a{position:relative;display:inline-block}
.showcase__content-16 img{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}
.showcase__info-16{position:absolute;bottom:50px;left:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__info-16{bottom:30px}
}
@media only screen and (max-width: 767px) {
.showcase__info-16{bottom:20px;left:20px}
}
.showcase__title-16{font-weight:500;font-size:80px;line-height:1;text-transform:uppercase;color:#fff;padding-bottom:35px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__title-16{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__title-16{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__title-16{font-size:36px}
}
@media only screen and (max-width: 767px) {
.showcase__title-16{font-size:30px;padding-bottom:10px}
.showcase__title-16 br{display:block}
}
.showcase__title-16 span{display:inline-block;text-indent:100px;font-family:"newYork";position:relative}
@media only screen and (max-width: 767px) {
.showcase__title-16 span{text-indent:30px}
}
.showcase__title-16 span::before{content:"";position:absolute;left:0;top:50%;height:2px;width:70px;background-color:var(--white)}
@media only screen and (max-width: 767px) {
.showcase__title-16 span::before{width:20px}
}
.showcase__sub-title-16{font-weight:500;font-size:14px;line-height:1.5;color:#fff;padding-left:100px;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.showcase__sub-title-16{padding-left:30px}
}
.showcase_info{display:block;overflow:hidden;width:100%;position:relative;z-index:9999;background-color:#fff;margin-bottom:-3px}
.showcase__info-16{position:absolute;bottom:30%;left:50px}
.showcase__image-16{overflow:hidden;height:100vh}
.showcase__content-16{position:relative;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.showcase__content-16 .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}
.wc-tilt{display:inline-block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.wc-tilt-2{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.dark .hero__area-10 .hero10_activition .swiper-pagination-current{color:var(--white)}
.dark .hero__area-10 .hero10_activition .swiper-pagination-total{color:var(--white)}
.dark .hero__area-10 .swiper-button-prev.hero_prev{color:var(--white)}
.dark .hero__area-10 .swiper-button-prev.hero_prev:hover{color:var(--gray-3)}
.dark .hero__area-10 .swiper-button-prev.hero_prev img{-webkit-filter:invert(1);filter:invert(1)}
.dark .hero__area-10 .swiper-button-next.hero_next{color:var(--white)}
.dark .hero__area-10 .swiper-button-next.hero_next:hover{color:var(--gray-3)}
.dark .hero__area-10 .swiper-button-next.hero_next img{-webkit-filter:invert(1);filter:invert(1)}
.dark .hero__area-10 .increase-dash{background-color:var(--white)}
.dark .showcase4__content h2{color:var(--white)}
.dark .showcase4__content h2 span{color:var(--white)}
.dark .showcase4__content span{color:var(--gray-2)}
.dark .showcase5__content p{color:var(--gray-3)}
.dark .showcase5__content p::after{background-color:var(--white)}
.dark .showcase5__content img{-webkit-filter:invert(1);filter:invert(1)}
.dark .showcase_info{background-color:var(--black-2)}
.dark .gallary12__content__title,.dark .gallary12__content__name{color:var(--white)}
.dark .gallary12__content img{-webkit-filter:invert(1);filter:invert(1)}
.dark .hero__area-15 .main-slider .swiper-pagination-bullet{background:#fff;opacity:.5}
.dark .hero__area-15 .main-slider .swiper-pagination-bullet-active{outline:1px solid #fff;background:#fff;opacity:1}
@media only screen and (max-width: 767px) {
.video7_layer .video-container video{height:300px}
}
.video_text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:540px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:3;right:100px;z-index:-2;bottom:60px}
.video_text::before{content:"";position:absolute;bottom:-23%;left:0;height:1px;width:100%;background:rgba(255,255,255,0.5)}
.video_text__left{margin-right:30px}
@media only screen and (max-width: 767px) {
.video_text{top:0;right:0}
}
.video_text .video_title_7{font-size:20px;color:#fff;font-family:"newYork"}
@media only screen and (max-width: 767px) {
.video_text .video_title_7{font-size:40px}
}
.video_text .video_dis_7{font-size:18px;color:#fff;text-indent:30px}
.nominated_title_7{font-family:"newYork";font-weight:400;font-size:100px;color:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.nominated_title_7{font-size:50px}
}
.contactrow{padding-left:450px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contactrow{padding-left:0}
}
.nominateparagraph{max-width:440px;margin:auto}
.nominateparagraph p{font-size:18px;text-indent:60px}
.overlay_text{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:75px;left:80px;z-index:9;color:#fff;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #fff;padding-bottom:30px}
.overlay_text h4{margin-right:30px}
.tech_title{font-weight:400;font-size:80px;line-height:1;color:var(--black-2);padding-bottom:45px;text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tech_title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tech_title{font-size:48px;padding-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tech_title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.tech_title{font-size:30px;line-height:1.3;padding-bottom:30px}
}
.tech_title a{color:var(--black-2);font-family:"newYork";position:relative}
.tech_title a::after{position:absolute;content:"";width:100%;height:2px;left:0;bottom:10px;background-color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.tech_title a::after{bottom:7px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.tech_title a::after{bottom:5px}
}
@media only screen and (max-width: 767px) {
.tech_title a::after{bottom:3px}
}
.tech_title span{font-family:"newYork"}
.single_dis{font-weight:400;font-size:24px;line-height:1.5;color:var(--black-3)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_dis{font-size:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_dis{font-size:18px}
}
@media only screen and (max-width: 767px) {
.single_dis{font-size:18px}
}
.single__thumb{position:relative}
.single__thumb img{max-width:100%}
.single__thumb video{width:100%}
.single__thumb .video-frame{position:absolute;left:0;top:-1px;width:100%;height:100%;-webkit-filter:brightness(25);filter:brightness(25)}
.single__thumb .shape-2{position:absolute;bottom:-30px;left:60%}
@media only screen and (max-width: 767px) {
.single__thumb .shape-2{bottom:-20px;max-width:40px}
}
.single__thumb .svgstar{position:absolute;left:25%;top:18%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.single__thumb .svgstar{left:24%;top:15%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.single__thumb .svgstar{left:23%;top:15%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single__thumb .svgstar{max-width:90px;left:23%;top:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single__thumb .svgstar{max-width:70px;left:24%;top:16%}
}
@media only screen and (max-width: 767px) {
.single__thumb .svgstar{max-width:40px;left:23%;top:15%}
}
.dark .tech_title,.dark .tech_title a{color:var(--white)}
.dark .tech_title a::after{background-color:var(--white)}
.dark .single__thumb .shape-2,.dark .single__thumb .svgstar{-webkit-filter:invert(1);filter:invert(1)}
.dark .single__thumb .video-frame{-webkit-filter:unset;filter:unset}
.client__area-8{background-color:var(--black-2);padding-top:150px;padding-bottom:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__area-8{padding-top:110px;padding-bottom:110px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__area-8{padding-top:100px;padding-bottom:100px}
}
@media only screen and (max-width: 767px) {
.client__area-8{padding-top:50px;padding-bottom:50px}
}
.client__area-8 .section_wrapper::before{background-color:#313131}
.client__area-8 .about-sub-right{font-weight:400;font-size:16px;line-height:1.5;color:#fff;padding-bottom:10px}
.client__area-8 .react_border{border-color:#313131}
.client__area-8 .react_border span{letter-spacing:1px;font-weight:400;font-size:16px;color:#fff;display:inline-block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.client__section{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-bottom:110px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.client__section{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-bottom:50px}
}
.client__section__title{color:#fff;font-size:80px;line-height:1;text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.client__section__title{font-size:60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__section__title{font-size:48px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__section__title{font-size:40px}
}
@media only screen and (max-width: 767px) {
.client__section__title{font-size:40px}
}
.client__section__title span{font-family:"newYork"}
.client__section__dis{max-width:240px;color:var(--gray-2);font-size:18px;line-height:1.5}
@media only screen and (max-width: 767px) {
.client__section__dis{max-width:100%}
}
.client__logo{display:-ms-grid;display:grid;grid-gap:120px 60px;-ms-grid-columns:1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr;grid-template-columns:repeat(6,1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.client__logo{grid-gap:80px 40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.client__logo{grid-gap:60px 40px;-ms-grid-columns:1fr 40px 1fr 40px 1fr 40px 1fr;grid-template-columns:repeat(4,1fr)}
}
@media only screen and (max-width: 767px) {
.client__logo{grid-gap:50px;-ms-grid-columns:1fr 50px 1fr 50px 1fr;grid-template-columns:repeat(3,1fr)}
}
.client__logo img{max-width:100%}
.career__top .sec-title-wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.career__top-title{background-color:var(--black-2);padding-bottom:500px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career__top-title{padding-bottom:470px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__top-title{padding-bottom:470px;padding-top:100px}
}
@media only screen and (max-width: 767px) {
.career__top-title{padding-bottom:30px;padding-top:80px}
}
.career__top-title .btn-item{width:200px;height:200px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__top-title .btn-item{width:170px;height:170px}
}
@media only screen and (max-width: 767px) {
.career__top-title .btn-item{width:170px;height:170px}
}
.career__top .sec-title-2{color:var(--white)}
@media only screen and (max-width: 767px) {
.career__top .sec-title-2{margin-bottom:50px}
}
.career__top-img{height:800px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.career__top-img{height:700px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career__top-img{height:560px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career__top-img{height:500px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__top-img{height:480px}
}
@media only screen and (max-width: 767px) {
.career__top-img{height:auto}
}
.career__top-img iframe,.career__top-img video{width:100%}
.career__thumb{margin-top:-500px;overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__thumb{margin-top:-480px}
}
@media only screen and (max-width: 767px) {
.career__thumb{margin-top:-50px}
}
.career__thumb .inherit{margin-right:-320px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.career__thumb .inherit{margin-right:-80px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career__thumb .inherit{margin-right:-130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career__thumb .inherit{margin-right:-50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__thumb .inherit{margin-right:-40px}
}
@media only screen and (max-width: 767px) {
.career__thumb .inherit{margin-right:calc(-0.5 * var(--bs-gutter-x))}
}
.career__gallery{overflow:hidden}
.career__gallery ul{text-align:center;margin-bottom:20px}
.career__gallery ul li{display:inline-block;font-weight:400;font-size:36px;line-height:1;color:var(--black-2);position:relative;padding-right:20px;margin-right:20px}
@media only screen and (max-width: 767px) {
.career__gallery ul li{font-size:24px;padding-right:10px;margin-right:10px}
}
.career__gallery ul li::after{position:absolute;content:"";width:3px;height:3px;right:0;bottom:10px;background-color:var(--black-2)}
.career__gallery ul li:last-child::after{position:unset}
.career__gallery-img{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:700px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.career__gallery-img{height:650px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career__gallery-img{height:580px}
}
@media (max-width: 1200px) {
.career__gallery-img{height:100%}
}
.career__gallery-img:last-child{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}
@media only screen and (max-width: 767px) {
.career__gallery-img:last-child{gap:0}
}
.career__gallery-img img{max-width:100%}
@media only screen and (max-width: 767px) {
.career__gallery-img img{margin:0 auto;margin-bottom:20px}
}
.career__gallery p{max-width:850px;margin:0 auto;font-weight:300;font-size:24px;line-height:1.3;color:var(--black-3);text-align:center;padding-bottom:60px;position:relative;z-index:3}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__gallery p{font-size:20px}
}
@media only screen and (max-width: 767px) {
.career__gallery p{font-size:20px}
}
.career__benefits{overflow:hidden}
.career__benefits .sec-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.career__benefits .sec-title-wrapper p{font-size:18px;line-height:1.4;padding-right:10px;padding-top:40px}
@media only screen and (max-width: 767px) {
.career__benefits .sec-title-wrapper p{padding-right:0;padding-top:30px}
}
.career__benefits-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__benefits-list{margin-bottom:70px;padding-top:40px}
}
@media only screen and (max-width: 767px) {
.career__benefits-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:50px}
}
.career__benefits-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:240px;height:240px;text-align:center;border:1px solid #C8C7C7;border-radius:100%;margin-left:-30px;margin-top:-30px;font-weight:400;font-size:18px;color:var(--black-2)}
@media only screen and (min-width: 1920px) {
.career__benefits-list li:nth-child(3n+1){margin-left:0}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.career__benefits-list li:nth-child(3n+1){margin-left:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.career__benefits-list li{width:210px;height:210px;margin-left:-20px;margin-top:-20px;padding:20px}
.career__benefits-list li:nth-child(3n+1){margin-left:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.career__benefits-list li{width:240px;height:240px;margin-left:-20px;margin-top:-20px;padding:20px}
.career__benefits-list li:nth-child(2n+1){margin-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.career__benefits-list li{width:260px;height:260px}
.career__benefits-list li:nth-child(3n+1){margin-left:0}
}
@media only screen and (max-width: 767px) {
.career__benefits-list li{width:175px;height:175px;margin-left:-10px;margin-top:-10px;padding:20px;font-size:16px}
.career__benefits-list li:nth-child(2n+1){margin-left:0}
}
.job__area{background-color:var(--black-2);overflow:hidden}
.job__area .sec-title{color:var(--white)}
.job__apply{margin-top:-20px}
@media (max-width: 1400px) {
.job__apply{margin-top:0}
}
.job__list{padding-top:60px}
.job__list a:first-child .job__item{border-top:1px solid var(--secondary)}
.job__item{display:-ms-grid;display:grid;-ms-grid-columns:1fr 5fr 5fr 1fr;grid-template-columns:1fr 5fr 5fr 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--secondary);padding:35px 0}
@media only screen and (max-width: 767px) {
.job__item{-ms-grid-columns:1fr;grid-template-columns:1fr;padding:35px 0 20px}
}
.job__item:hover .job__title{color:var(--white)}
.job__item:hover .job__link i{-webkit-transform:rotate(-45deg) translate(60px,2px);transform:rotate(-45deg) translate(60px,2px);color:var(--white)}
.job__item:hover .job__link span::after{right:0;bottom:0;opacity:1;visibility:visible;color:var(--white)}
.job__no,.job__open{font-weight:300;font-size:24px;line-height:1.3;color:var(--gray-3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__no,.job__open{font-size:20px}
}
@media only screen and (max-width: 767px) {
.job__no,.job__open{font-size:18px}
}
.job__title{font-weight:400;font-size:36px;line-height:1.5;color:var(--gray-3);-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__title{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__title{font-size:24px}
}
@media only screen and (max-width: 767px) {
.job__title{font-size:24px}
}
.job__link{text-align:right;overflow:hidden;position:relative}
.job__link span::after{position:absolute;content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900;right:45px;bottom:-35px;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);opacity:0;visibility:hidden;-webkit-transition:all .3s;transition:all .3s}
.job__link i,.job__link span{font-size:30px;color:var(--gray-3);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s;transition:all .3s}
.job__detail{overflow:hidden}
.job__detail-top{overflow:hidden;position:relative;width:100%;height:690px}
.job__detail-top img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
@media only screen and (min-width: 1920px) {
.job__detail-top{padding-left:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.job__detail-top{padding-left:0;overflow:hidden;position:relative;width:100%;height:500px}
.job__detail-top img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-top{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.job__detail-top img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-top{overflow:hidden;position:relative;width:100%;height:auto;position:unset}
.job__detail-top img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto}
}
@media only screen and (max-width: 767px) {
.job__detail-top{overflow:hidden;position:relative;width:100%;height:auto;position:unset;padding-top:73px}
.job__detail-top img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin-left:auto;margin-right:auto}
}
.job__detail-top img{width:100%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-top img{position:unset}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-top img{position:unset}
}
@media only screen and (max-width: 767px) {
.job__detail-top img{position:unset}
}
.job__detail-wrapper{padding-top:60px;padding-right:120px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.job__detail-wrapper{padding-right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.job__detail-wrapper{padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-wrapper{padding-right:0}
}
@media only screen and (max-width: 767px) {
.job__detail-wrapper{padding-right:0}
}
.amenities__detail-meta{padding-top:35px;padding-bottom:35px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.amenities__detail-meta{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.amenities__detail-meta{padding-bottom:20px}
}
.amenities__detail-meta li{display:inline-block;padding-right:70px;font-weight:500;font-size:16px;line-height:1.5;color:var(--black-3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.amenities__detail-meta li{padding-right:0;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.amenities__detail-meta li{width:auto;padding-right:20px!important;padding-bottom:20px}
}
.amenities__detail-meta li span{color:var(--gray-8);font-size:14px;font-weight:400;display:block}
.info__detail-content{border-top:1px solid var(--white-4);padding-top:35px}
.info__detail-content p{font-size:17px;line-height:1.5;padding-bottom:20px}
.san-gusme-page .info__detail-content p{line-height:1.7;}
.info__detail-content h1,.info__detail-content h2{font-weight:500;font-size:24px;line-height:1;color:var(--black-2);padding-bottom:20px}
.info__detail-content h3{font-weight:500;font-size:22px;line-height:1;color:var(--black-2);padding-bottom:20px}
.info__detail-content h4{font-weight:500;font-size:20px;line-height:1;color:var(--black-2);padding-bottom:20px}
.info__detail-content h5,.info__detail-content h6{font-weight:500;font-size:18px;line-height:1;color:var(--black-2);padding-bottom:20px}
.info__detail-content ul,.info__detail-content ol{padding-bottom:35px;padding-left:30px}
@media only screen and (max-width: 767px) {
.info__detail-content ul,.info__detail-content ol{padding-left:20px;padding-bottom:30px}
}
.info__detail-content ul li,.info__detail-content ol li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3);padding-bottom:5px;position:relative}
.info__detail-content ul li::before,.info__detail-content ol li::before{position:absolute;content:"";width:5px;height:5px;left:-18px;top:12px;background-color:var(--black-3);border-radius:30px}
.job__detail-sidebar{margin-top:70px;background:#F9F9F9;padding:40px 30px;position:sticky;top:70px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar{padding:30px 20px}
}
.job__detail-sidebar ul li{display:block;font-weight:500;font-size:16px;line-height:1.5;color:var(--black-3);padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.job__detail-sidebar ul li{font-size:14px}
}
.job__detail-sidebar ul li:last-child{padding-bottom:0}
.job__detail-sidebar ul li span{color:var(--gray-8);font-size:14px;font-weight:400;display:block}
.feature__area-2{background-color:var(--pink)}
.feature__top{padding-bottom:65px;border-bottom:1px solid var(--black)}
@media only screen and (max-width: 767px) {
.feature__top{border-bottom:none}
}
@media only screen and (max-width: 767px) {
.feature__btm{padding-bottom:15px}
}
.feature__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-left:85px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__text{padding-left:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__text{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__text{padding-left:0}
}
@media only screen and (max-width: 767px) {
.feature__text{padding-left:0;padding-top:30px}
}
.feature__text p{font-size:18px;line-height:1.4;color:var(--black-2)}
.feature__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr 15px 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__list{-ms-grid-columns:1fr 0 1fr;grid-template-columns:1fr 1fr;gap:0}
}
@media only screen and (max-width: 767px) {
.feature__list{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.feature__item{border-right:1px solid var(--black-2);padding:145px 30px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__item{padding:90px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__item{padding:90px 10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__item{padding:50px 30px;border-right:none}
}
@media only screen and (max-width: 767px) {
.feature__item{border-right:none;padding:0 0 50px}
}
.feature__item:first-child{padding-left:0}
.feature__item:last-child{border-right:0;padding-right:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__item:nth-child(odd){border-right:1px solid var(--black-2)}
}
.feature__item img{margin-bottom:35px}
.feature__item p{color:var(--black-2)}
.feature__title{font-weight:500;font-size:26px;line-height:1.4;color:var(--black-2);padding-bottom:12px}
.contact__area-6{overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__area-6 .line{padding-top:150px}
}
@media only screen and (max-width: 767px) {
.contact__area-6 .line{padding-top:90px}
}
.contact__text{max-width:330px;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media only screen and (max-width: 767px) {
.contact__text{padding-top:30px}
}
.contact__text p{font-size:17px;line-height:1.4}
.contact__btm{padding-top:50px}
@media only screen and (max-width: 767px) {
.contact__btm{padding-top:50px}
}
.contact__info{padding-top:15px}
@media only screen and (max-width: 767px) {
.contact__info{padding-bottom:70px}
}
.contact__info li.strongs {margin-bottom:10px!important}
.contact__info h3{font-weight:500;font-size:33px;line-height:1.2;color:var(--black-2);padding-bottom:60px}
.contact__info ul li a{text-decoration-line:underline}
.contact__info ul li a,.contact__info ul li span{font-weight:300;font-size:18px;line-height:1.5;color:var(--black-2);display:block;margin-bottom:10px}
.contact__form{position:relative;z-index:9}
.contact__form input,.contact__form textarea{width:100%;font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2);border:none;border-bottom:1px solid var(--gray);padding:15px 0;-webkit-transition:all .3s;transition:all .3s;outline:0;position:relative;z-index:1;background:transparent;margin-bottom:35px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact__form input,.contact__form textarea{padding:10px 0;margin-bottom:25px}
}
@media only screen and (max-width: 767px) {
.contact__form input,.contact__form textarea{margin-bottom:20px}
}
.contact__form input:focus,.contact__form textarea:focus{border-bottom:1px solid var(--black-2)}
.contact__form input::-webkit-input-placeholder,.contact__form textarea::-webkit-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-moz-placeholder,.contact__form textarea::-moz-placeholder{color:var(--black-2);opacity:1}
.contact__form input:-ms-input-placeholder,.contact__form textarea:-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::-ms-input-placeholder,.contact__form textarea::-ms-input-placeholder{color:var(--black-2);opacity:1}
.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--black-2);opacity:1}
.contact__form textarea{height:55px}
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-20px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:-10px}
}
@media (max-width: 1200px) {
.contact__form #btn_wrapper,.contact__form .btn_wrapper{margin-top:10px}
}
.price__area{background-color:var(--pink-3)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.price__area.pb-140{padding-bottom:100px}
}
.price__area .sec-title{text-transform:uppercase;padding-bottom:60px}
@media only screen and (max-width: 767px) {
.price__area .sec-title{padding-bottom:40px}
}
.price__area .sec-sub-title{text-transform:uppercase}
.price__table{margin-top:80px}
.price__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;background:#fff;padding:40px 30px;margin-bottom:20px;border-radius:9px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.price__item{gap:20px}
}
@media only screen and (max-width: 767px) {
.price__item{gap:30px}
}
.price__item:first-child{background-color:var(--black-2)}
.price__item:first-child .price__icon span{color:var(--black-2);border-color:var(--pink-2);background-color:var(--pink-2)}
.price__item:first-child .price__type{color:var(--gray-2);border:1px solid var(--gray-14)}
.price__item:first-child .price__title{color:var(--white)}
.price__item:first-child .price__info p{color:var(--gray-2)}
.price__item:first-child .price__amount p{color:var(--white)}
.price__item .best-value{font-weight:500;font-size:12px;line-height:10px;color:#fff;text-transform:uppercase;padding:8px 12px;border-radius:5px;background-color:var(--pink-2);position:absolute;top:-15px}
.price__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.price__icon span{display:block;width:40px;height:40px;color:var(--gray-2);border-radius:5px;border:2px solid var(--gray-13);background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.price__icon span i{font-size:20px}
.price__type{font-weight:400;font-size:12px;line-height:20px;text-transform:uppercase;color:var(--black-6);border:1px solid var(--black-6);display:inline-block;padding:5px 12px;border-radius:30px;margin-bottom:15px}
.price__title{font-weight:500;font-size:26px;line-height:1.5;text-transform:uppercase;color:var(--black-2);padding-bottom:5px}
.price__info p{color:var(--black-6)}
@media only screen and (max-width: 767px) {
.price__amount{position:absolute;top:0;right:30px;padding-top:30px}
}
.price__amount p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-weight:400;font-size:36px;line-height:1.3;color:var(--black-2)}
.price__amount p span{font-size:16px}
.price__btn{padding-top:50px}
@media only screen and (max-width: 767px) {
.price__btn{padding-top:0;margin-top:40px}
}
.price__btn a{margin:0 auto;border-color:var(--black-2)}
.error__content{padding-top:80px;height:60vh;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error__content{padding-top:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error__content::after{top:20%}
}
@media only screen and (max-width: 767px) {
.error__content::after{top:15%}
}
.error__content h2{font-weight:500;font-size:36px;line-height:1.5;color:var(--black-2);padding-top:25px;padding-bottom:10px}
@media only screen and (max-width: 767px) {
.error__content h2{font-size:30px;line-height:1.3}
}
.error__content p{max-width:340px;margin:0 auto;font-size:17px;line-height:1.4;padding-bottom:50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error__content p{padding-bottom:30px}
}
@media only screen and (max-width: 767px) {
.error__content p{padding-bottom:30px}
}
.error__content a{margin:0 auto!important}
.error__content img{max-width:100%}
.error__content #btn_wrapper,.error__content .btn_wrapper{margin-left:0;margin-top:-40px}
@media (max-width: 1400px) {
.error__content #btn_wrapper,.error__content .btn_wrapper{margin-top:0}
}
:root{--white-6:#d7d7d7;--white-7:#B7B7C5;--black-14:#323438;--lime:#745EFF;--lime-2:#5547F5;--gray-16:#6B6B6B;--gray-17:#F7F7FC;--gray-18:#999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4;--gray-25:#D3D3D3}
.btn-together{font-weight:400;line-height:1.3;color:#fff;position:relative;-webkit-transition:all .5s;transition:all .5s;font-size:18px;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.btn-together{font-size:14px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.btn-together{font-size:15px}
}
.btn-together i{padding-left:10px}
.btn-together::after{position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:#fff;content:"";-webkit-transition:all .5s;transition:all .5s}
.btn-together:hover::after{left:0;width:1%}
.btn-together:hover{color:var(--gray)}
.header__inner-5{padding:25px 50px 22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.header__inner-5{padding:20px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header__inner-5{padding:25px 15px 22px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header__inner-5{padding:25px 15px 22px}
}
.header__area-5{position:fixed;width:100%;left:0;top:0;z-index:99}
.header__area-5.sticky-5{background-color:#fff;border-bottom:1px solid var(--white-2)}
.header__area-5.sticky-5 .header__inner-5{padding:20px 50px}
@media (max-width: 1200px) {
.header__area-5.sticky-5 .header__inner-5{padding:20px 15px}
}
.menu-text-5{color:var(--black-2);font-size:15px;font-weight:400;text-transform:uppercase;padding-right:10px}
.menu-text-pp{color:var(--black-2);font-size:15px;font-weight:400;text-transform:uppercase;padding-right:10px}
.hero__area-5{padding:190px 35px 113px;position:relative}
@media only screen and (max-width: 767px) {
.hero__area-5{padding:135px 0 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-5{padding:145px 0 60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-5{padding:155px 0 70px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-5{padding:166px 0 80px;background-size:90%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__area-5{padding:185px 0 80px;background-size:90%}
}
.hero__area-5 img{position:absolute;width:100%;left:0;top:0;-webkit-filter:invert(1);filter:invert(1);z-index:0}
.hero__content-5 p{font-size:18px;color:var(--black-2);font-weight:400;line-height:1.4;max-width:330px}
@media only screen and (max-width: 767px) {
.hero__content-5 p{font-size:16px}
}
.hero__text-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:25px}
.hero__title-5{font-size:80px;font-weight:500;line-height:1;color:var(--black-2);text-transform:uppercase}
@media only screen and (max-width: 767px) {
.hero__title-5{font-size:30px;line-height:1.2}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title-5{font-size:36px;line-height:1.2;padding-bottom:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title-5{font-size:40px;line-height:1.4;padding-bottom:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title-5{font-size:45px;line-height:1.4}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__title-5{font-size:50px;line-height:1.4}
}
.portfolio__area-5{border-top:1px solid var(--gray-25);border-bottom:1px solid var(--gray-25);padding:56px 45px;position:relative;overflow:hidden}
@media only screen and (max-width: 767px) {
.portfolio__area-5{padding:56px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-5{padding:56px 0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-5{padding:56px 0}
}
.portfolio__area-5::before{position:absolute;left:33.3%;top:0;width:1px;height:100%;content:"";background-color:var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.portfolio__area-5::after{position:absolute;left:66.6%;top:0;width:1px;height:100%;content:"";background-color:var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.portfolio__area-5 .sec-line{position:absolute;left:0;opacity:0;width:100%;height:1px;content:"";background-color:var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.portfolio__inner-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:110px;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width: 767px) {
.portfolio__inner-5{gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__inner-5{gap:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__inner-5{gap:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__inner-5{gap:70px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__inner-5{gap:80px}
}
.portfolio__item-5{width:29%;position:relative;-webkit-transition:all .5s;transition:all .5s}
@media only screen and (max-width: 767px) {
.portfolio__item-5{width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__item-5{width:48.5%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__item-5{width:48%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__item-5{width:28%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__item-5{width:28%}
}
.portfolio__item-5:hover .portfolio__content-5{opacity:1;right:-50px}
.portfolio__item-5 img{width:100%;max-width:100%}
.portfolio__content-5{background-color:var(--black-2);padding:20px 30px 22px;display:inline-block;position:absolute;top:50%;right:-70px;z-index:9;opacity:0;-webkit-transition:all .5s;transition:all .5s}
@media only screen and (max-width: 767px) {
.portfolio__content-5{right:0;opacity:1}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__content-5{right:0;opacity:1}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__content-5{right:-70px}
}
.portfolio__name-5{font-size:14px;font-weight:400;line-height:1.3;padding-bottom:2px;color:#fff;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.portfolio__name-5{font-size:12px}
}
.portfolio__title-5{font-size:24px;font-weight:500;color:#fff;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.portfolio__title-5{font-size:18px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-5{font-size:18px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-5{font-size:20px}
}
.cta__area-5{position:relative;border-bottom:1px solid var(--secondary);-webkit-filter:invert(1);filter:invert(1)}
.cta__area-5::before{position:absolute;top:0;left:57%;width:1px;height:100%;content:"";background-color:var(--secondary)}
.cta__inner-5{max-width:1410px;margin:0 auto}
.cta__title-5{font-size:60px;color:#fff;font-weight:500;line-height:1.2;padding-bottom:28px;text-transform:uppercase}
@media only screen and (max-width: 767px) {
.cta__title-5{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-5{font-size:36px}
.cta__title-5 br{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-5{font-size:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-5{font-size:45px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__title-5{font-size:50px}
}
.cta__list-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:230px 30px auto;grid-template-columns:230px auto;gap:30px}
@media only screen and (max-width: 767px) {
.cta__list-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;margin-bottom:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__list-wrapper{-ms-grid-columns:180px 20px auto;grid-template-columns:180px auto;gap:20px}
}
.cta__list-left{padding-left:15px}
.cta__list-left li{position:relative}
.cta__list-left li::before{position:absolute;top:0;left:-15px;width:auto;height:auto;content:"+"}
.cta__item-5 h3{font-size:18px;font-weight:400;color:#fff;padding-bottom:10px;text-transform:uppercase}
.cta__item-5 li{font-size:18px;color:var(--gray-2);line-height:1.5;font-weight:400}
@media only screen and (max-width: 767px) {
.cta__item-5 li{font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__item-5 li{font-size:16px}
}
.cta__btn-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
@media only screen and (max-width: 767px) {
.cta__btn-5{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
.footer__area-5{padding:79px 0 72px;text-align:center}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__area-5{padding:60px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__area-5{padding:50px 0}
}
@media only screen and (max-width: 767px) {
.footer__area-5{padding:50px 0}
}
.footer__menu-5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;padding-top:30px;padding-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width: 767px) {
.footer__menu-5{gap:25px}
}
.footer__menu-5 li a{color:var(--gray-2);font-size:15px;line-height:1;font-weight:400;text-transform:uppercase;-webkit-transition:all .5s;transition:all .5s}
.footer__menu-5 li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-2)}
.footer__menu-5 li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.footer__menu-5 li a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.footer__menu-5 li a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.footer__menu-5 li a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.footer__menu-5 li a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.footer__menu-5 li a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.footer__menu-5 li a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.footer__menu-5 li a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.footer__menu-5 li a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.footer__menu-5 li a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.footer__menu-5 li a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.footer__menu-5 li a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.footer__menu-5 li a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.footer__menu-5 li a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.footer__menu-5 li a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.footer__menu-5 li a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.footer__menu-5 li a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.footer__menu-5 li a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.footer__menu-5 li a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.footer__menu-5 li a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.footer__menu-5 li a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.footer__menu-5 li a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.footer__menu-5 li a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.footer__menu-5 li a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.footer__menu-5 li a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.footer__menu-5 li a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.footer__menu-5 li a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.footer__menu-5 li a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.footer__menu-5 li a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.footer__menu-5 li a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.footer__menu-5 li a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.footer__menu-5 li a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.footer__menu-5 li a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.footer__menu-5 li a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.footer__menu-5 li a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.footer__menu-5 li a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.footer__menu-5 li a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.footer__menu-5 li a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.footer__menu-5 li a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.footer__menu-5 li a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.footer__menu-5 li a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.footer__menu-5 li a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.footer__menu-5 li a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.footer__menu-5 li a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.footer__menu-5 li a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.footer__menu-5 li a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.footer__menu-5 li a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.footer__menu-5 li a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.footer__menu-5 li a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.footer__menu-5 li a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.footer__menu-5 li a:hover{--y:-4px}
.footer__menu-5 li a:hover span{--m:calc(16px * -1)}
.footer__copyright-4{color:var(--gray-2);font-size:16px;font-weight:400}
.footer__copyright-4 a{color:var(--black-2)}
.footer__copyright-4 a:hover{color:var(--gray)}
.footer__area{overflow:hidden}
.footer__area-2{background-repeat:no-repeat;background-position:top right}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__area-2{background-size:380px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__area-2{background-size:350px}
}
@media only screen and (max-width: 767px) {
.footer__area-2{background-size:200px}
}
.footer__area-3{background-color:var(--black-2)}
.footer__row{margin-left:-500px}
@media only screen and (max-width: 767px) {
.footer__row{margin-left:0;margin-right:0}
}
.footer__top{text-align:right}
.footer__top img{margin-bottom:-380px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__top img{margin-bottom:-300px;width:90%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top img{margin-bottom:-250px;width:100%}
}
@media only screen and (max-width: 767px) {
.footer__top img{margin-bottom:0;width:100%}
}
.footer__top-2{padding-bottom:70px}
@media only screen and (max-width: 767px) {
.footer__top-2{padding-bottom:50px}
}
.footer__top-3{border-bottom:1px solid var(--black-6)}
.footer__top-wrapper-3{padding:0 50px;display:-ms-grid;display:grid;-ms-grid-columns:30% 10% auto;grid-template-columns:30% 10% auto}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 20px 15% 20px auto;grid-template-columns:35% 15% auto;gap:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 20px 20% 20px auto;grid-template-columns:35% 20% auto;gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top-wrapper-3{-ms-grid-columns:35% 25% auto;grid-template-columns:35% 25% auto}
}
@media only screen and (max-width: 767px) {
.footer__top-wrapper-3{padding:0 15px;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.footer__middle-2{border-top:1px solid var(--white-2);border-bottom:1px solid var(--white-2);padding:95px 0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__middle-2{padding:60px 0}
}
@media only screen and (max-width: 767px) {
.footer__middle-2{padding:50px 0}
}
.footer__location-2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__location-2{gap:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__location-2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
}
@media only screen and (max-width: 767px) {
.footer__location-2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}
}
.footer__location-2 .location h3{font-weight:400;font-size:22px;line-height:1.5;color:var(--black-2);padding-bottom:10px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__btm{padding-left:55px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__btm{padding-left:100px}
}
@media only screen and (max-width: 767px) {
.footer__btm{background-color:var(--black-2)}
.footer__btm .container{padding:0;background-color:var(--black-2)}
}
.footer__btm-2{padding:50px 0}
@media only screen and (max-width: 767px) {
.footer__btm-2{padding:30px 0}
.footer__btm-2 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.footer__btm-3{padding:50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__btm-3{padding:40px 15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__btm-3{padding:40px 15px}
.footer__btm-3 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
@media only screen and (max-width: 767px) {
.footer__btm-3{padding:30px 10px}
.footer__btm-3 .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}
.footer__inner{background-color:var(--black-2);display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr);padding-left:350px;position:relative;z-index:9}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__inner{padding-left:512px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__inner{padding-left:450px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__inner{padding-top:100px;padding-left:410px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__inner{padding-left:470px;padding-top:80px}
}
@media only screen and (max-width: 767px) {
.footer__inner{background-color:transparent;padding-left:0;padding-top:60px;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.footer__logo{margin-bottom:30px}
.footer__logo-3 img{margin-bottom:30px}
.footer__logo-3 p{max-width:310px;color:var(--gray-2)}
.footer__sub-title{max-width:850px;font-weight:300;font-size:36px;line-height:1.3;color:var(--black-3);padding-top:10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__sub-title{font-size:30px}
}
@media only screen and (max-width: 767px) {
.footer__sub-title{font-size:24px}
}
.footer__widget{-ms-grid-column-span:4;grid-column:span 4;padding:140px 0 130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0 0 50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget{-ms-grid-column:1;-ms-grid-column-span:5;grid-column:1/6;padding:0 0 50px}
}
@media only screen and (max-width: 767px) {
.footer__widget{padding:0 0 50px;-ms-grid-column-span:4;grid-column:span 4}
}
.footer__widget p{max-width:310px;font-weight:400;font-size:16px;line-height:1.5;color:var(--gray-2);margin-bottom:30px}
.footer__widget-title{font-weight:600;font-size:20px;line-height:1.3;color:#fff;padding-bottom:20px}
.footer__widget-2{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-2{-ms-grid-column:6;-ms-grid-column-span:3;grid-column:6/9;padding:0 0 50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-2{grid-column:7/-1;padding:0 0 50px}
}
@media only screen and (max-width: 767px) {
.footer__widget-2{padding:0 0 50px;-ms-grid-column-span:4;grid-column:span 4}
}
.footer__widget-3{-ms-grid-column-span:2;grid-column:span 2;padding:140px 0 130px;margin-right:-30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-3{grid-column:9/-1;padding:0 50px 50px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-3{-ms-grid-column-span:6;grid-column:span 6;padding:50px 60px 0 0}
}
@media only screen and (max-width: 767px) {
.footer__widget-3{padding:0 0 50px}
}
.footer__widget-4{-ms-grid-column-span:4;grid-column:span 4;-ms-grid-row-span:2;grid-row:span 2;background-color:var(--black-4);padding:135px 70px 30px;text-align:center;margin-left:60px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__widget-4{padding:130px 30px 30px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__widget-4{padding:130px 40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__widget-4{grid-column:7/-1;padding:50px;margin-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__widget-4{-ms-grid-column-span:6;grid-column:span 6;padding:50px 30px;margin-left:0}
}
@media only screen and (max-width: 767px) {
.footer__widget-4{padding:30px;margin-left:0}
}
.footer__widget-4 .project-title{font-weight:400;font-size:36px;line-height:1.3;color:#fff;padding-bottom:25px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__widget-4 .project-title{font-size:30px}
}
.footer__widget-4 a{color:var(--gray-2);border-color:var(--secondary);margin:0 auto;margin-bottom:20px}
.footer__widget-4 .contact-time{font-weight:500;font-size:18px;line-height:1.3;color:#fff;padding-bottom:3px}
.footer__widget-4 .contact-day{font-weight:400;font-size:16px;line-height:1.3;color:var(--gray-2)}
.footer__social li{display:inline-block;padding-right:15px}
.footer__social li a{display:inline-block;color:var(--gray-2);font-size:20px}
.footer__social li a:hover{color:var(--white)}
.footer__social-3{border-left:1px solid var(--black-6);border-right:1px solid var(--black-6)}
@media only screen and (max-width: 767px) {
.footer__social-3{margin-top:50px;border-top:1px solid var(--black-6);border-bottom:1px solid var(--black-6)}
}
.footer__social-3 li{display:block;border-bottom:1px solid var(--black-6)}
.footer__social-3 li:last-child{border-bottom:0}
.footer__social-3 li a{display:block;font-weight:400;font-size:16px;line-height:1.5;text-align:center;text-transform:uppercase;color:#fff;padding:38px 0;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__social-3 li a{padding:30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__social-3 li a{padding:30px 0}
}
@media only screen and (max-width: 767px) {
.footer__social-3 li a{padding:30px 0}
}
.footer__social-3 li a:hover{color:var(--black-2);background-color:var(--white)}
.footer__link li{display:block;padding-bottom:15px}
.footer__link li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);line-height:18px;text-transform:capitalize}
.footer__link li a:hover{color:var(--white)}
.footer__contact{display:block;padding-bottom:10px;font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li{padding-bottom:15px}
.footer__contact li a{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2)}
.footer__contact li a.phone{color:#fff;position:relative}
.footer__contact li a.phone::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.footer__contact li a.phone:hover::after{width:0}
.footer__contact li a:hover{color:var(--white)}
.footer__contact-3{text-align:right;padding-top:90px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__contact-3{padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__contact-3{padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__contact-3{padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
}
@media only screen and (max-width: 767px) {
.footer__contact-3{text-align:center;margin-bottom:50px;padding-top:60px}
}
.footer__contact-3 a{font-weight:400;font-size:180px;line-height:1;text-align:center;text-transform:uppercase;color:var(--white)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__contact-3 a{font-size:140px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__contact-3 a{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__contact-3 a{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__contact-3 a{font-size:48px}
}
@media only screen and (max-width: 767px) {
.footer__contact-3 a{font-size:50px}
}
.footer__copyright{-ms-grid-column-span:4;grid-column:span 4;border-top:1px solid var(--gray-6);margin-left:-66px;padding:35px 0 35px 66px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__copyright{margin-left:-35px;padding:35px 0 35px 35px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__copyright{margin-left:-54px;padding:35px 0 35px 54px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__copyright{border-top:0;margin-left:0;-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5;padding:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright{grid-column:1/-1;text-align:center;border-top:0}
}
@media only screen and (max-width: 767px) {
.footer__copyright{grid-column:1/-1;-ms-grid-row:7;grid-row:7;text-align:center;border-top:0;padding-top:0}
}
.footer__copyright p{font-weight:400;font-size:16px;line-height:24px;color:var(--gray-2);max-width:233px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright p{max-width:100%}
}
@media only screen and (max-width: 767px) {
.footer__copyright p{max-width:100%}
}
.footer__copyright p a{color:var(--white)}
.footer__copyright p a:hover{color:var(--gray)}
.footer__copyright-2 p{max-width:235px}
@media only screen and (max-width: 767px) {
.footer__copyright-2 p{max-width:100%;padding-top:50px;text-align:center}
}
.footer__copyright-2 p a{color:var(--black-2)}
.footer__copyright-2 p a:hover{color:var(--gray-2)}
.footer__copyright-3 p{color:#fff;max-width:235px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright-3 p{max-width:100%;text-align:center}
}
@media only screen and (max-width: 767px) {
.footer__copyright-3 p{max-width:100%;text-align:center}
}
.footer__copyright-3 p a{color:var(--white)}
.footer__copyright-3 p a:hover{color:var(--gray-2)}
.footer__copyright-8{padding:20px 100px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer__copyright-8{padding:20px 50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__copyright-8{padding:20px 30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__copyright-8{padding:20px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__copyright-8{padding:20px 15px}
}
.footer__copyright-8 p{max-width:235px;line-height:1.4}
@media only screen and (max-width: 767px) {
.footer__copyright-8 p{max-width:100%;text-align:center}
}
.footer__copyright-8 p a{color:var(--black-2)}
.footer__copyright-8 p a:hover{color:var(--gray-2)}
.footer__nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (max-width: 767px) {
.footer__nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.footer__nav-2{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__nav-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
@media only screen and (max-width: 767px) {
.footer__nav-2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
}
.footer__subscribe{-ms-grid-column-span:4;grid-column:span 4;border-top:1px solid var(--gray-6);padding:35px 0;margin-right:-60px;padding-right:30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__subscribe{-ms-grid-column:1;-ms-grid-column-span:6;grid-column:1/7;-ms-grid-row:2;grid-row:2;padding:0 40px 0 0;border-top:0;margin-right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__subscribe{-ms-grid-column-span:6;grid-column:span 6;-ms-grid-row:3;grid-row:3;border-top:0;padding:0 20px 0 0;margin-right:0}
}
@media only screen and (max-width: 767px) {
.footer__subscribe{margin-right:0;padding-right:0;border-top:0}
}
.footer__subscribe form{position:relative;max-width:450px;width:100%;margin-left:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__subscribe form{max-width:100%}
}
@media only screen and (max-width: 767px) {
.footer__subscribe form{max-width:100%}
}
.footer__subscribe input{font-weight:400;font-size:14px;line-height:1.3;color:var(--gray-2);background-color:var(--black-4);width:100%;border:none;border-radius:0;outline:none;padding:21px 50px 21px 15px}
.footer__subscribe input::-webkit-input-placeholder{opacity:1;color:var(--gray-2)}
.footer__subscribe input::-moz-placeholder{opacity:1;color:var(--gray-2)}
.footer__subscribe input:-ms-input-placeholder{opacity:1;color:var(--gray-2)}
.footer__subscribe input::-ms-input-placeholder{opacity:1;color:var(--gray-2)}
.footer__subscribe input::placeholder{opacity:1;color:var(--gray-2)}
.footer__subscribe .subs-btn{position:absolute;right:20px;top:16px;background-color:transparent;border:none;color:var(--white)}
.footer__subscribe-2{position:relative;padding-left:90px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__subscribe-2{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
}
@media only screen and (max-width: 767px) {
.footer__subscribe-2{padding-left:0;margin-top:50px}
}
.footer__subscribe-2::before{position:absolute;content:"";width:1px;height:120px;left:-20px;top:-15px;background-color:var(--white-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__subscribe-2::before{height:100%;top:0}
}
.footer__subscribe-2 input{width:100%;border:none;border-bottom:1px solid var(--black-2);font-weight:300;font-size:24px;line-height:1.5;color:var(--black-2);padding:20px 80px 20px 0;outline:none}
@media only screen and (max-width: 767px) {
.footer__subscribe-2 input{font-size:18px}
}
.footer__subscribe-2 input::-webkit-input-placeholder{color:var(--black-2);opacity:1}
.footer__subscribe-2 input::-moz-placeholder{color:var(--black-2);opacity:1}
.footer__subscribe-2 input:-ms-input-placeholder{color:var(--black-2);opacity:1}
.footer__subscribe-2 input::-ms-input-placeholder{color:var(--black-2);opacity:1}
.footer__subscribe-2 input::placeholder{color:var(--black-2);opacity:1}
.footer__subscribe-2 form{position:relative}
.footer__subscribe-2 .submit{position:absolute;right:0;top:10px;background:transparent;border:none}
@media only screen and (max-width: 767px) {
.footer__subscribe-2 .submit{top:18px}
}
@media only screen and (max-width: 767px) {
.footer__subscribe-2 .submit img{width:45px}
}
footer #btn_wrapper,footer .btn_wrapper{margin:0 auto}
.contact_title span{padding-left:30px}
.footer_categories{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid var(--gray-11);padding-bottom:58px;margin:0 100px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.footer_categories{margin:0 50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer_categories{margin:0 30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer_categories{margin:0 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_categories{margin:0 15px}
}
@media only screen and (max-width: 767px) {
.footer_categories{margin:0;padding-left:15px;padding-right:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.footer_categories::before{content:"";position:absolute;top:12%;left:0;width:100%;height:1px;background-color:var(--gray-11)}
@media only screen and (max-width: 767px) {
.footer_categories::before{top:14%}
}
.footer_categories h4{font-size:16px;color:var(--black-2);text-transform:capitalize}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_item{width:100%}
}
.categories_item .cat_title{margin-bottom:74px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_item .cat_title{margin-bottom:60px}
}
@media only screen and (max-width: 767px) {
.categories_item .cat_title{margin-bottom:50px;margin-top:30px}
}
.categories_item input{background-color:transparent;padding:5px 80px 20px 0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_item input{font-size:18px}
}
@media only screen and (max-width: 767px) {
.categories_item input{padding:15px 80px 15px 0}
}
.categories_item .footer__subscribe-2{padding-left:0}
@media only screen and (max-width: 767px) {
.categories_item .footer__subscribe-2{margin-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_item .footer__subscribe-2 input{width:inherit}
}
.categories_item .footer__subscribe-2::before{display:none}
.cat_links li{padding-bottom:12px}
.cat_links li a{display:inline-block;padding:1px 0;font-size:24px;line-height:16px;color:var(--black-2);text-transform:uppercase}
.cat_links li a .menu-text{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;text-shadow:0 16px 0 var(--black-3)}
.cat_links li a .menu-text span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translateY(var(--m)) translateZ(0);transform:translateY(var(--m)) translateZ(0)}
.cat_links li a .menu-text span:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}
.cat_links li a .menu-text span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.cat_links li a .menu-text span:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.cat_links li a .menu-text span:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.cat_links li a .menu-text span:nth-child(5){-webkit-transition-delay:.25s;transition-delay:.25s}
.cat_links li a .menu-text span:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.cat_links li a .menu-text span:nth-child(7){-webkit-transition-delay:.35s;transition-delay:.35s}
.cat_links li a .menu-text span:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.cat_links li a .menu-text span:nth-child(9){-webkit-transition-delay:.45s;transition-delay:.45s}
.cat_links li a .menu-text span:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.cat_links li a .menu-text span:nth-child(11){-webkit-transition-delay:.55s;transition-delay:.55s}
.cat_links li a .menu-text span:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.cat_links li a .menu-text span:nth-child(13){-webkit-transition-delay:.65s;transition-delay:.65s}
.cat_links li a .menu-text span:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.cat_links li a .menu-text span:nth-child(15){-webkit-transition-delay:.75s;transition-delay:.75s}
.cat_links li a .menu-text span:nth-child(16){-webkit-transition-delay:.8s;transition-delay:.8s}
.cat_links li a .menu-text span:nth-child(17){-webkit-transition-delay:.85s;transition-delay:.85s}
.cat_links li a .menu-text span:nth-child(18){-webkit-transition-delay:.9s;transition-delay:.9s}
.cat_links li a .menu-text span:nth-child(19){-webkit-transition-delay:.95s;transition-delay:.95s}
.cat_links li a .menu-text span:nth-child(20){-webkit-transition-delay:1s;transition-delay:1s}
.cat_links li a .menu-text span:nth-child(21){-webkit-transition-delay:1.05s;transition-delay:1.05s}
.cat_links li a .menu-text span:nth-child(22){-webkit-transition-delay:1.1s;transition-delay:1.1s}
.cat_links li a .menu-text span:nth-child(23){-webkit-transition-delay:1.15s;transition-delay:1.15s}
.cat_links li a .menu-text span:nth-child(24){-webkit-transition-delay:1.2s;transition-delay:1.2s}
.cat_links li a .menu-text span:nth-child(25){-webkit-transition-delay:1.25s;transition-delay:1.25s}
.cat_links li a .menu-text span:nth-child(26){-webkit-transition-delay:1.3s;transition-delay:1.3s}
.cat_links li a .menu-text span:nth-child(27){-webkit-transition-delay:1.35s;transition-delay:1.35s}
.cat_links li a .menu-text span:nth-child(28){-webkit-transition-delay:1.4s;transition-delay:1.4s}
.cat_links li a .menu-text span:nth-child(29){-webkit-transition-delay:1.45s;transition-delay:1.45s}
.cat_links li a .menu-text span:nth-child(30){-webkit-transition-delay:1.5s;transition-delay:1.5s}
.cat_links li a .menu-text span:nth-child(31){-webkit-transition-delay:1.55s;transition-delay:1.55s}
.cat_links li a .menu-text span:nth-child(32){-webkit-transition-delay:1.6s;transition-delay:1.6s}
.cat_links li a .menu-text span:nth-child(33){-webkit-transition-delay:1.65s;transition-delay:1.65s}
.cat_links li a .menu-text span:nth-child(34){-webkit-transition-delay:1.7s;transition-delay:1.7s}
.cat_links li a .menu-text span:nth-child(35){-webkit-transition-delay:1.75s;transition-delay:1.75s}
.cat_links li a .menu-text span:nth-child(36){-webkit-transition-delay:1.8s;transition-delay:1.8s}
.cat_links li a .menu-text span:nth-child(37){-webkit-transition-delay:1.85s;transition-delay:1.85s}
.cat_links li a .menu-text span:nth-child(38){-webkit-transition-delay:1.9s;transition-delay:1.9s}
.cat_links li a .menu-text span:nth-child(39){-webkit-transition-delay:1.95s;transition-delay:1.95s}
.cat_links li a .menu-text span:nth-child(40){-webkit-transition-delay:2s;transition-delay:2s}
.cat_links li a .menu-text span:nth-child(41){-webkit-transition-delay:2.05s;transition-delay:2.05s}
.cat_links li a .menu-text span:nth-child(42){-webkit-transition-delay:2.1s;transition-delay:2.1s}
.cat_links li a .menu-text span:nth-child(43){-webkit-transition-delay:2.15s;transition-delay:2.15s}
.cat_links li a .menu-text span:nth-child(44){-webkit-transition-delay:2.2s;transition-delay:2.2s}
.cat_links li a .menu-text span:nth-child(45){-webkit-transition-delay:2.25s;transition-delay:2.25s}
.cat_links li a .menu-text span:nth-child(46){-webkit-transition-delay:2.3s;transition-delay:2.3s}
.cat_links li a .menu-text span:nth-child(47){-webkit-transition-delay:2.35s;transition-delay:2.35s}
.cat_links li a .menu-text span:nth-child(48){-webkit-transition-delay:2.4s;transition-delay:2.4s}
.cat_links li a .menu-text span:nth-child(49){-webkit-transition-delay:2.45s;transition-delay:2.45s}
.cat_links li a:hover{--y:-4px}
.cat_links li a:hover span{--m:calc(16px * -1)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cat_links li a{font-size:16px}
}
@media only screen and (max-width: 767px) {
.cat_links li a{font-size:16px}
}
.categories_item.l_item{-ms-flex-preferred-size:36%;flex-basis:36%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_item.l_item .cat_title{margin-bottom:0}
}
@media only screen and (max-width: 767px) {
.categories_item.l_item{-ms-flex-preferred-size:100%;flex-basis:100%}
.categories_item.l_item .cat_title{margin-top:50px;margin-bottom:0}
}
@-webkit-keyframes wcLoading {
0%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:transparent}
}
@keyframes wcLoading {
0%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:var(--white)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);background:var(--primary)}
100%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1);background:transparent}
}
.preloader{width:100%;height:100vh;background-color:var(--black-2);position:absolute;left:0;top:0;z-index:99999}
.loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.loading .bar{width:6px;height:60px;background:#fff;display:inline-block;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:wcLoading 1.5s ease-in-out infinite;animation:wcLoading 1.5s ease-in-out infinite}
.loading .bar1{-webkit-animation-delay:.1s;animation-delay:.1s}
.loading .bar2{-webkit-animation-delay:.2s;animation-delay:.2s}
.loading .bar3{-webkit-animation-delay:.3s;animation-delay:.3s}
.loading .bar4{-webkit-animation-delay:.4s;animation-delay:.4s}
.loading .bar5{-webkit-animation-delay:.5s;animation-delay:.5s}
.loading .bar6{-webkit-animation-delay:.6s;animation-delay:.6s}
.loading .bar7{-webkit-animation-delay:.7s;animation-delay:.7s}
.loading .bar8{-webkit-animation-delay:.8s;animation-delay:.8s}
:root{--white-6:#d7d7d7;--white-7:#B7B7C5;--black-14:#323438;--black-15:#2C2C2C;--lime:#745EFF;--lime-2:#5547F5;--gray-16:#6B6B6B;--gray-17:#F7F7FC;--gray-18:#999;--gray-20:#D7D7D7;--gray-21:#F2F2F8;--gray-22:#FCFCFE;--gray-23:#ECECF3;--gray-24:#ECECF4}
main{overflow:hidden}
.line_4{position:relative}
.line-col-4 div{position:absolute;content:"";width:1px;height:100%;top:0;left:0;background:var(--white-2)}
.line-col-4 div:nth-child(2){left:33.33%}
.line-col-4 div:nth-child(3){left:66.66%}
.line-col-4 div:nth-child(4){left:100%}
.portfolio6__line .line-col-4 div{height:1000px;top:unset;bottom:0}
.btn-started{font-size:16px;font-weight:500;line-height:1.3;padding:17px 36px 16px;color:#fff;border-radius:5px;background:var(--lime);display:inline-block}
.btn-started i{padding-left:10px}
.btn-started:hover{color:#fff;background-color:#FF977B}
.btn-view{font-weight:500;line-height:1.3;color:var(--black-2);position:relative;-webkit-transition:all .5s;transition:all .5s}
.btn-view i{padding-left:10px}
.btn-view::after{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--black-2);content:"";-webkit-transition:all .5s;transition:all .5s}
.btn-view:hover::after{left:0;width:1%}
.btn-view:hover{color:var(--lime-2)}
.btn-extra{font-size:16px;font-weight:500;color:#fff;line-height:1.3;padding:9px 14px 11px;border-radius:5px;background-color:var(--black-2);border:1px solid var(--black-2)}
.btn-extra:hover{color:var(--black);background-color:transparent}
.title-wrapper-6 p{font-size:17px;line-height:1.5;color:var(--black-3)}
@media only screen and (max-width: 767px) {
.title-wrapper-6 p{font-size:16px}
}
.sec-subtile-6{font-size:16px;color:var(--black-2);line-height:1.3;padding:2px 14px 3px;font-weight:400;border-radius:16px;border:1px solid var(--gray-16);display:inline-block;margin-bottom:17px}
@media only screen and (max-width: 767px) {
.sec-subtile-6{margin-bottom:10px}
}
.sec-title-6{font-size:50px;color:var(--black-2);font-weight:500;line-height:1.13;padding-bottom:15px}
@media only screen and (max-width: 767px) {
.sec-title-6{font-size:38px;padding-bottom:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title-6{font-size:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title-6{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.sec-title-6{font-size:45px}
}
.hero__area-6{position:relative}
.hero__area-6 .shape-4{position:absolute;bottom:-60px;left:180px;z-index:0}
@media only screen and (max-width: 767px) {
.hero__area-6 .shape-4{max-width:260px;left:0}
}
.hero__title-6{font-size:100px;line-height:1;font-weight:600;color:var(--black-2);padding-bottom:24px}
@media only screen and (max-width: 767px) {
.hero__title-6{font-size:40px;padding-bottom:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title-6{font-size:45px;padding-bottom:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title-6{font-size:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title-6{font-size:80px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__title-6{font-size:80px}
}
.hero__arrow-icon{position:absolute;right:0}
@media only screen and (max-width: 767px) {
.hero__arrow-icon{top:83%;right:10%;-webkit-transform:rotate(62deg);transform:rotate(62deg)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__arrow-icon{right:-15%}
}
.hero__content-6{padding-top:260px;position:relative}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__content-6{padding-top:210px}
}
@media only screen and (max-width: 767px) {
.hero__content-6{padding-top:130px}
}
.hero__content-6 p{font-size:20px;padding-bottom:48px;line-height:1.5;font-weight:400}
@media only screen and (max-width: 767px) {
.hero__content-6 p{font-size:16px;padding-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__content-6 p br{display:none}
}
.hero__right-6{padding-top:130px}
@media only screen and (max-width: 767px) {
.hero__right-6{padding-top:40px}
}
.hero__right-6 img{margin-left:3px;max-width:inherit}
@media (max-width: 1365px) {
.hero__right-6 img{max-width:100%}
}
.hero__shape{position:absolute;top:22%;left:0}
@media only screen and (max-width: 767px) {
.hero__shape{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__shape{top:13%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__shape{top:9%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape{top:10%}
}
.hero__shape-2{position:absolute;right:7%;bottom:30%}
@media only screen and (max-width: 767px) {
.hero__shape-2{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__shape-2{bottom:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__shape-2{bottom:-8%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__shape-2{right:3%;bottom:7%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape-2{bottom:-7%;right:7%}
}
.hero__shape-3{position:absolute;left:4%;bottom:7%}
@media only screen and (max-width: 767px) {
.hero__shape-3{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__shape-3{left:7%;bottom:-20%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__shape-3{bottom:-13%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.hero__shape-3{left:7%;bottom:7%}
}
.workflow__area-4{overflow:hidden;text-align:center}
@media only screen and (max-width: 767px) {
.workflow__area-4 .pb-1230{padding-bottom:60px}
}
.workflow__item-4{padding-top:64px}
@media only screen and (max-width: 767px) {
.workflow__item-4{padding-top:60px}
}
.workflow__item-4 img{padding-bottom:30px}
.workflow__item-4 p{font-size:17px;line-height:1.5;color:var(--black-3);padding:0 55px}
@media only screen and (max-width: 767px) {
.workflow__item-4 p{padding:0;font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.workflow__item-4 p{padding:0;font-size:16px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.workflow__item-4 p{padding:0}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.workflow__item-4 p{padding:0}
}
.workflow__title-4{font-size:30px;font-weight:500;line-height:1.3;color:var(--black);padding-bottom:19px}
@media only screen and (max-width: 767px) {
.workflow__title-4{font-size:20px;padding-bottom:15px}
}
.feature__area-6{overflow:hidden;padding-top:120px}
.feature__content img{margin-top:-190px;opacity:0.7}
.feature__content img:hover{opacity:1}
@media only screen and (max-width: 767px) {
.feature__content img{margin-top:0;width:100%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content img{width:100%}
}
.feature__content-right{    background-image: url(../../img/bg.png);padding:143px 60px 0 110px;position:relative}
@media only screen and (max-width: 767px) {
.feature__content-right{padding:20px;margin-top:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-right{padding:80px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-right{padding:100px 20px 0 25px}
}
.feature__content-right p{font-size:18px;color:var(--gray-18);line-height:1.5;padding-bottom:25px;padding-right:242px}
@media only screen and (max-width: 767px) {
.feature__content-right p{padding-right:0;padding-bottom:15px;font-size:16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-right p{padding-right:0;padding-bottom:15px;font-size:16px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-right p{padding-right:140px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__content-right p{padding-right:145px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.feature__content-right p{padding-right:225px}
}
.feature__content-right p span{color:var(--white)}
.feature__content-left{padding-top:60px}
@media only screen and (max-width: 767px) {
.feature__content-left{padding-top:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-left{padding-top:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-left{padding-top:100px}
}
.feature__title-6{font-size:18px;font-weight:500;text-transform:uppercase;line-height:1.3;color:#fff;padding-bottom:22px;padding-left:60px}
.feature__title-6::before{position:absolute;top:13px;left:0;width:50px;height:1px;content:"";background:var(--white)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content img{width:100%;margin-top:0}
}
.feature__content-btm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:114px;height:100%;margin-left:110px}
@media only screen and (max-width: 767px) {
.feature__content-btm{gap:20px;margin-left:0;padding:30px 0 60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__content-btm{gap:20px;margin-left:0;padding:30px 0 60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__content-btm{gap:20px;margin-left:40px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.feature__content-btm{gap:20px}
}
.feature__content-item img{padding-bottom:40px}
@media only screen and (max-width: 767px) {
.feature__content-item img{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.feature__content-item img{max-width:100%}
}
.feature__content-item h5{font-size:18px;color:var(--black-2);font-weight:500;line-height:1.4;padding-bottom:15px}
.feature__content-item p{font-weight:300;color:var(--black-3)}
.feature__img-1{position:absolute;top:22%;right:10%}
@media only screen and (max-width: 767px) {
.feature__img-1{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-1{display:none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.feature__img-1{top:9%;right:4%}
}
.feature__img-2{margin-left:100px}
@media only screen and (max-width: 767px) {
.feature__img-2{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-2{display:none}
}
.feature__img-3{position:absolute;right:6%;bottom:5%}
@media only screen and (max-width: 767px) {
.feature__img-3{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.feature__img-3{display:none}
}
.service__title-wrapper-4{width:75%}
.service__right-4 p{font-size:18px;color:var(--black-3);padding-bottom:30px;padding-right:195px}
@media only screen and (max-width: 767px) {
.service__right-4 p{font-size:16px;padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__right-4 p{padding-right:0;padding-bottom:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__right-4 p{padding-right:30px}
}
.service__right-4 p span{color:var(--black-2)}
.service__img-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;height:100%}
@media only screen and (max-width: 767px) {
.service__img-left img{width:100%;margin-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__img-left img{width:100%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__img-left img{width:100%}
}
.service__inner-4{margin-top:-20px}
@media only screen and (max-width: 767px) {
.service__inner-4{margin-top:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__inner-4{margin-top:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__inner-4{margin-top:40px}
}
.service__item-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:62px;padding:12px 0;-webkit-transition:all .5s;transition:all .5s;border-bottom:1px solid var(--gray-20)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-4{gap:30px}
}
@media only screen and (max-width: 767px) {
.service__item-4{gap:20px}
}
.service__item-4:first-child{border-top:1px solid var(--gray-20)}
.service__item-4:hover .service__item-icon{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:1;visibility:visible}
.service__item-4:hover .service__item-title{color:var(--lime)}
.service__item-number{font-size:18px;font-weight:300;color:var(--lime-2)}
.service__item-title{font-size:60px;font-weight:400;line-height:1.4;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.service__item-title{font-size:24px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-title{font-size:24px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-title{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__item-title{font-size:40px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__item-title{font-size:50px}
}
.service__item-icon{-webkit-transition:all .5s;transition:all .5s}
@media only screen and (max-width: 767px) {
.service__item-icon{opacity:1}
}
.service__item-icon i{font-size:23px;color:var(--black-2)}
.faq__area-4{background-position:right bottom;background-repeat:no-repeat;background-size:contain;position:relative;overflow:hidden;background-color:#1E2024}
.faq__area-4 .sec-title-6{color:#fff;max-width:630px;line-height:1.15}
.faq__area-4 .sec-subtile-6{color:var(--white)}
.faq__list-4{padding-top:30px}
.faq__list-4 .accordion-body{padding-left:0;min-height:100px}
.faq__list-4 .accordion-body p{color:var(--gray-2);font-size:18px}
@media (max-width: 1023px) {
.faq__list-4 .accordion-body p{font-size:16px}
}
.faq__list-4 .accordion-body p span{color:var(--white)}
.faq__list-4 .accordion-item{border:none;border-radius:0;background-color:transparent}
.faq__list-4 .accordion-button{background-color:transparent;font-weight:500;font-size:18px;line-height:1.5;color:#fff;border-radius:0;padding-top:10px;padding-bottom:10px}
.faq__list-4 .accordion-button.collapsed::after{background-image:none;content:"+";font-weight:300;font-size:30px;top:1px;position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list-4 .accordion-button:not(.collapsed){-webkit-box-shadow:none;box-shadow:none;background:transparent}
.faq__list-4 .accordion-button:not(.collapsed)::after{background-image:none;content:"-";font-weight:300;font-size:30px;top:1px;position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}
.faq__list-4 .accordion-button:focus{-webkit-box-shadow:none;box-shadow:none}
.faq__sec-title p{font-size:18px;color:var(--gray-2);padding-bottom:40px}
@media only screen and (max-width: 767px) {
.faq__sec-title p{font-size:16px}
}
.faq__sec-title .btn-view{color:var(--white)}
.faq__sec-title .btn-view::after{background-color:var(--white)}
.faq__sec-title-title-4{padding-right:105px}
.faq__img6-1{position:absolute;bottom:0;left:35%;z-index:0}
.faq__img6-2{position:absolute;top:0;left:51px;z-index:0}
@media only screen and (max-width: 767px) {
.faq__img6-2{display:none}
}
.solution__area-4{overflow:hidden;background-color:#1E2024;background-position:bottom left;background-repeat:no-repeat;background-size:contain;padding:179px 0 170px;position:relative}
@media only screen and (max-width: 767px) {
.solution__area-4{padding:60px 0}
.solution__area-4::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--black-2);opacity:.6}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__area-4{padding:80px 0;background-size:380px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__area-4{padding:120px 0;background-size:500px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__area-4{padding:90px 0;background-size:52%}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.solution__area-4{padding:150px 0 110px;background-size:55%}
}
.solution__content .sec-title-6{color:var(--white)}
.solution__content .sec-subtile-6{color:var(--white)}
.solution__list{display:-ms-grid;display:grid;-ms-grid-columns:270px auto;grid-template-columns:270px auto;border-top:1px solid var(--black-14);margin-top:16px;padding-top:24px}
@media only screen and (max-width: 767px) {
.solution__list{-ms-grid-columns:180px auto;grid-template-columns:180px auto;border-top:1px solid var(--white-6)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.solution__list{-ms-grid-columns:1fr;grid-template-columns:1fr;border-top:1px solid var(--white-6)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.solution__list{-ms-grid-columns:250px 300px;grid-template-columns:250px 300px;border-top:1px solid var(--white-6)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.solution__list{-ms-grid-columns:250px 300px;grid-template-columns:250px 300px;border-top:1px solid var(--white-6)}
}
.solution__list li{font-size:18px;color:#fff;font-weight:400;position:relative;padding-left:15px;margin-bottom:5px}
@media only screen and (max-width: 767px) {
.solution__list li{font-size:14px}
}
.solution__list li::after{position:absolute;top:0;left:0;width:0;height:0;content:"+"}
.blog__area-4{overflow:hidden}
.blog__area-4 .sec-title-wrapper p{font-size:18px;color:var(--black-13);padding-right:80px;display:inline-block;margin-bottom:55px}
@media only screen and (max-width: 767px) {
.blog__area-4 .sec-title-wrapper p{font-size:16px;margin-bottom:20px;padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__area-4 .sec-title-wrapper p{font-size:16px;margin-bottom:20px;padding-right:0}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__area-4 .sec-title-wrapper p{padding-right:30px}
}
.blog__img-4 img{width:100%}
.blog__meta-4{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding-top:35px}
.blog__meta-4 a{font-size:14px;color:var(--black-2);line-height:1.3;padding:3px 8px;background-color:var(--gray-21);font-weight:400}
.blog__meta-4 a:hover{color:var(--lime)}
.blog__meta-4 span{font-size:14px;color:var(--black-2);line-height:1.3;padding:3px 8px;background-color:var(--gray-21);font-weight:400}
@media only screen and (max-width: 767px) {
.blog__item-4{margin-top:50px}
}
.blog__btn-4{font-weight:500;line-height:1.3;color:var(--black-2);position:relative;-webkit-transition:all .5s;transition:all .5s}
.blog__btn-4 i{padding-left:10px}
.blog__btn-4::after{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--black-2);content:"";-webkit-transition:all .5s;transition:all .5s}
.blog__btn-4:hover::after{left:0;width:1%}
.blog__btn-4:hover{color:var(--lime-2)}
.blog__title-4{font-size:26px;font-weight:500;line-height:1.4;color:var(--black-2);-webkit-transition:all .5s;transition:all .5s;padding:10px 0 20px;display:inline-block}
@media only screen and (max-width: 767px) {
.blog__title-4{font-size:23px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog__title-4{font-size:16px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog__title-4{font-size:20px}
}
.blog__title-4:hover{color:var(--lime-2)}
.cta__area-4{overflow:hidden}
.cta__area-4 .btn-started{padding:16px 28px}
.cta__inner-4{background-color:#F1E9E3;padding:66px 60px 0;position:relative;border-radius:10px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4{padding:60px 30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4{padding:30px}
}
@media only screen and (max-width: 767px) {
.cta__inner-4{padding:40px 20px}
}
.cta__inner-4 img{max-width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 img{-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.cta__inner-4 img{max-width:80%}
}
.cta__inner-4 .cta-shape{position:absolute;bottom:0;right:460px;z-index:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 .cta-shape{bottom:30px;right:250px;max-width:100px}
}
@media only screen and (max-width: 767px) {
.cta__inner-4 .cta-shape{bottom:30px;right:20px;max-width:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4 .cta-shape{max-width:120px;right:360px}
}
.cta__inner-4 .cta-shape-2{position:absolute;bottom:60px;right:110px;z-index:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__inner-4 .cta-shape-2{right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__inner-4 .cta-shape-2{right:10px;bottom:120px}
}
.cta__content-4{height:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-4 img{width:100%}
}
.cta__content-4 p{font-size:18px;font-weight:400;padding-bottom:34px;margin-top:15px;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.cta__content-4 p{font-size:16px;padding-bottom:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__content-4 p{font-size:16px;padding-bottom:20px}
}
.cta__title-4{font-size:50px;font-weight:500;color:var(--black-2);line-height:1.2;padding-top:10px}
@media only screen and (max-width: 767px) {
.cta__title-4{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cta__title-4{padding-top:30px;font-size:28px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cta__title-4{font-size:36px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.cta__title-4{font-size:40px}
}
.portfolio__area-4{padding:0 45px;overflow:hidden}
@media only screen and (max-width: 767px) {
.portfolio__area-4{padding:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-4{padding:0 15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-4{padding:0 31px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__area-4{padding:0 60px}
}
.portfolio__area-4 .cursor{position:absolute}
.portfolio__area-4 .cursor.large{width:120px;height:120px;font-size:14px}
.portfolio__wrapper-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:30px}
@media only screen and (max-width: 767px) {
.portfolio__wrapper-4{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__wrapper-4{-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.portfolio__item-4 img{width:100%}
.portfolio__item-4:hover .portfolio__icon-link{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.portfolio__icon-link{font-size:23px;-webkit-transition:all .5s;transition:all .5s}
.portfolio__item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:20px}
.portfolio__title-4{font-size:20px;font-weight:500;line-height:1.3;color:var(--black-2);padding-bottom:5px}
.portfolio__subtitle-4{font-size:14px;color:var(--black-3);font-weight:400}
.portfolio__icon-4{-webkit-transition:all .5s;transition:all .5s;font-size:23px;color:var(--black-2)}
.portfolio__sec-title{position:absolute;bottom:140px}
@media only screen and (max-width: 767px) {
.portfolio__sec-title{position:unset;margin-bottom:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__sec-title{position:unset}
}
.portfolio__sec-title p{font-size:18px;color:var(--black-3);max-width:300px}
.testimonial__area-4{overflow:hidden;text-align:center}
.testimonial__sec-title{padding-bottom:60px}
.testimonial__sec-title p{font-size:18px;color:var(--black-3);max-width:500px;margin:0 auto}
@media only screen and (max-width: 767px) {
.testimonial__sec-title p{width:100%;font-size:16px}
}
.testimonial__slide-4{background-color:var(--gray-22);padding:50px 50px 44px;text-align:left}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__slide-4{padding:35px 30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slide-4{padding:35px 30px 30px}
}
@media only screen and (max-width: 767px) {
.testimonial__slide-4{padding:35px 30px}
}
.testimonial__slider-4{padding-bottom:150px;height:100%;width:98%;margin-left:11px}
.testimonial__slider-4 .prev-button:hover,.testimonial__slider-4 .next-button:hover{color:var(--lime)}
@media only screen and (max-width: 767px) {
.testimonial__slider-4{width:93%;padding-bottom:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonial__slider-4{width:97%;padding-bottom:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial__slider-4{padding-bottom:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial__slider-4{padding-bottom:110px}
}
.testimonial__img-4{margin-bottom:42px;border-radius:100px;width:85px;height:auto}
.testimonial__feedback-4{font-size:14px;font-weight:400;color:var(--black-2);border-radius:5px;padding:3px 10px;margin-bottom:18px;display:inline-block;line-height:1.3;background-color:var(--gray-23)}
.testimonial__info-4 p{color:var(--black-3);font-weight:400;line-height:1.5;padding-bottom:19px;text-align:left}
.testimonial__name-4{font-size:18px;font-weight:500;color:var(--black);line-height:1.3}
.testimonial__role-4{font-size:14px;color:var(--black-3);font-weight:400}
.testimonial__btn-4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:160px;padding-top:68px;position:relative;z-index:999}
@media only screen and (max-width: 767px) {
.testimonial__btn-4{padding-top:35px}
}
.testimonial__btn-4 i{font-size:18px}
.testimonial__pagination-4{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px;bottom:1px;z-index:-1}
.footer__area-6{overflow:hidden;background-image: url(../../img/bg.png);width: 100%;height: auto;background-repeat: repeat;}
.footer__top-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.footer__top-6{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__top-6{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:5px}
}
.footer__social-6{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}
.footer__social-6 li a{color:var(--gray-2);font-size:18px;-webkit-transition:all .3s;transition:all .3s}
.footer__social-6 li a:hover{color:var(--black-2)}
.footer__info-6 li{color:var(--black-13);font-size:16px;margin-bottom:15px}
.footer__info-6 li a{color:var(--black-13);-webkit-transition:all .5s;transition:all .5s;transition:1s}
.footer__info-6 li a:hover{color:var(--black-2);border-bottom:1px solid #000;transition:1s}
.footer__info-6 li a.phone{color:var(--black-2);position:relative}
.footer__info-6 li a.phone::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.footer__info-6 li a.phone:hover::after{width:0}
.footer__info-6 li a.phone::after{background-color:var(--black-2)}
.footer__link-6 li{margin-bottom:8px}
.footer__link-6 li a{color:var(--black-13);-webkit-transition:all .5s;transition:all .5s;transition:1s}
.footer__link-6 li a:hover{color:var(--black-2);border-bottom:1px solid #000;transition:1s}
.footer__item-title{    font-family: "Cormorant Garamond", serif;font-size:28px;color:var(--black-2);font-weight:600;line-height:1.3;padding-bottom:20px;text-transform:capitalize}
@media only screen and (max-width: 767px) {
.footer__item-6{margin-bottom:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6{margin-bottom:50px}
}

@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(1){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(1){width:50%;padding-right:30px}
}

@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(2){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(2){width:50%}
}
.footer__item-6:nth-child(3){width:20%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(3){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(3){width:50%;padding-right:30px}
}
.footer__item-6:nth-child(4){width:28%}
@media only screen and (max-width: 767px) {
.footer__item-6:nth-child(4){width:100%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__item-6:nth-child(4){width:50%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__item-6:nth-child(4){width:33%}
}
.footer__item-6 p{padding-bottom:30px;color:var(--gray-2)}
.footer__item-6 .mt-20 {margin-top:30px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer__item-6 p br{display:none}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer__item-6 p br{display:none}
}
.footer__item-6-social a:hover{color:var(--black-2)}
.footer__btm-6{border-top:1px solid var(--gray-24);padding-top:40px;padding-bottom:43px}
.footer__newsletter-6{background-color:var(--gray-24);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:5px;position:relative}
.footer__newsletter-6 input{width:100%;background-color:transparent;border:0;outline:0;padding:16px 50px 16px 20px}
.footer__newsletter-6 input::-webkit-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::-moz-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input:-ms-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::-ms-input-placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 input::placeholder{font-size:14px;color:var(--white-7);font-weight:400}
.footer__newsletter-6 button{position:absolute;right:20px;top:15px}
.footer__copyright-6{color:var(--black-13);}
.footer__copyright-6 p a{color:var(--black-2)}
.footer__copyright-6 p a:hover{border-bottom:1px solid #222;color:var(--black-2)!important}
.footer__chekbox{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-top:18px}
.footer__chekbox input{width:30px;height:30px}
.footer__chekbox label{font-size:14px;font-weight:400;line-height:1.4;color:var(--black-3)}
@-webkit-keyframes leftmove {
0%{margin-left:0}
50%{margin-left:-20px}
100%{margin-left:0}
}
@keyframes leftmove {
0%{margin-left:0}
50%{margin-left:-20px}
100%{margin-left:0}
}
@-webkit-keyframes rightmove {
0%{margin-right:0}
50%{margin-right:30px}
100%{margin-right:0}
}
@keyframes rightmove {
0%{margin-right:0}
50%{margin-right:30px}
100%{margin-right:0}
}
@-webkit-keyframes move {
0%{margin-bottom:0}
50%{margin-bottom:-20px}
100%{margin-bottom:0}
}
@keyframes move {
0%{margin-bottom:0}
50%{margin-bottom:-20px}
100%{margin-bottom:0}
0%{margin-top:0}
50%{margin-top:-20px}
100%{margin-top:0}
}
@-webkit-keyframes rotate-icon {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate-icon {
from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.hero__shape{-webkit-animation-name:leftmove;animation-name:leftmove;-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation:leftmove infinite 4s;animation:leftmove infinite 4s}
.hero__arrow-icon{-webkit-animation-name:rightmove;animation-name:rightmove;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:rightmove infinite 3s;animation:rightmove infinite 3s}
.hero__shape-2{-webkit-animation-name:move;animation-name:move;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:move infinite 4s;animation:move infinite 4s}
.hero__shape-3{-webkit-animation:rotate-icon 5s linear 0 infinite normal;animation:rotate-icon 5s linear 0 infinite normal}
.faq__img6-1{-webkit-animation-name:move;animation-name:move;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:move infinite 4s;animation:move infinite 4s}
.faq__img6-2{-webkit-animation-name:move;animation-name:move;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:move infinite 4s;animation:move infinite 4s}
.dark .line-col-4 div{background:var(--bg-line)}
.dark .btn-view{color:var(--white)}
.dark .btn-view::after{background-color:var(--white)}
.dark .sec-subtile-6,.dark .sec-title-6,.dark .workflow__title-4,.dark .feature__content-item h5,.dark .service__item-title,.dark .service__right-4 p span,.dark .portfolio__title-4,.dark .portfolio__icon-4,.dark .testimonial__name-4,.dark .footer__item-title,.dark .footer__newsletter-6 button{color:var(--white)}
.dark .title-wrapper-6 p,.dark .workflow__item-4 p,.dark .feature__content-item p,.dark .service__right-4 p,.dark .portfolio__subtitle-4,.dark .portfolio__sec-title p,.dark .testimonial__sec-title p,.dark .blog__area-4 .sec-title-wrapper p,.dark .testimonial__info-4 p,.dark .testimonial__role-4,.dark .footer__info-6 li,.dark .footer__chekbox label{color:var(--gray-2)}
.dark .hero__area-6 .shape-4{-webkit-filter:invert(0.93);filter:invert(0.93)}
.dark .hero__title-6{color:var(--white)}
.dark .feature__area-6{background-color:var(--d-black-2)}
.dark .testimonial__slider-4{color:var(--white)}
.dark .solution__area-4{overflow:hidden;background-color:var(--d-black-2)}
.dark .blog__title-4{color:var(--white)}
.dark .blog__title-4:hover{color:var(--lime)}
.dark .blog__btn-4{color:var(--white)}
.dark .blog__btn-4:hover{color:var(--lime)}
.dark .blog__btn-4::after{background-color:var(--white)}
.dark .testimonial__slide-4{background:var(--d-black-2)}
.dark .testimonial__feedback-4{color:var(--gray-2);background-color:var(--black-2)}
.dark .blog__meta-4 span{color:var(--white-6);background-color:var(--bg-line)}
.dark .blog__meta-4 a{color:var(--white-6);background-color:var(--bg-line)}
.dark .blog__meta-4 a:hover{color:var(--lime)}
.dark .footer__area-6{background-color:var(--d-black-2)}
.dark .footer__link-6 li a{color:var(--gray-2)}
.dark .footer__link-6 li a:hover{color:var(--white)}
.dark .footer__info-6 li a{color:var(--gray-2)}
.dark .footer__info-6 li a:hover{color:var(--white)}
.dark .footer__info-6 li a.phone{color:var(--white)}
.dark .footer__info-6 li a.phone::after{background-color:var(--white)}
.dark .footer__newsletter-6 input{color:var(--white-2);background-color:var(--black-2)}
.dark .footer__btm-6{border-color:var(--bg-line)}
.dark .footer__copyright-6 p a{color:var(--white)}
.dark .footer__copyright-6 p a:hover{color:var(--lime)}
.dark .service__item-4{border-color:var(--bg-line)}
.dark .service__item-4:first-child{border-color:var(--bg-line)}
.dark .service__item-icon i{color:var(--white)}
.header__area-7.sticky-7{background:#fff;border-bottom:1px solid var(--white-2)}
.hero__area-7{padding-top:180px;padding-bottom:140px;background-repeat:repeat;position:relative}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-7{padding-top:140px;padding-bottom:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-7{padding-top:140px;padding-bottom:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-7{padding-top:160px;padding-bottom:60px}
}
@media only screen and (max-width: 767px) {
.hero__area-7{padding-top:160px;padding-bottom:60px}
}
.hero__area-7 .shape-1{position:absolute;right:100px;bottom:200px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__area-7 .shape-1{right:60px;max-width:260px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__area-7 .shape-1{max-width:240px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__area-7 .shape-1{max-width:200px;right:20px}
}
@media only screen and (max-width: 767px) {
.hero__area-7 .shape-1{max-width:120px;bottom:unset;top:330px;right:0}
}
.hero__title-7{font-weight:500;font-size:130px;line-height:1;color:var(--black-2);max-width:1060px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero__title-7{font-size:110px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero__title-7{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__title-7{font-size:70px}
.hero__title-7 img{max-width:90px}
}
@media only screen and (max-width: 767px) {
.hero__title-7{font-size:48px}
.hero__title-7 img{max-width:60px}
}
.hero__text-7{margin-left:210px;margin-top:60px;display:-ms-grid;display:grid;-ms-grid-columns:200px 20px auto;grid-template-columns:200px auto;grid-gap:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero__text-7{margin-left:60px;-ms-grid-columns:160px 20px auto;grid-template-columns:160px auto}
}
@media only screen and (max-width: 767px) {
.hero__text-7{margin-left:0;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.hero__text-7 .about{font-weight:400;font-size:18px;line-height:1.4;color:var(--black-2);position:relative;text-transform:capitalize}
.hero__text-7 .about::after{position:absolute;content:"";width:90px;height:1px;top:14px;left:60px;background-color:var(--black-2);padding-left:9px}
.hero__text-7 p{max-width:350px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3)}
.video__area img{width:100%;height:auto}
@media only screen and (min-width: 1920px) {
.video__area img{height:800px}
}
.video__area.about__img-2{margin-bottom:0;max-width:100%;width:100%}
.about__area-7{position:relative}
.about__area-7 .sec-title-wrapper{text-align:center;padding-bottom:70px}
.about__area-7 .shape-1{position:absolute;left:100px;top:280px}
.about__left-7{overflow:hidden;position:relative;width:100%;height:520px}
.about__left-7 img{position:absolute;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:120%;margin-left:auto;margin-right:auto;max-width:100%}
.about__mid-7{padding-left:80px;padding-top:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about__mid-7{padding-left:30px;padding-top:20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about__mid-7{padding-left:10px;padding-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__mid-7{padding:0}
}
@media only screen and (max-width: 767px) {
.about__mid-7{padding-left:0;padding-top:40px}
}
.about__mid-7 p{max-width:440px;font-size:18px;line-height:1.4;color:var(--black-3);padding-bottom:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about__mid-7 p{padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.about__mid-7 p{font-size:16px}
}
.about__mid-7 img{display:block}
.about__mid-7 .signature{margin-top:30px}
.about__mid-7 .image-1{margin-left:auto;margin-top:35px;-webkit-transform:translateX(25px);transform:translateX(25px)}
@media only screen and (max-width: 767px) {
.about__mid-7 .image-1{margin-left:0}
}
.about__right-7{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;padding-bottom:140px}
@media only screen and (max-width: 767px) {
.about__right-7{margin-top:10px;padding-bottom:10px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
.about__right-7 img{max-width:100%}
.award__area-7{background-color:#F9F9F9}
.award__area-7 .inherit_row{margin-left:-350px}
.award__area-7 .award-video-7 video{width:100%}
.award__top-7{position:relative}
.award__counter{width:330px;height:330px;background:var(--black-2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;bottom:6px;z-index:9}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__counter{width:260px;height:260px}
}
@media only screen and (max-width: 767px) {
.award__counter{width:150px;height:150px}
}
.award__counter .counter__number{font-weight:500;font-size:100px;line-height:1;color:var(--white)}
@media only screen and (max-width: 767px) {
.award__counter .counter__number{font-size:50px}
}
.award__counter p{font-size:20px;line-height:1.4;color:#fff;padding-top:15px}
@media only screen and (max-width: 767px) {
.award__counter p{font-size:16px;padding-top:5px}
}
.award__mid-7 p{font-size:18px;color:var(--black-2);max-width:300px;margin-left:30px}
@media only screen and (max-width: 767px) {
.award__mid-7 p{font-size:16px;margin-left:15px;padding-top:15px;padding-bottom:40px}
}
.award__btm-7{background-color:#EEE5E2;position:relative;padding-left:110px;padding-bottom:70px;padding-top:420px;margin-top:-330px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.award__btm-7{padding-left:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__btm-7{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__btm-7{padding-left:30px;padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.award__btm-7{padding-left:30px;padding-bottom:40px;padding-top:370px}
}
.award__btm-7::before{position:absolute;content:"";width:500px;height:100%;right:100%;top:0;background-color:var(--white)}
.award__btm-7::after{position:absolute;content:"";width:500px;height:100%;left:99%;top:0;background-color:#EEE5E2}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__right-7{padding-top:60px}
}
.award__list-7{display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:1fr 1fr;grid-gap:30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__list-7{grid-gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.award__list-7{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-columns:1fr 20px 1fr 20px 1fr 20px 1fr;grid-template-columns:1fr 1fr 1fr 1fr}
}
.award__item-7{text-align:center;margin-bottom:20px}
.award__item-7 img{max-width:100%;margin-bottom:20px}
.award__item-7 .title{font-weight:400;font-size:16px;line-height:1.5;color:var(--black-2)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.award__item-7 .title{font-size:14px}
}
.team__area-7 .sec-text{padding-left:60%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__area-7 .sec-text{padding-left:45%}
}
@media only screen and (max-width: 767px) {
.team__area-7 .sec-text{padding-left:60px;padding-top:20px}
}
.team__area-7 .sec-text p{max-width:300px;font-weight:400;font-size:18px;line-height:1.5;color:var(--black-3)}
@media only screen and (max-width: 767px) {
.team__area-7 .sec-text p{font-size:16px}
}
.team__title-7{font-weight:500;font-size:700px;line-height:.9;text-align:center;color:var(--black-2);text-transform:uppercase;position:relative;z-index:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.team__title-7{font-size:520px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team__title-7{font-size:500px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.team__title-7{font-size:360px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__title-7{font-size:260px}
}
@media only screen and (max-width: 767px) {
.team__title-7{font-size:120px}
}
.team__items-7 a{display:block;border-bottom:1px solid var(--white-6)}
.team__items-7 a:first-child{border-top:1px solid var(--white-6)}
.team__item-7{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:0.9fr 1fr 0.1fr;grid-template-columns:0.9fr 1fr 0.1fr;padding:18px 0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team__item-7{-ms-grid-columns:1.5fr 1fr 0.1fr;grid-template-columns:1.5fr 1fr 0.1fr}
}
@media only screen and (max-width: 767px) {
.team__item-7{padding:12px 0;-ms-grid-columns:1.5fr 1fr 0.1fr;grid-template-columns:1.5fr 1fr 0.1fr}
}
.team__item-7:hover .team__hover-7{opacity:1}
@media only screen and (max-width: 767px) {
.team__item-7:hover .team__hover-7{opacity:0}
}
.team__item-7:hover .tm-serial{opacity:1}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-serial{opacity:0}
}
.team__item-7:hover .tm-name{padding-left:90px}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-name{padding-left:0}
}
.team__item-7:hover .tm-name::after{width:50px}
@media only screen and (max-width: 767px) {
.team__item-7:hover .tm-name::after{width:0}
}
.team__item-7:hover .tm-link i{color:var(--black-2);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.team__item-7 .tm-name{font-weight:500;font-size:24px;line-height:1.3;color:var(--black-2);text-transform:capitalize;position:relative;-webkit-transition:all .5s;transition:all .5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
@media only screen and (max-width: 767px) {
.team__item-7 .tm-name{font-size:20px}
}
.team__item-7 .tm-name::after{position:absolute;content:"";width:0;height:1px;left:25px;top:18px;-webkit-transition:all .5s;transition:all .5s;background-color:var(--black-2)}
.team__item-7 .tm-serial{opacity:0;position:absolute;left:0;top:24px;-webkit-transition:all .3s;transition:all .3s}
.team__item-7 .tm-role{font-weight:400;font-size:12px;line-height:1.7;color:var(--black-3);text-transform:uppercase}
@media only screen and (max-width: 767px) {
.team__item-7 .tm-role br{display:block}
}
.team__item-7 .tm-link{color:var(--gray-2);font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.team__item-7 .tm-link i{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.team7__img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}
.team7__img-wrap{width:20vw;position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;visibility:hidden;padding-bottom:25vw}
@media only screen and (max-width: 767px) {
.team7__img-wrap{display:none;position:unset}
}
.team__hover-7{width:300px;height:400px;position:absolute;top:0;left:60%;background-size:cover;background-repeat:no-repeat;background-position-x:75%;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:-200px 0 0 -150px;overflow:hidden;pointer-events:none;z-index:1}
@media (max-width: 1200px) {
.team__hover-7{width:0;display:none}
}
.service__area-7{background-color:#F9F9F9;padding-bottom:50px;position:relative}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7{padding-bottom:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7{padding-bottom:0}
}
.service__area-7::before{position:absolute;content:"";width:1px;height:100%;left:36%;bottom:0;background:var(--white-6)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-7::before{left:32%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-7::before{left:35%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7::before{left:33%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7::before{left:34%}
}
@media only screen and (max-width: 767px) {
.service__area-7::before{display:none}
}
.service__area-7::after{position:absolute;content:"";width:1px;height:100%;left:59%;bottom:0;background:var(--white-6)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.service__area-7::after{left:62%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service__area-7::after{left:62%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__area-7::after{left:63%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__area-7::after{left:64%}
}
@media only screen and (max-width: 767px) {
.service__area-7::after{display:none}
}
.service__items-7{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
@media only screen and (max-width: 767px) {
.service__items-7{-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.service__item-7{padding-bottom:90px;position:relative;z-index:1}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__item-7{padding-right:30px}
}
@media only screen and (max-width: 767px) {
.service__item-7{padding-bottom:60px}
}
.service__item-7::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:35px;background:var(--white-6)}
@media only screen and (max-width: 767px) {
.service__item-7::after{bottom:25px}
}
.service__item-7:nth-last-child(-n+3)::after{position:unset}
@media only screen and (max-width: 767px) {
.service__item-7:nth-last-child(-n+3)::after{position:absolute}
}
.service__item-7 p{max-width:340px;font-size:18px;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-7 p{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__item-7 p{font-size:16px}
}
.service__item-7 ul li{font-weight:400;font-size:18px;line-height:1.5;color:var(--black-2)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__item-7 ul li{font-size:16px}
}
@media only screen and (max-width: 767px) {
.service__item-7 ul li{font-size:16px}
}
.service__title-7{font-weight:500;font-size:36px;line-height:1.3;color:var(--black-2);padding-bottom:25px;-webkit-transition:all .5s;transition:all .5s;text-transform:capitalize}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.service__title-7{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.service__title-7{font-size:30px}
}
@media only screen and (max-width: 767px) {
.service__title-7{font-size:30px}
}
.service__title-7:hover span{padding-left:0}
@media only screen and (max-width: 767px) {
.service__title-7:hover span{padding-left:50px}
}
.service__title-7:hover span::before{width:0}
.service__title-7 span{display:block;position:relative;padding-left:50px;-webkit-transition:all .5s;transition:all .5s}
.service__title-7 span::before{position:absolute;content:"";width:40px;height:1px;left:0;top:25px;-webkit-transition:all .5s;transition:all .5s;background-color:var(--black-2)}
.portfolio__area-7{margin-bottom:120px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-7 .pb-140{padding-bottom:60px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-7{margin-bottom:90px}
}
.portfolio__area-7 .sec-title{padding-bottom:50px;text-transform:capitalize}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-7 .sec-title{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-7 .sec-title{padding-bottom:30px}
}
.portfolio__area-7 p{font-size:18px;max-width:300px}
@media only screen and (max-width: 767px) {
.portfolio__area-7 p{font-size:16px}
}
.portfolio__slider-7{margin-right:-320px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__slider-7{margin-right:-200px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slider-7{margin-right:-130px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slider-7{margin-right:0}
}
@media only screen and (max-width: 767px) {
.portfolio__slider-7{margin-right:0}
}
.portfolio__slide-7{text-align:center}
.portfolio__slide-7:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.portfolio__slide-7 .slide-img{overflow:hidden;margin-bottom:20px}
.portfolio__slide-7 img{width:100%;-webkit-transition:all .5s;transition:all .5s}
.portfolio__slide-7 .title{font-weight:500;font-size:20px;line-height:1.2;color:var(--black-2);padding-bottom:5px}
.portfolio__slide-7 .date{font-size:14px;color:var(--black-3);font-weight:400;line-height:1.5}
.cta__area-7{background-color:var(--black-2)}
.cta__area-7 .cta__sub-title{color:var(--gray-2)}
.cta__area-7 .cta__title{color:var(--white)}
.cta__area-7 .wc-btn-primary,.cta__area-7 .wc-btn-secondary,.cta__area-7 .wc-btn-pink,.cta__area-7 .wc-btn-light,.cta__area-7 .wc-btn-black{border-color:var(--secondary);color:var(--gray-2)}
.cta__area-7 .wc-btn-primary:hover,.cta__area-7 .wc-btn-secondary:hover,.cta__area-7 .wc-btn-pink:hover,.cta__area-7 .wc-btn-light:hover,.cta__area-7 .wc-btn-black:hover{color:var(--black-2)}
.blog__area-7 .sec-title-wrapper{padding-bottom:60px}
@media only screen and (max-width: 767px) {
.blog__area-7 .sec-title-wrapper{padding-bottom:40px}
}
@media only screen and (max-width: 767px) {
.blog__area-7 .pb-140{padding-bottom:20px}
}
.dark .header__area-7.sticky-7{border-color:var(--secondary)}
.dark .award__left-7 .sec-title{color:var(--black-2)}
.dark .main-menu-4 li a{color:var(--white)}
.dark .main-menu-4 li a .menu-text{text-shadow:0 16px 0 var(--white)}
.dark .header__nav-icon-7 img{-webkit-filter:invert(1);filter:invert(1)}
.dark .header__area-7.sticky-7{background:var(--black-2)}
.dark .hero__area-7{-webkit-filter:invert(1);filter:invert(1)}
.dark .about__mid-7 p,.dark .service__item-7 ul li{color:var(--gray-2)}
.dark .service__area-7{background-color:var(--d-black-2)}
.dark .service__area-7::before,.dark .service__area-7::after{background-color:var(--secondary)}
.dark .service__item-7::after{background-color:var(--secondary)}
.dark .service__title-7{color:var(--white)}
.dark .service__title-7 span::before{background-color:var(--white)}
.dark .award__area-7{background-color:var(--d-black-2)}
.dark .award__btm-7::before{background-color:var(--black-2)}
.dark .award__counter{background-color:var(--d-black-2)}
.dark .portfolio__slide-7 .date{color:var(--gray-2)}
.dark .portfolio__slide-7 .title{color:var(--white)}
.dark .team__area-7 .sec-text p{color:var(--gray-2)}
.dark .team__title-7{color:var(--white)}
.dark .team__items-7 a{border-color:var(--secondary)}
.dark .team__item-7:hover .tm-link i{color:var(--white)}
.dark .team__item-7 .tm-name{color:var(--white)}
.dark .team__item-7 .tm-name::after{background-color:var(--white)}
.dark .team__item-7 .tm-role{color:var(--gray-2)}
.dark .cta__area-7{background-color:var(--d-black-2)}
.portfolio__area-11{text-align:center;position:relative}
.portfolio__area-12{padding:180px 35px 110px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-12{padding-top:150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-12{padding-top:150px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-12{padding:150px 15px 80px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-12{padding:130px 0 40px}
}
.portfolio__area-12 .sec-title-wrapper .sub-title{font-weight:500;font-size:18px;line-height:1.5;text-transform:uppercase;color:var(--black-2);position:relative}
.portfolio__area-12 .sec-title-wrapper .sub-title::after{position:absolute;content:"";width:150px;height:1px;background-color:var(--black-2);top:13px;margin-left:10px}
@media only screen and (max-width: 767px) {
.portfolio__area-12 .sec-title-wrapper .sub-title::after{width:70px}
}
.portfolio__area-12 .sec-title-wrapper .title{font-weight:500;font-size:350px;line-height:.7;text-transform:uppercase;color:var(--black-2);padding-bottom:60px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-12 .sec-title-wrapper .title{font-size:260px;padding-bottom:45px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-12 .sec-title-wrapper .title{font-size:220px;padding-bottom:45px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-12 .sec-title-wrapper .title{font-size:150px;line-height:.9;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-12 .sec-title-wrapper .title{font-size:60px;line-height:1;padding-bottom:20px}
}
.portfolio__area-12 .sec-title-wrapper .title span{color:transparent;-webkit-text-stroke:2px var(--black-2)}
.portfolio__area-12 .sec-title-wrapper p{max-width:320px;font-weight:400;font-size:18px;line-height:1.4;text-indent:60px;color:var(--black-2);margin-left:500px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-12 .sec-title-wrapper p{margin-left:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-12 .sec-title-wrapper p{margin-left:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-12 .sec-title-wrapper p{margin-left:200px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-12 .sec-title-wrapper p{text-indent:30px;margin-left:30px}
}
.portfolio__slider-11 img{height:100vh;width:100%;-o-object-fit:cover;object-fit:cover}
.portfolio__slider-11-title{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;pointer-events:none}
.portfolio__slider-11-title .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11{font-size:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11{font-size:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11{font-size:72px}
}
@media only screen and (max-width: 767px) {
.portfolio__slider-11-title .swiper-slide-thumb-active .portfolio__title-11{font-size:36px}
}
.portfolio__title-11{font-weight:500;font-size:50px;line-height:1.1;color:#fff;-webkit-transition:all .3s;transition:all .3s;padding-bottom:10px;text-transform:uppercase}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-11{font-size:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-11{font-size:36px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-11{font-size:30px}
}
@media only screen and (max-width: 767px) {
.portfolio__title-11{font-size:24px}
}
.portfolio__title-11 span{font-weight:400;font-family:"newYork"}
.portfolio__title-12{font-weight:500;font-size:150px;line-height:1;text-transform:uppercase;color:var(--black-2);-webkit-transition:all .3s;transition:all .3s}
.portfolio__title-12 span{font-weight:400;font-family:"newYork"}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__title-12{font-size:110px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__title-12{font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__title-12{font-size:72px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__title-12{font-size:50px}
}
@media only screen and (max-width: 767px) {
.portfolio__title-12{font-size:36px}
}
.portfolio__sub-title-11{font-weight:500;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--white)}
.portfolio__list-12{padding-top:140px;border-bottom:1px solid var(--gray-11)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__list-12{padding-top:120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__list-12{padding-top:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__list-12{padding-top:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__list-12{padding-top:70px}
}
@media only screen and (max-width: 767px) {
.portfolio__list-12{padding-top:60px}
}
.portfolio__item-12{display:-ms-grid;display:grid;-ms-grid-columns:160px auto 200px;grid-template-columns:160px auto 200px;padding:55px 0 50px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s;border-top:1px solid var(--gray-11)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__item-12{-ms-grid-columns:130px auto 120px;grid-template-columns:130px auto 120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__item-12{padding:40px 0;-ms-grid-columns:100px auto 100px;grid-template-columns:100px auto 100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__item-12{-ms-grid-columns:90px auto 90px;grid-template-columns:90px auto 90px;padding:30px 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__item-12{-ms-grid-columns:40px 20px auto 20px 80px;grid-template-columns:40px auto 80px;gap:20px;padding:30px 0}
}
@media only screen and (max-width: 767px) {
.portfolio__item-12{padding:20px 0;grid-gap:15px;-ms-grid-columns:1fr;grid-template-columns:1fr}
}
.portfolio__item-12:hover .portfolio__title-12{letter-spacing:1px;-webkit-transition:all .3s;transition:all .3s}
.portfolio__item-12:hover .portfolio__hover-12{opacity:1}
.portfolio__item-12 p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:500;font-size:14px;line-height:1.5;color:var(--black-3);text-transform:uppercase}
.portfolio__hover-12{width:300px;height:400px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:75%;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:-200px 0 0 -150px;overflow:hidden;pointer-events:none}
@media (max-width: 1200px) {
.portfolio__hover-12{width:0;display:none}
}
.portfolio__no-12{font-weight:400;font-size:24px;line-height:32px;text-transform:uppercase;color:var(--black-3)}
.portfolio__nitems{display:block}
.portfolio__wrapper-11{height:100vh;overflow:hidden;overflow-y:scroll;padding-top:70px}
.portfolio__wrapper-11::-webkit-scrollbar{width:0}
.portfolio__nitem.active .portfolio__title-11{font-size:150px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__nitem.active .portfolio__title-11{font-size:120px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__nitem.active .portfolio__title-11{font-size:100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__nitem.active .portfolio__title-11{font-size:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__nitem.active .portfolio__title-11{font-size:36px}
}
@media only screen and (max-width: 767px) {
.portfolio__nitem.active .portfolio__title-11{font-size:30px}
}
.portfolio__nitem.active .pitem-bg{opacity:1;visibility:visible}
.portfolio__nitem a{padding:30px 0;display:inline-block;-webkit-transition:all .3s;transition:all .3s}
@media only screen and (max-width: 767px) {
.portfolio__nitem a{padding:20px 0}
}
.portfolio__nitem .pitem-bg{background-position:center;background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;-webkit-transition:all 1s;transition:all 1s}
.hover_img{width:300px;height:400px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:75%;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);margin:0;overflow:hidden;pointer-events:none;z-index:-1}
@media (max-width: 1200px) {
.hover_img{width:0;display:none}
}
.hover_wrap{position:relative}
.hover_wrap:hover .hover_img{opacity:1}
.hover_8_wrap{position:relative}
.hover_8_img,.hover_8_img_2{width:300px;height:400px;position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);overflow:hidden;pointer-events:none;z-index:-1;margin-left:-250px;opacity:0}
.hover_8_img.active,.active.hover_8_img_2{opacity:1}
@media (max-width: 1200px) {
.hover_8_img,.hover_8_img_2{width:0;display:none}
}
.hover_8_img_2{top:100px}
.work__area-8 .about-sub-right{color:var(--black-3);padding-bottom:10px}
.scroll-top-2{width:115px;position:fixed;right:100px;bottom:20px;z-index:9991;padding:10px;cursor:pointer;display:none;-webkit-transition:all .3s;transition:all .3s}
.scroll-top-2 i{font-size:18px;color:var(--black-2)}
.scroll-top-2:hover{color:var(--gray-2)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.scroll-top-2{right:50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.scroll-top-2{right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.scroll-top-2{right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.scroll-top-2{right:10px;bottom:15px}
}
@media only screen and (max-width: 767px) {
.scroll-top-2{right:10px;bottom:15px;width:40px;height:40px;border-radius:4px;padding:5px;background-color:#fff;mix-blend-mode:exclusion}
}
.scroll-top-2 p{color:var(--black-2);text-align:left}
.scroll-inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (max-width: 767px) {
.scroll-inner{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.scroll-inner p{display:none}
.scroll-inner img{max-width:100%;height:30px}
}
#main .part .section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.part p{opacity:0}
.part h2{opacity:0}
.part.showed h2{opacity:1;padding-left:30px;padding-bottom:30px;font-weight:500;font-size:36px;line-height:1.3;color:#fff;text-transform:uppercase}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2{font-size:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2{font-size:30px;padding-left:20px;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.part.showed h2{font-size:24px;padding-left:15px;padding-bottom:20px}
}
.part.showed h2 span{display:block;position:relative;padding-left:90px;font-family:"newYork"}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2 span{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2 span{padding-left:50px}
}
@media only screen and (max-width: 767px) {
.part.showed h2 span{padding-left:30px}
}
.part.showed h2 span::before{position:absolute;content:"";width:70px;height:2px;left:0;top:22px;background-color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed h2 span::before{width:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed h2 span::before{width:35px}
}
@media only screen and (max-width: 767px) {
.part.showed h2 span::before{width:25px}
}
.part.showed p{opacity:1;padding-left:120px;padding-bottom:60px;font-weight:500;font-size:14px;line-height:1.5;text-transform:uppercase;color:var(--white)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.part.showed p{padding-left:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.part.showed p{padding-left:70px}
}
@media only screen and (max-width: 767px) {
.part.showed p{padding-left:20px}
}
.showcase__area-4{padding:130px 50px 110px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.showcase__area-4{padding:120px 50px 100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__area-4{padding:90px 50px 100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__area-4{padding:80px 30px 100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__area-4{padding:80px 20px 60px}
}
@media only screen and (max-width: 767px) {
.showcase__area-4{padding:60px 0 80px}
}
.showcase__area-4 .row{--bs-gutter-x:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__area-4 .row{--bs-gutter-x:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__area-4 .row{--bs-gutter-x:40px}
}
@media only screen and (max-width: 767px) {
.showcase__area-4 .row{--bs-gutter-x:30px}
}
.showcase__items-4{display:-ms-grid;display:grid;-ms-grid-columns:1fr 90px 1fr 90px 1fr 90px 1fr;grid-template-columns:repeat(4,1fr);grid-gap:90px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.showcase__items-4{grid-gap:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.showcase__items-4{grid-gap:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.showcase__items-4{grid-gap:15px;-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width: 767px) {
.showcase__items-4{grid-gap:15px;-ms-grid-columns:1fr 15px 1fr;grid-template-columns:repeat(2,1fr)}
}
.showcase__item-4{overflow:hidden}
.showcase__item-4:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}
.showcase__item-4 img{-webkit-transition:all 3s;transition:all 3s;max-width:100%}
.showcase__menu-4{gap:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:30px;margin-bottom:30px}
@media only screen and (max-width: 767px) {
.showcase__menu-4{display:inline-block;z-index:9;text-align:center;position:relative;background-color:var(--white)}
}
.showcase__menu-4 button{font-weight:400;font-size:18px;line-height:1;color:var(--black);-webkit-transition:all .3s;transition:all .3s;text-transform:capitalize}
.showcase__menu-4 button:hover{letter-spacing:1px;color:var(--black-2)}
@media only screen and (max-width: 767px) {
.showcase__menu-4 button{margin:0 5px 10px 0}
}
.showcase5__content img{-webkit-animation:wcSpinner 5s infinite linear;animation:wcSpinner 5s infinite linear}
.showcase_16_hover{width:300px;height:400px;position:absolute;top:100px;left:200px;background-size:cover;background-repeat:no-repeat;background-position-x:75%;-webkit-transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.3s,transform .7s cubic-bezier(0.23,1,0.32,1),-webkit-transform .7s cubic-bezier(0.23,1,0.32,1);overflow:hidden;pointer-events:none;opacity:0}
.showcase_16_hover.active{opacity:1}
@media (max-width: 1365px) {
.showcase_16_hover{display:none}
}
.mixtup_btn#btn_wrapper,.mixtup_btn.btn_wrapper{margin:0 auto}
.mixtup_btn .wc-btn{display:inline-block;width:170px;height:170px;border:1px solid #C2C2C2;border-radius:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#555;font-weight:400;font-size:16px;line-height:1.5;margin:0 auto;-webkit-transition:all .5s;transition:all .5s;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media (max-width: 1365px) {
.mixtup_btn .wc-btn{width:150px;height:150px}
}
.mixtup_btn .wc-btn span{display:block;font-size:18px;margin-bottom:-15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media only screen and (max-width: 767px) {
.mixtup_btn .wc-btn span{margin-bottom:-5px}
}
.mixtup_btn .wc-btn:hover{color:#fff;background-color:var(--black-2)}
@media (max-width: 1365px) {
.mixtup_btn{opacity:1;visibility:visible}
}
@media only screen and (max-width: 767px) {
.mixtup_btn{margin-bottom:30px}
}
.dark .portfolio__area-12 .sec-title-wrapper .title{color:var(--white)}
.dark .portfolio__area-12 .sec-title-wrapper .title span{-webkit-text-stroke:2px var(--white)}
.dark .portfolio__area-12 .sec-title-wrapper .sub-title{color:var(--white)}
.dark .portfolio__area-12 .sec-title-wrapper .sub-title::after{background-color:var(--white)}
.dark .portfolio__area-12 .sec-title-wrapper p{color:var(--white)}
.dark .portfolio__title-12,.dark .showcase__menu-4 button{color:var(--white)}
.dark .rollslide_title{color:var(--white)}
.dark .rollslide_title:hover{color:var(--black-3)}
.dark .cat_links li a,.dark .work__area-8 .about-sub-right,.dark .footer__copyright-8 p a{color:var(--white)}
.dark .cat_links li a:hover,.dark .work__area-8 .about-sub-right:hover,.dark .footer__copyright-8 p a:hover{color:var(--black-3)}
.dark .scroll-top-2{-webkit-filter:invert(1);filter:invert(1)}
.dark .portfolio__item-12 p,.dark .portfolio__no-12{color:var(--gray)}
.dark .portfolio__list-12,.dark .portfolio__item-12,.dark .footer_categories,.dark .footer__subscribe-2 input{border-color:var(--black-3)}
.dark .footer_categories::before{background-color:var(--black-3)}
.dark .mixtup_btn .wc-btn{color:#fff;border-color:var(--secondary)}
.dark .mixtup_btn .wc-btn:hover{color:var(--black-2);background-color:var(--white)}
@media only screen and (max-width: 767px) {
.dark .showcase__menu-4{background-color:var(--black-2)}
}
body{position:relative}
.body-bg{position:fixed;z-index:99999;pointer-events:none;top:0;opacity:1;left:0;width:100vw;height:100vh;background-repeat:repeat;background-position:top left;}
.portfolio__area-11{overflow:hidden}
.portfolio__area-11 .gallary11__thumb{height:100%}
.portfolio__area-11 .gallary11__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.portfolio__area-11 .gallary11__thumb img:hover{-webkit-transform:scale(1.07);transform:scale(1.07);-webkit-transition:all 10s;transition:all 10s}
.portfolio__area-11 .swiper-container{width:100%;height:100vh;float:left;-webkit-transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,-webkit-transform .3s ease;transition:opacity .6s ease,transform .3s ease;transition:opacity .6s ease,transform .3s ease,-webkit-transform .3s ease}
.portfolio__area-11 .main-slider11 .swiper-image{width:100%;height:100%}
.portfolio__area-11 .swiper-slide{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:150px;line-height:.9}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:48px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-11 .swiper-slide.swiper-slide-active .gallary__thumb .portfolio__title-11{font-size:30px}
}
.portfolio__area-11 .swiper-container.thumb-slider11{width:100%;position:absolute;overflow:hidden;height:100vh;pointer-events:none}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-11 .swiper-container.thumb-slider11{margin-top:80px}
}
@media only screen and (max-width: 767px) {
.portfolio__area-11 .swiper-container.thumb-slider11{margin-top:80px}
}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide{cursor:pointer}
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active{height:175px!important}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active{height:160px!important}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active{height:150px!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active{height:125px!important}
}
@media only screen and (max-width: 767px) {
.portfolio__area-11 .swiper-container.thumb-slider11 .swiper-slide-active{height:100px!important}
}
.portfolio__area-11 .gallary12{-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.portfolio__area-11 .gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
@media only screen and (max-width: 767px) {
.portfolio__area-11 .gallary12{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.dir-rtl{direction:rtl}
.dir-rtl li{text-align:right}
.dir-rtl .scroll-top{right:unset;left:20px}
.dir-rtl .wc-btn-primary i,.dir-rtl .wc-btn-black i,.dir-rtl .wc-btn-light i,.dir-rtl .wc-btn-pink i,.dir-rtl .wc-btn-secondary i{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}
.dir-rtl .shape{left:0;right:-90px}
.dir-rtl .shape .primary{margin-left:0;margin-right:24px}
.dir-rtl .btn-view i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .sec-title-4 span{padding-left:0;padding-right:298px}
@media only screen and (max-width: 767px) {
.dir-rtl .sec-title-4 span{padding-right:0}
}
.dir-rtl .sec-title-5{padding-left:0;padding-right:98px}
@media only screen and (max-width: 767px) {
.dir-rtl .sec-title-5{padding-right:0}
}
.dir-rtl .menu-text-pp{padding-right:0;padding-left:10px}
.dir-rtl .circle-pagination-2{left:unset!important;right:20px!important}
@media (max-width: 1919px) {
.dir-rtl .circle-pagination-2{right:0!important}
}
.dir-rtl .menu-text-5{padding-right:0;padding-left:10px}
.dir-rtl .btn-together i{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.dir-rtl .header__area{right:0;left:unset;border:none;border-left:1px solid rgba(240,240,240,0.07)}
.dir-rtl .header__search{right:unset;left:60px}
.dir-rtl .header__nav-2{text-align:left}
.dir-rtl .header__nav-icon-7 .menu-icon-2::after{left:-60px;right:unset}
.dir-rtl .offcanvas__close{right:unset;left:40px}
@media only screen and (max-width: 767px) {
.dir-rtl .offcanvas__close{left:15px}
}
.dir-rtl .offcanvas__logo{padding:55px 50px 55px 0}
.dir-rtl .offcanvas__social{padding-left:0;padding-right:50px}
.dir-rtl .offcanvas__links{padding-left:unset;padding-right:50px}
.dir-rtl .offcanvas__left{border:none;border-left:1px solid var(--black-4)}
.dir-rtl .offcanvas__search button{right:unset;left:0}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 100px 20px 0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{padding-right:60px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{padding-right:50px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{padding-right:20px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a{padding-right:20px}
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{left:0;right:unset;height:120px;width:100%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:100px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{height:88px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{width:100%;height:80px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{width:100%;height:70px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand{width:100%;height:60px}
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding:20px 150px 20px 0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-right:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-right:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-right:40px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a{padding-right:40px}
}
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:63px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:59px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand{height:57px}
}
.dir-rtl .hero__area-3::after{right:unset;left:50px}
.dir-rtl .hero__area-3::before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.dir-rtl .hero__area-3 .hero3-img{right:unset;left:0}
.dir-rtl .hero__area-3 .video-info{left:unset;right:500px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__area-3 .video-info{right:330px}
}
.dir-rtl .hero__area-3 .intro-title{left:0}
.dir-rtl .hero__area-3 .title-right{right:unset;left:0}
.dir-rtl .hero__area-3 .sec-sub-title{padding-right:0;padding-left:30px}
.dir-rtl .hero__area-3 .sec-sub-title::after{left:unset;right:100%}
.dir-rtl .hero__area-2 .hero2-shape{max-width:38%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .hero__area-2 .hero2-shape{max-width:35%}
}
@media (max-width: 1400px) {
.dir-rtl .hero__area-2 .hero2-shape{max-width:30%}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__area-2 .hero2-shape{max-width:90%}
}
.dir-rtl .hero__area-2 .sec-title-3:last-child{text-align:left;padding-top:110px;padding-right:0;margin-top:30px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child{padding-top:90px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child{padding-top:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child{padding-top:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child{padding-top:50px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__area-2 .sec-title-3:last-child{padding-top:0}
}
.dir-rtl .hero__area-7 .shape-1{right:unset;left:100px}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-total{width:30px;margin-right:10px}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-total::before{left:20px}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current{width:30px}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current{margin-left:0}
}
.dir-rtl .hero__area-10 .hero10_activition .swiper-pagination-current::before{left:20px}
.dir-rtl .hero__area-10 .hero10_activition .swiper-button-next.hero_next{left:0;right:unset}
.dir-rtl .hero__area-10 .hero10_activition .swiper-button-next.hero_next img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .hero__area-15 .swiper-container{float:right}
.dir-rtl .hero__sub-title{left:60px;right:unset}
.dir-rtl .hero__text-2{padding-left:0;padding-right:32%;background-position:35% 58%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .hero__text-2{padding-right:30%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .hero__text-2{padding-right:20%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__text-2{padding-right:15%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__text-2{padding-right:5%}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__text-2{padding-right:0}
}
.dir-rtl .hero__content .experience{right:unset;left:30px}
.dir-rtl .hero__content a:hover i{-webkit-transform:translate(-18px,-18px) rotate(-135deg);transform:translate(-18px,-18px) rotate(-135deg)}
.dir-rtl .hero__content a:hover span::after{-webkit-transform:translate(20px,-20px) rotate(-135deg);transform:translate(20px,-20px) rotate(-135deg)}
.dir-rtl .hero__content a span{right:unset;left:0}
.dir-rtl .hero__content a span i{-webkit-transform:translate(0,0) rotate(-135deg);transform:translate(0,0) rotate(-135deg)}
.dir-rtl .hero__content a span::after{left:-20px;-webkit-transform:translate(45px,5px) rotate(-135deg);transform:translate(45px,5px) rotate(-135deg)}
.dir-rtl .hero__content-8 .scroll-down{padding-left:unset;padding-right:140px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__content-8 .scroll-down{padding-right:160px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__content-8 .scroll-down{padding-right:160px}
}
.dir-rtl .hero__title::after{right:unset;left:-80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__title::after{left:-30px}
}
.dir-rtl .hero__arrow-icon{right:95%}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__arrow-icon{right:70%}
}
.dir-rtl .hero__about-text p{padding-left:0;padding-right:80px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__about-text p{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__about-text p{padding-right:0}
}
.dir-rtl .hero__about-award::before{left:unset;right:75px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .hero__about-award::before{right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__about-award::before{right:20px}
}
.dir-rtl .hero__about-row{position:inherit;margin-right:initial;margin-left:-310px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .hero__about-row{margin-left:-150px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .hero__about-row{margin-left:-120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__about-row{margin-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__about-row{margin-left:0}
}
.dir-rtl .hero__text-7{margin-left:0;margin-right:210px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__text-7{margin-right:60px;grid-gap:60px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__text-7{margin-right:0}
}
.dir-rtl .hero__text-7 .about::after{left:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .hero__text-7 .about::after{left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .hero__text-7 .about::after{left:54%}
}
.dir-rtl .hero__area-10 .swiper-button-prev.hero_prev img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .header__nav-icon-3 .search-icon{padding-left:50px}
.dir-rtl .header__nav-icon-3 .search-icon::after{right:unset;left:25px}
.dir-rtl .story__area .from-text{right:unset;left:-220px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .story__area .from-text{left:-50px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .story__area .from-text{left:-100px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .story__area .from-text{left:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .story__area .from-text{left:-10px}
}
.dir-rtl .feature__content-right{padding:143px 110px 0 60px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__content-right{padding:60px 20px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .feature__content-right{padding:20px}
}
.dir-rtl .feature__content-right p{padding-right:0;padding-left:242px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .feature__content-right p{padding-left:225px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .feature__content-right p{padding-left:145px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .feature__content-right p{padding-left:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__content-right p{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .feature__content-right p{padding-left:0}
}
.dir-rtl .feature__content-btm{margin-left:0;margin-right:110px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .feature__content-btm{margin-right:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__content-btm{margin-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .feature__content-btm{margin-right:0}
}
.dir-rtl .feature__text{padding-left:0;padding-right:85px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .feature__text{padding-right:70px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .feature__text{padding-right:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__text{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .feature__text{padding-right:0}
}
.dir-rtl .feature__title-6{padding-left:0;padding-right:60px}
.dir-rtl .feature__title-6::before{left:unset;right:0}
.dir-rtl .feature__img-1{right:unset;left:10%}
.dir-rtl .feature__img-3{right:unset;left:6%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__item{border-right:1px solid var(--black-2)}
.dir-rtl .feature__item:nth-child(odd){border-right:0}
}
.dir-rtl .feature__item:first-child{border-right:none}
.dir-rtl .feature__item:last-child{padding:145px 30px;border-right:1px solid var(--black-2)}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .feature__item:last-child{padding:90px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .feature__item:last-child{padding:90px 10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .feature__item:last-child{padding:50px 30px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .feature__item:last-child{padding:0;border:0;padding-bottom:40px}
}
.dir-rtl .about__area-3::after{left:40%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .about__area-3::after{left:45%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .about__area-3::after{left:50%}
}
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:210px;padding-left:0}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:160px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:160px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:65px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .about__area-3 .sec-text-wrapper{padding-right:0}
}
.dir-rtl .about__area-2 .sec-text-wrapper{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}
.dir-rtl .about__area-8 .about-sub-right{text-align:left!important}
.dir-rtl .about__title-wrapper{padding-left:0;padding-right:190px}
@media only screen and (max-width: 767px) {
.dir-rtl .about__title-wrapper{padding-right:0}
}
.dir-rtl .about__img-right{right:unset;left:0}
.dir-rtl .about__mid-7{padding-left:0;padding-right:80px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .about__mid-7{padding-right:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .about__mid-7{padding-right:10px}
}
@media (max-width: 1023px) {
.dir-rtl .about__mid-7{padding-right:0}
}
.dir-rtl .about__mid-7 .image-1{margin-left:0;margin-right:auto}
.dir-rtl .about8__content{float:left}
.dir-rtl .work__area-8 .about-sub-right{text-align:left!important}
.dir-rtl .work8__title{margin-left:0;margin-right:440px}
@media only screen and (max-width: 767px) {
.dir-rtl .work8__title{margin-right:20px}
}
.dir-rtl .service__area-3 .sec-title-wrapper{padding-left:0;padding-right:330px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__area-3 .sec-title-wrapper{padding-right:200px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__area-3 .sec-title-wrapper{padding-right:100px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__area-3 .sec-title-wrapper{padding-right:0}
}
.dir-rtl .service__area-3 .sec-title-wrapper::after{left:62%}
.dir-rtl .service__area-3 .sec-title-wrapper p{margin-left:0;margin-right:220px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__area-3 .sec-title-wrapper p{margin-right:120px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__area-3 .sec-title-wrapper p{margin-right:120px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__area-3 .sec-title-wrapper p{margin-right:20px}
}
.dir-rtl .service__area-6{padding-left:0}
.dir-rtl .service__area-6 .inherit-row{margin-right:-180px;margin-left:0}
@media (max-width: 1919px) {
.dir-rtl .service__area-6 .inherit-row{margin-right:calc(-0.5 * var(--bs-gutter-x))}
}
.dir-rtl .service__area-6 .right-content{padding-left:0;padding-right:80px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .service__area-6 .right-content{padding-right:40px}
}
@media (max-width: 1400px) {
.dir-rtl .service__area-6 .right-content{padding-right:0}
}
.dir-rtl .service__area-7::before{left:42%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .service__area-7::before{left:39%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .service__area-7::before{left:38%}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__area-7::before{left:34%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__area-7::before{left:36%}
}
.dir-rtl .service__area-7::after{left:64%}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .service__area-7::after{left:69%}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .service__area-7::after{left:65%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__area-7::after{left:66%}
}
.dir-rtl .service__top-btn #btn_wrapper,.dir-rtl .service__top-btn .btn_wrapper{margin-left:-40px;margin-right:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__top-btn #btn_wrapper,.dir-rtl .service__top-btn .btn_wrapper{margin-left:-20px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__top-btn #btn_wrapper,.dir-rtl .service__top-btn .btn_wrapper{margin-left:auto;margin-right:0}
}
.dir-rtl .service__link{text-align:left}
.dir-rtl .service__link p::after{-webkit-transform:translate(80px,34px) rotate(-135deg);transform:translate(80px,34px) rotate(-135deg)}
.dir-rtl .service__link i{-webkit-transform:translate(0,0) rotate(-135deg);transform:translate(0,0) rotate(-135deg)}
.dir-rtl .service__item-icon i{font-size:23px;color:var(--black-2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .service__item:hover .service__link p::after{-webkit-transform:translate(30px,-20px) rotate(-135deg);transform:translate(30px,-20px) rotate(-135deg)}
.dir-rtl .service__item:hover .service__link i{-webkit-transform:translate(-38px,-40px) rotate(-135deg);transform:translate(-38px,-40px) rotate(-135deg)}
.dir-rtl .service__item-2::before{left:-30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__item-2::before{left:0}
}
.dir-rtl .service__item-2:nth-child(3n+1)::before{position:absolute}
.dir-rtl .service__item-2:last-child::before{position:unset}
.dir-rtl .service__item-2:nth-child(3)::before{position:unset}
.dir-rtl .service__item-4:hover .service__item-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.dir-rtl .service__img{-webkit-transform:rotate(0deg) translateX(100px);transform:rotate(0deg) translateX(100px)}
.dir-rtl .service__img.active{-webkit-transform:rotate(-15deg) translateX(-60px) translateY(30px);transform:rotate(-15deg) translateX(-60px) translateY(30px)}
.dir-rtl .service__img-wrapper span{left:unset;right:0;-webkit-transform:rotate(26deg) translate(-100%,-100%);transform:rotate(26deg) translate(-100%,-100%)}
.dir-rtl .service__img-wrapper span.current{-webkit-transform:rotate(26deg) translate(170px,-100%);transform:rotate(26deg) translate(170px,-100%)}
.dir-rtl .service__right-4 p{padding-right:0;padding-left:195px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__right-4 p{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__right-4 p{padding-left:15px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__right-4 p{padding-left:0}
}
.dir-rtl .service__hero-2 .shape-1{right:unset;left:165px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__hero-2 .shape-1{left:10px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-2 .shape-1{left:5px}
}
.dir-rtl .service__hero-left-2 .image-1,.dir-rtl .service__hero-left-2 .image-3{-webkit-transform:translateX(100px);transform:translateX(100px)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .service__hero-left-2 .image-1,.dir-rtl .service__hero-left-2 .image-3{-webkit-transform:translateX(40px);transform:translateX(40px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__hero-left-2 .image-1,.dir-rtl .service__hero-left-2 .image-3{-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__hero-left-2 .image-1,.dir-rtl .service__hero-left-2 .image-3{-webkit-transform:translateX(25px);transform:translateX(25px)}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-left-2 .image-1,.dir-rtl .service__hero-left-2 .image-3{-webkit-transform:translateX(0);transform:translateX(0)}
}
.dir-rtl .service__hero-left-2 .image-2{-webkit-transform:translateX(-50px);transform:translateX(-50px)}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-left-2 .image-2{-webkit-transform:translateX(0);transform:translateX(0)}
}
.dir-rtl .service__hero-left-2 .image-4{right:318px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .service__hero-left-2 .image-4{right:300px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__hero-left-2 .image-4{right:268px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__hero-left-2 .image-4{right:215px}
}
.dir-rtl .service__hero-right-2 p{margin-left:0;margin-right:350px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .service__hero-right-2 p{margin-right:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__hero-right-2 p{margin-right:220px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-right-2 p{margin-right:30px}
}
.dir-rtl .service__hero-right-2 .title span{padding-left:0;padding-right:170px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .service__hero-right-2 .title span{padding-right:80px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-right-2 .title span{padding-right:40px}
}
.dir-rtl .service__hero-right-2 .scroll{margin-left:0;margin-right:350px}
@media only screen and (max-width: 767px) {
.dir-rtl .service__hero-right-2 .scroll{margin-right:30px}
}
.dir-rtl .service__title-7:hover span{padding-right:0}
.dir-rtl .service__title-7 span{padding-left:0;padding-right:50px}
.dir-rtl .service__title-7 span::before{left:unset;right:0}
.dir-rtl .service__detail-circle span::after{left:unset;right:50%}
.dir-rtl .accordion-button{text-align:right}
.dir-rtl .faq__list-4 .accordion-button.collapsed::after{left:unset;right:0}
.dir-rtl .faq__list-4 .accordion-button:not(.collapsed)::after{left:unset;right:0}
.dir-rtl .faq__img6-2{left:unset;right:51px}
.dir-rtl .faq__img{padding-right:0;padding-left:85px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .faq__img{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .faq__img{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .faq__img{padding-left:0}
}
.dir-rtl .award__right > p{margin-left:0;margin-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .award__right > p{margin-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .award__right > p{margin-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .award__right > p{margin-right:0}
}
.dir-rtl .award__text-8{right:unset;left:50px}
@media only screen and (max-width: 767px) {
.dir-rtl .award__text-8{left:10px}
}
.dir-rtl .award__text-8 a:hover i{-webkit-transform:translate(-20px,-20px) rotate(-135deg);transform:translate(-20px,-20px) rotate(-135deg)}
.dir-rtl .award__text-8 a:hover span::after{-webkit-transform:translate(20px,-20px) rotate(-135deg);transform:translate(20px,-20px) rotate(-135deg)}
.dir-rtl .award__text-8 a span{right:unset;left:0}
.dir-rtl .award__text-8 a span i{-webkit-transform:translate(0,0) rotate(-135deg);transform:translate(0,0) rotate(-135deg)}
.dir-rtl .award__text-8 a span::after{-webkit-transform:translate(40px,0) rotate(-135deg);transform:translate(40px,0) rotate(-135deg)}
.dir-rtl .award__item p:last-child{text-align:left}
.dir-rtl .award__mid-7 p{margin-left:0;margin-right:30px}
.dir-rtl .award__area-7 .inherit_row{margin-left:0;margin-right:-350px}
.dir-rtl .award__counter{right:unset;left:0}
.dir-rtl .award__btm-7{padding-left:0;padding-right:110px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .award__btm-7{padding-right:90px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .award__btm-7{padding-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .award__btm-7{padding-right:30px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .award__btm-7{padding-right:30px}
}
.dir-rtl .award__btm-7::after{left:unset;right:99%}
.dir-rtl .award__btm-7::before{right:unset;left:100%}
.dir-rtl .awards__area-8 .about-sub-right{text-align:left!important}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .team__area{padding-left:0;padding-right:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .team__area{padding-left:0;padding-right:62px}
}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .team__area-6{padding-left:0;padding-right:62px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .team__area-6{padding-left:0;padding-right:62px}
}
.dir-rtl .team__area-7 .sec-text{padding-left:0;padding-right:60%}
@media only screen and (max-width: 767px) {
.dir-rtl .team__area-7 .sec-text{padding-right:60px}
}
.dir-rtl .team__item-7:hover .tm-name{padding-left:0;padding-right:90px}
.dir-rtl .team__item-7:hover .tm-link i{-webkit-transform:rotate(215deg);transform:rotate(215deg)}
.dir-rtl .team__item-7 .tm-serial{left:unset;right:0}
.dir-rtl .team__item-7 .tm-name::after{left:unset;right:25px}
.dir-rtl .team__item-7 .tm-link i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .team__hover-7{left:-60%}
.dir-rtl .team__join-btn a i{right:unset;left:130px}
@media only screen and (max-width: 767px) {
.dir-rtl .team__join-btn a i{left:50px}
}
.dir-rtl .team__member-img{left:unset;right:-192px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .team__member-img{right:-150px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .team__member-img{right:-228px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .team__member-img{right:50%;-webkit-transform:translateX(25%);transform:translateX(25%)}
}
@media only screen and (max-width: 767px) {
.dir-rtl .team__member-img{right:0}
}
.dir-rtl .team__member-role-7::after{left:unset;right:0}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .team__member-role-7::after{right:calc(50% - 75px)}
}
@media only screen and (max-width: 767px) {
.dir-rtl .team__member-role-7::after{right:calc(50% - 75px)}
}
.dir-rtl .cta__area-3 .wc-btn-black{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.dir-rtl .cta__area-3 .wc-btn-black i{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.dir-rtl .circle-pagination.right{left:unset;right:calc(100% - 135px)!important}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .circle-pagination.right{right:calc(100% - 90px)!important}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .circle-pagination.right{right:calc(100% - 75px)!important}
}
.dir-rtl .portfolio__area-2::after{left:15.3%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__area-2 .line::before{left:unset;right:0}
}
.dir-rtl .portfolio__area-2 .sec-title-3{padding-right:0;padding-left:320px;background-position:25% 25px}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__area-2 .sec-title-3{padding-left:0}
}
.dir-rtl .portfolio__area-2 .sec-title-3 span{padding-left:0;padding-right:450px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__area-2 .sec-title-3 span{padding-right:300px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__area-2 .sec-title-3 span{padding-right:150px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__area-2 .sec-title-3 span{padding-right:0}
}
.dir-rtl .portfolio__area-2 .sec-title-wrapper .sec-text{text-align:right}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__area-3 .swiper-pagination{left:10px}
}
.dir-rtl .portfolio__area-6 .sec-title-wrapper p{padding-left:0;padding-right:110px}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__area-6 .sec-title-wrapper p{padding-right:70px}
}
.dir-rtl .portfolio__area-6 .sec-title-wrapper p::before{left:unset;right:0}
.dir-rtl .portfolio__area-12 .sec-title-wrapper .sub-title::after{margin-left:unset;margin-right:10px}
.dir-rtl .portfolio__area-12 .sec-title-wrapper p{margin-left:0;margin-right:500px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__area-12 .sec-title-wrapper p{margin-right:200px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__area-12 .sec-title-wrapper p{margin-right:20px}
}
.dir-rtl .portfolio__slide-3{text-align:left;padding-right:0;padding-left:110px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__slide-3{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__slide-3{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__slide-3{padding-left:0}
}
.dir-rtl .portfolio__slide-2 .sec-title span{padding-left:0;padding-right:60px}
.dir-rtl .portfolio__slide-2 .sec-title span::before{left:unset;right:-10px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__slide-2 .sec-title span::before{right:0;width:40px}
}
.dir-rtl .portfolio__slide-2 .slide-img{padding-right:0;padding-left:15px}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__slide-2 .slide-img{padding-left:0}
}
.dir-rtl .portfolio__slide-2 .slide-content{padding-left:0;padding-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__slide-2 .slide-content{padding-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__slide-2 .slide-content{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__slide-2 .slide-content{padding-right:40px}
}
.dir-rtl .portfolio__slide-2 .btn-common i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .portfolio__title-3{text-align:right}
.dir-rtl .portfolio__title-3 span{padding-left:0;padding-right:200px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__title-3 span{padding-right:100px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__title-3 span{padding-right:60px}
}
.dir-rtl .portfolio__hero-area::after{left:unset}
.dir-rtl .portfolio__about .sec-title span{padding-left:0;padding-right:120px}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__about .sec-title span{display:inline-block;padding-right:0}
}
.dir-rtl .portfolio__about .sec-title span::before{left:unset;right:0}
.dir-rtl .portfolio__about .brand-title-wrap{border:none;border-left:1px solid var(--purple-2)}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__about .brand-title-wrap{border:none}
}
.dir-rtl .portfolio__about .brand-list{padding-left:0;padding-right:80px}
@media (max-width: 1023px) {
.dir-rtl .portfolio__about .brand-list{padding-right:0}
}
.dir-rtl .portfolio__about-left img{right:unset;left:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__about-left img{display:none}
}
.dir-rtl .portfolio__page .swiper-slide-active .portfolio__about-left img{-webkit-transform:rotateY(180deg)!important;transform:rotateY(180deg)!important}
.dir-rtl .portfolio__project::after{top:100px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .portfolio__project .pp-prev{right:40px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__project .pp-prev{right:60px}
}
.dir-rtl .portfolio__project .pp-slider-wrapper{padding-left:100px;padding-right:150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__project .pp-slider-wrapper{padding-left:140px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__project .pp-slider-wrapper{padding-left:40px;padding-right:40px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__project .pp-slider-wrapper{padding-left:0;padding-right:0}
}
.dir-rtl .portfolio__project .pp-slide-thumb{margin-left:unset;margin-right:auto}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .portfolio__project .pp-slide-thumb{margin-right:20px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .portfolio__project .pp-slide-thumb{margin-right:20px}
}
.dir-rtl .portfolio__project .pp-slide-thumb p{text-align:left}
.dir-rtl .portfolio__project .pp-slide-img img{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
.dir-rtl .portfolio__project .pp-slide-title{text-align:left}
.dir-rtl .portfolio__project-thumbs{margin-right:0;margin-left:-150px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__project-thumbs{margin-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__project-thumbs{margin-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__project-thumbs{margin-left:0}
}
.dir-rtl .portfolio__project .pp-slide{padding:80px 80px 80px 0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__project .pp-slide{padding:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__project .pp-slide{padding:50px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__project .pp-slide{padding:60px}
}
.dir-rtl .portfolio__hero .title.shape-circle::after{left:-50px;right:unset}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__hero .title.shape-circle::after{left:-10px}
}
@media (max-width: 1023px) {
.dir-rtl .portfolio__hero .title.shape-circle::after{left:0}
}
.dir-rtl .portfolio__service .sec-text{background-position:right 80px}
@media (max-width: 1400px) {
.dir-rtl .portfolio__service .sec-text{background-position:right 0}
}
.dir-rtl .portfolio__footer-area::after{left:unset;right:50px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .portfolio__footer-area::after{right:20px}
}
.dir-rtl .portfolio__footer-area .pf-social h3::after{right:unset;left:-60px}
.dir-rtl .portfolio__icon-link{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .portfolio__item-4:hover .portfolio__icon-link{-webkit-transform:rotate(215deg);transform:rotate(215deg)}
.dir-rtl .portfolio__item-12 p{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__item-12 p{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
}
.dir-rtl .portfolio__detail .block-img-text p{padding-left:0;padding-right:60px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .portfolio__detail .block-img-text p{padding-right:0}
}
.dir-rtl .portfolio__wrapper-6{padding-left:0;padding-right:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .portfolio__wrapper-6{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .portfolio__wrapper-6{padding-right:0}
}
.dir-rtl .testimonial__item.item-3{text-align:left}
.dir-rtl .testimonial__slide{margin-left:-1px}
.dir-rtl .testimonial__slide-4{text-align:right}
.dir-rtl .testimonial__img.b-left::before{left:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .testimonial__img.b-left::before{left:20px}
}
.dir-rtl .testimonial__title-2{padding:100px 0 20px 100px}
@media only screen and (max-width: 767px) {
.dir-rtl .testimonial__title-2{padding:20px 0}
}
.dir-rtl .testimonial__text-2{padding-right:0;padding-left:40px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .testimonial__text-2{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .testimonial__text-2{padding-left:0}
}
.dir-rtl .testimonial__info-4 p{text-align:right}
.dir-rtl .testimonial__btn-4 i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .testimonial__video{margin-right:0;margin-left:-112px}
@media only screen and (max-width: 767px) {
.dir-rtl .testimonial__video{margin-left:0}
}
.dir-rtl .testimonial__pagination{left:0;right:unset;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .testimonial__pagination{-webkit-transform:translate(-60%,-50%);transform:translate(-60%,-50%)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .testimonial__pagination{-webkit-transform:translate(-48%,-50%);transform:translate(-48%,-50%)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .testimonial__pagination{-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}
}
.dir-rtl .testimonial__inner-2{background-position:89% 80px}
@media only screen and (max-width: 767px) {
.dir-rtl .testimonial__inner-2{background-position:50% 10px}
}
.dir-rtl .testimonial__img.b-right::after{left:unset;right:30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .testimonial__img.b-right::after{right:20px}
}
.dir-rtl .price__icon span i{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
@media only screen and (max-width: 767px) {
.dir-rtl .price__amount{right:unset;left:30px}
}
.dir-rtl .solution__area{padding-left:0;padding-right:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .solution__area{padding-right:10px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .solution__area{padding-left:15px;padding-right:15px}
}
.dir-rtl .solution__shape .shape-3{left:20%;top:20%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .solution__shape .shape-3{left:5%;top:15%}
}
.dir-rtl .solution__list li{padding-left:0;padding-right:15px}
.dir-rtl .solution__list li::after{left:unset;right:0}
.dir-rtl .solution__mid p{padding-left:0;padding-right:190px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .solution__mid p{padding-right:80px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .solution__mid p{padding-right:50px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .solution__mid p{padding-right:50px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .solution__mid p{padding-right:80px}
}
.dir-rtl .solution__mid p::before{left:unset;right:0}
.dir-rtl .solution__img-1::after{left:unset;right:40px}
.dir-rtl .solution__img-3{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .solution__img-3{float:left;-webkit-transform:rotate(180deg) translateY(60px);transform:rotate(180deg) translateY(60px)}
}
@media only screen and (max-width: 767px) {
.dir-rtl .solution__img-3{float:left;-webkit-transform:rotate(180deg) translateY(60px);transform:rotate(180deg) translateY(60px)}
}
.dir-rtl .solution__btm ul{text-align:left}
.dir-rtl .brand__list-1{border-left:1px solid var(--white-3)}
.dir-rtl .brand__list-2,.dir-rtl .brand__list-3{border:none}
.dir-rtl .research__area{background-position:calc(100% - 300px) calc(100% - 220px)}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .research__area{background-position:calc(100% - 140px) calc(100% - 220px)}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .research__area{background-position:calc(100% - 100px) calc(100% - 140px)}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .research__area{background-position:calc(100% - 100px) calc(100% - 140px)}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .research__area{background-position:98% 250px}
}
.dir-rtl .research__area .row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.dir-rtl .research__area .sec-title-wrapper{text-align:right}
.dir-rtl .research__item{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.dir-rtl .research__item:nth-child(odd){padding-left:0;padding-right:100px}
@media only screen and (max-width: 767px) {
.dir-rtl .research__item:nth-child(odd){padding-right:0}
}
.dir-rtl .research__info{text-align:right}
.dir-rtl .research__tools{padding-left:0;text-align:right;padding-right:200px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .research__tools{padding-right:108px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .research__tools{padding-right:90px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .research__tools{padding-right:80px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .research__tools{padding-right:0}
}
.dir-rtl .counter__area-3 .sec-title-wrapper{text-align:right}
.dir-rtl .counter__wrapper-3{padding-right:30px}
@media only screen and (max-width: 767px) {
.dir-rtl .counter__wrapper-3{padding-right:0}
}
.dir-rtl .counter__item-3{text-align:right}
.dir-rtl .counter__item{margin-left:0;margin-right:-67px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .counter__item{margin-right:-60px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .counter__item{margin-right:-25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .counter__item{margin-right:-27px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .counter__item{margin-right:0}
}
.dir-rtl .counter__item:first-child{margin-right:0}
.dir-rtl .faq__list .accordion-button:not(.collapsed)::after,.dir-rtl .faq__list-3 .accordion-button:not(.collapsed)::after,.dir-rtl .faq__list-6 .accordion-button:not(.collapsed)::after,.dir-rtl .faq__list .accordion-button.collapsed::after,.dir-rtl .faq__list-3 .accordion-button.collapsed::after,.dir-rtl .faq__list-6 .accordion-button.collapsed::after{right:unset;left:0}
.dir-rtl .faq__list-3{padding-right:0;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .faq__list-3{padding-left:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .faq__list-3{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .faq__list-3{padding-left:0}
}
.dir-rtl .faq__list-3 .accordion-button:not(.collapsed)::after,.dir-rtl .faq__list-3 .accordion-button.collapsed::after{right:unset;left:0}
.dir-rtl .faq__list-6 .accordion-button:not(.collapsed)::after,.dir-rtl .faq__list-6 .accordion-button.collapsed::after{right:unset;left:0}
.dir-rtl .blog__area-2 #btn_wrapper,.dir-rtl .blog__area-2 .btn_wrapper{margin-left:0;margin-right:auto}
.dir-rtl .blog__area-3 .sec-title-wrapper{padding-left:0;padding-right:330px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .blog__area-3 .sec-title-wrapper{padding-right:180px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .blog__area-3 .sec-title-wrapper{padding-right:0}
}
.dir-rtl .blog__area-3 .sec-title-wrapper::after{left:62%}
.dir-rtl .blog__area-3 .sec-title-wrapper p{margin-left:0;margin-right:220px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .blog__area-3 .sec-title-wrapper p{margin-right:100px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .blog__area-3 .sec-title-wrapper p{margin-right:100px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .blog__area-3 .sec-title-wrapper p{margin-right:0}
}
.dir-rtl .blog__area-4 .sec-title-wrapper p{padding-right:0;padding-left:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .blog__area-4 .sec-title-wrapper p{padding-left:30px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .blog__area-4 .sec-title-wrapper p{padding-left:0}
}
.dir-rtl .blog__detail-content ul li,.dir-rtl .blog__detail-content ol li{padding-left:0;padding-right:25px}
.dir-rtl .blog__info-3{width:63%;left:0;right:unset;margin-left:0;margin-right:-50px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .blog__info-3{width:80%}
}
@media only screen and (max-width: 767px) {
.dir-rtl .blog__info-3{width:90%}
}
.dir-rtl .blog__btn span{left:-28px;right:unset;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.dir-rtl .blog__detail-content ul li::before,.dir-rtl .blog__detail-content ol li::before{left:unset;right:0}
.dir-rtl .blog__detail-date span{padding-left:0;padding-right:25px}
.dir-rtl .blog__detail-date span::before{left:0;right:8px}
.dir-rtl .btn-started i,.dir-rtl .blog__btn-4 i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .cta__list-left{padding-left:0;padding-right:15px}
.dir-rtl .cta__list-left li::before{left:unset;right:-15px}
.dir-rtl .cta__area-5::before{left:43%}
.dir-rtl .footer__area-2{background-image:unset;position:relative}
.dir-rtl .footer__area-2::before{position:absolute;content:"";height:508px;width:500px;left:0;top:0;background-repeat:no-repeat;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__widget-3{padding:50px 30px 0 0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__widget-3{margin-right:0}
}
.dir-rtl .footer__contact-3{text-align:left}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__contact-3{text-align:center}
}
.dir-rtl .footer__subscribe{margin-right:0;margin-left:-60px;padding-right:0;padding-left:30px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__subscribe{margin-left:-15px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__subscribe{margin-left:-30px}
}
.dir-rtl .footer__subscribe input{padding:21px 15px 21px 50px}
.dir-rtl .footer__subscribe .subs-btn{right:unset;left:20px}
.dir-rtl .footer__subscribe .subs-btn i{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.dir-rtl .footer__subscribe-2{padding-left:0;padding-right:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .footer__subscribe-2{padding-right:40px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__subscribe-2{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__subscribe-2{padding-right:0}
}
.dir-rtl .footer__subscribe-2::before{right:-20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__subscribe-2::before{right:-80px}
}
.dir-rtl .footer__subscribe-2 input{padding:20px 0 20px 80px}
.dir-rtl .footer__subscribe-2 .submit{left:0;right:unset}
.dir-rtl .footer__subscribe-2 .submit img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .footer-line::after{right:0;left:unset}
.dir-rtl .footer__inner{padding-left:0;padding-right:350px}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__inner{padding-right:0}
}
.dir-rtl .footer__top{text-align:left}
.dir-rtl .footer__row{margin-left:0;margin-right:-500px}
@media only screen and (min-width: 1400px) and (max-width: 1919px) {
.dir-rtl .footer__row{margin-right:-305px}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .footer__row{margin-right:-330px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .footer__row{margin-right:-340px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__row{margin-right:-375px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__row{margin-right:0}
}
.dir-rtl .footer__copyright{margin-left:0;margin-right:-67px;padding:35px 66px 35px 0}
.dir-rtl .footer__newsletter-6 button{right:unset;left:20px}
.dir-rtl .footer__newsletter-6 button i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.dir-rtl .footer__newsletter-6 input{padding:16px 20px 16px 50px}
.dir-rtl .footer__widget-4{margin-left:0;margin-right:60px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer__widget-4{margin-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer__widget-4{margin-right:0}
}
.dir-rtl .footer-menu li,.dir-rtl .footer-menu-2 li{padding-left:0;padding-right:80px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .footer-menu li,.dir-rtl .footer-menu-2 li{padding-right:20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .footer-menu li,.dir-rtl .footer-menu-2 li{padding-right:20px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .footer-menu li,.dir-rtl .footer-menu-2 li{padding-right:8px;padding-left:8px}
}
.dir-rtl .section_wrapper::before{left:unset;right:60px}
@media only screen and (max-width: 767px) {
.dir-rtl .section_wrapper::before{right:48px}
}
.dir-rtl .hover_img{left:unset;right:100%}
.dir-rtl .awards__items .date{text-align:left}
.dir-rtl .awards__content p{margin-left:0;margin-right:170px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .awards__content p{margin-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .awards__content p{margin-right:30px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .awards__content p{margin-right:0}
}
.dir-rtl .client__area-8 .about-sub-right{text-align:left!important}
.dir-rtl .hero10:hover .hero10__content i{-webkit-transform:translateY(-50px) rotate(-135deg);transform:translateY(-50px) rotate(-135deg)}
.dir-rtl .hero10__content{left:unset;right:40px}
.dir-rtl .hero10__content i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@media (max-width: 1365px) {
.dir-rtl .hero10__content i{-webkit-transform:rotate(215deg);transform:rotate(215deg)}
}
.dir-rtl .scroll-top-2{right:unset;left:100px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .scroll-top-2{left:20px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .scroll-top-2{left:20px}
}
.dir-rtl .dis_port_4{margin-left:0;margin-right:100px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .dis_port_4{margin-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .dis_port_4{margin-right:30px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .dis_port_4{margin-right:20px}
}
.dir-rtl .section_title_wrapper .title_right__inner__left{margin-right:0;margin-left:60px}
.dir-rtl .section_title_wrapper .title_right__inner__left span::before{right:unset;left:80px}
.dir-rtl .gallary12__content img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.dir-rtl .showcase__top-16 .title-right{margin-left:0;margin-right:auto}
.dir-rtl .showcase__info-16{left:unset;right:50px}
.dir-rtl .showcase__title-16 span::before{left:unset;right:0}
.dir-rtl .showcase__sub-title-16{padding-left:unset;padding-right:100px}
@media only screen and (max-width: 767px) {
.dir-rtl .showcase__sub-title-16{padding-right:30px}
}
.dir-rtl .mixtup_btn .wc-btn span{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
@media only screen and (min-width: 1920px) {
.dir-rtl .team__slider{margin-left:0;margin-right:100px}
}
.dir-rtl .job__detail-wrapper{padding-right:0;padding-left:120px}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.dir-rtl .job__detail-wrapper{padding-left:30px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .job__detail-wrapper{padding-left:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .job__detail-wrapper{padding-left:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .job__detail-wrapper{padding-left:0}
}
.dir-rtl .amenities__detail-meta li{padding-right:0;padding-left:70px}
.dir-rtl .info__detail-content ul,.dir-rtl .info__detail-content ol{padding-left:0;padding-right:30px}
.dir-rtl .info__detail-content ul li::before,.dir-rtl .info__detail-content ol li::before{left:unset;right:-18px}
.dir-rtl .job__link{text-align:left}
.dir-rtl .job__link span::after{right:unset;left:45px;-webkit-transform:translate(0,0) rotate(215deg);transform:translate(0,0) rotate(215deg)}
.dir-rtl .job__link i,.dir-rtl .job__link span{-webkit-transform:rotate(215deg);transform:rotate(215deg)}
.dir-rtl .job__item:hover .job__link i{-webkit-transform:rotate(215deg) translate(60px,2px);transform:rotate(215deg) translate(60px,2px)}
.dir-rtl .job__item:hover .job__link span::after{right:unset;left:0}
.dir-rtl .modal__apply .form-btn button{margin-left:inherit;margin-right:auto}
.dir-rtl .modal__close-2{right:unset;left:30px}
.dir-rtl .career__thumb .inherit{margin-right:0;margin-left:-320px}
@media only screen and (max-width: 767px) {
.dir-rtl .career__thumb .inherit{margin-left:calc(-0.5 * var(--bs-gutter-x))}
}
.dir-rtl .career__benefits-list li{text-align:center}
@media only screen and (max-width: 767px) {
.dir-rtl .career__benefits-list li{margin-left:0;margin-right:-10px}
.dir-rtl .career__benefits-list li:nth-child(2n+1){margin-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .career__benefits-list li:nth-child(3n+1){margin-left:-30px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .about__area-2 #btn_wrapper,.dir-rtl .about__area-2 .btn_wrapper{margin-right:0}
.dir-rtl .section_title_wrapper .title_right{margin-right:auto}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .career__benefits-list li:nth-child(2n+1){margin-left:-20px}
}
.dir-rtl .faq__content{padding-left:0;padding-right:85px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .faq__content{padding-right:0}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .faq__content{padding-right:0}
}
@media only screen and (max-width: 767px) {
.dir-rtl .faq__content{padding-right:0}
}
.dir-rtl .img-box img{left:unset;right:0}
.dir-rtl .hero_layer_9{direction:ltr}
.dir-rtl .part.showed{direction:rtl}
.dir-rtl .part.showed p{padding-left:0;padding-right:120px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .part.showed p{padding-right:70px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .part.showed p{padding-right:70px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .part.showed p{padding-right:45px}
}
.dir-rtl .part.showed h2 span{padding-left:0;padding-right:90px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.dir-rtl .part.showed h2 span{padding-right:60px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.dir-rtl .part.showed h2 span{padding-right:50px}
}
@media only screen and (max-width: 767px) {
.dir-rtl .part.showed h2 span{padding-right:35px}
}
.dir-rtl .part.showed h2 span::before{left:unset;right:0}
.dir-rtl .roll__area-2{direction:ltr}
.dir-rtl .switcher__icon,.dir-rtl .switcher__items{z-index:9999}
.dark.dir-rtl .portfolio__about .brand-title-wrap{border-left:1px solid var(--secondary)}







@media (min-width:1921px) and (max-width:6000px){
.restaurant-info .modal-dialog {max-width: 1400px;}
.cta__area-7 {background-size: cover;background-position-y: 50%;}
.video-section {max-height: 55vh;min-height: 55vh;}
.hero__area-4 {height: auto;max-width: 1720px;width: 1720px;margin: 0 auto;position: relative;    margin-bottom: 170px;}
.villa-bg {right: -5%;top: 15%;}
.hero3-img-ani {max-width: 1720px;width: 1720px;margin: 0 auto;position: relative;}
.hero__area-3 .hero3-img {bottom: -130px;right: -100px;}
}


@media (min-width:1401px) and (max-width:1650px){
.container-1 {width: 1320px;}
.footer__area-6 .pt-150 {padding-top: 100px;}
.villa-page .anim-title h2 {font-size: 60px!important;line-height: 70px;padding: 30px 0 30px 0;}
.dreams {font-size: 60px!important;line-height: 70px!important;}
.font-title {font-size: 60px!important;}
.blog__title, .blog__title-3, .blog__title-2 {font-size: 27px!important;padding-bottom: 15px!important;}
.h1 {font-size: 40px!important;}
.p-title {font-size: 21px!important;}
.villa-bg {right:0%;top:70px; max-width: 40%;}
.about-page .sec-title-5 {font-size: 80px;}
.about-page .sec-title-4 {font-size: 80px;}
.hero__content-8 .scroll-down {padding-left: 0px;}
.about-page .hero__content-8 .discription {max-width: 650px;}
.portfolio__big-inner {margin-top: 30px!important;}
.about-page .story__area {margin-top:-170px;}
.amenities__detail-meta br {display:none}
.portfolio__area-6 .sec-title {font-size: 100px!important;}
.gourmet .hero__area-3 .sec-title{font-size:90px!important;padding-left:20%;}
.gourmet .hero__text-3 h2 {padding-top:70px!important;}
.pb-150 {padding-bottom: 120px;}
.cta__area-7 .cta__title {font-size: 60px;}
.cta__content {width: 45%!important;}
.cta__area-7 {padding: 250px 0 300px 0;}
.service__area-3 .sec-title-wrapper p {padding-left:30px;}
.video-section h2 {font-size: 60px;}
.rest-info {padding: 0px 0% 0px 3%;}
.restaurant-info .modal-dialog {max-width: 85%;}
}

@media (min-width:1201px) and (max-width:1400px){
.main-menu-3 > li {padding: 0 10px;}	
.footer__item-title {font-size: 22px;}	
.container-1 {width: 1170px;}
.portfolio__detail {margin-top: 50px;}
.gallery-text {padding-left: 40px;}
.footer__area-6 .pt-150 {padding-top: 100px;}
.villa-page .anim-title h2 {font-size: 60px!important;line-height: 70px;padding: 30px 0 30px 0;}
.dreams {font-size: 50px!important;line-height: 60px!important;}
.pdd-info {padding-right: 40px;}
.font-title {font-size: 60px!important;}
.blog__title, .blog__title-3, .blog__title-2 {font-size: 27px!important;padding-bottom: 15px!important;}
.h1 {font-size: 40px!important;}
.p-title {font-size: 21px!important;}
.pt-90 {padding-top: 60px;}
.villa-bg {right:0%;top:50px; max-width: 45%;}
.about-page .sec-title-5 {font-size: 70px;}
.about-page .sec-title-4 {font-size: 70px;}
.hero__content-8 .scroll-down {padding-left: 0px;}
.about-page .hero__content-8 .discription {max-width: 650px;}
.portfolio__big-inner {margin-top: 30px!important;}
.about-page .story__area {margin-top:-170px;}
.amenities__detail-meta br {display:none}
.portfolio__area-6 .sec-title {font-size: 90px!important;}
.portfolio__area-6 .sec-title-wrapper p {padding-left: 70px!important;}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:70px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:70px;}
.btn-read-more.pt-50 {padding-top: 0px;}
.portfolio__area-6 .sec-title {font-size: 100px!important;}
.gourmet .hero__area-3 .sec-title{font-size:70px!important;padding-left:20%;}
.gourmet .hero__text-3 h2 {padding-top:70px!important;}
.hero__area-3 .hero3-img {max-width: 65%!important;}
.cleaning-page h1 {font-size: 60px;}
.pb-150 {padding-bottom: 100px;}
.cta__area-7 .cta__title {font-size: 60px;}
.cta__content {width: 45%!important;}
.cta__area-7 {padding: 250px 0 300px 0;}
.home-btn {margin-top: 15px;}
.video-section h2 {font-size: 60px;}
.video-section .btn-read-more {margin-top: 10px;}
.rest-info {padding: 0px 0% 0px 3%;}
.restaurant-info .modal-dialog {max-width: 85%;}
}

@media (min-width:992px) and (max-width:1200px){
.footer__item-title {font-size: 22px;}
.footer__link-6 li a {font-size: 15px;}
.footer__top-6 {flex-wrap: wrap;    display: flex;}
.footer__item-6:nth-child(1){width:36%!important}
.footer__item-6:nth-child(2){width:21%!important}
.footer__item-6:nth-child(3){width:21%!important}
.footer__item-6:nth-child(4){width:21%!important}
.footer__item-6:nth-child(5){width:50%!important;margin-top:70px;}	
.info-text img {left: 0px;top:-30px}	
.info-text {min-height: 220px;padding: 30px 0 15px 0px;    min-height: 250px;}
.info-text-1 img {left: 0px;top:-30px}	
.info-text-1 {min-height: 220px;padding: 50px 0 15px 0px;    min-height: 250px;}
.container-1 {width: 970px;}
.description {max-height: 235px;}
.leadWidget > form.orbirental-capture-widget-form {padding: 20px 15px 90px 15px!important;}
.Amenities br {display:none}
.gallery-text p {font-size: 16px;}
.portfolio__detail {margin-top: 50px;}
.gallery-text {padding-left: 30px;}
.footer__area-6 .pt-150 {padding-top: 100px;}
.villa-page .anim-title h2 {font-size: 55px!important;line-height: 65px;padding: 20px 0 20px 0;}
.dreams span {padding-left: 110px;}
#map {height: 400px;}
.footer__area-6 {margin-top: 60px;}
.pdd-info {padding-right: 40px;}
.font-title {font-size: 60px!important;}
.blog__title, .blog__title-3, .blog__title-2 {font-size: 24px!important;padding-bottom: 15px!important;}
.h1 {font-size: 40px!important;}
.p-title {font-size: 19px!important;}
.pt-90 {padding-top: 40px;}
.villa-text-wrapper {padding: 15px 5px 20px 5px;}
.villa-bg {right:0%;top:50px; max-width: 50%;}
.about-page .sec-title-5 {font-size: 55px;line-height: 65px;}
.about-page .sec-title-4 {font-size: 55px;line-height: 65px;}
.hero__content-8 .scroll-down {padding-left: 0px;    padding-top: 100px;}
.about-page .hero__content-8 .discription {max-width: 650px;padding-top: 100px;}
.portfolio__big-inner {margin-top: 50px!important;}
.about-page .story__area {margin-top:-40px;}
.dreams {font-size: 45px!important;line-height: 55px!important;}
.anim-title {padding: 20px 30px 40px 15px;}
.title-logo {width: 150px;right: 45px;top: 67px;}
.concierge-page .pt-140 {padding-top: 140px;}
.essential {padding: 50px 30px 30px 30px;}
.portfolio__area-6 .sec-title {font-size: 70px!important;}
.portfolio__area-6 .sec-title-wrapper p {padding-left: 70px!important;}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:70px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:70px;}
.btn-read-more.pt-50 {padding-top: 0px;}
.blog__detail-title {padding-bottom: 0px!important;}
.property-page .pt-140 {padding-top: 140px;}
.gourmet .hero__area-3 .sec-title{font-size:70px!important;padding-left:20%;}
.gourmet .hero__text-3 h2 {padding-top:70px!important;}
.hero__area-3 .hero3-img {max-width: 60%!important;bottom: 150px!important;}
.gourmet .scroll-down img {margin: 10px 30px 10px 290px;}
.vrma {width: 140px;}
.cleaning-page h1 {font-size: 60px;}
.single-post1 .pjBlArticleTitle {font-size:35px!important;line-height:47px!important}
.single-post1 .offset-lg-2 {margin-left: 0%!important;}
.single-post1 {margin-top: -100px;}
.blog__related .sec-title-wrapper {padding-bottom: 30px!important;padding-top:40px;}
.villa-a-sesta .main-texts {width: 90%;}
.berardenga-page .main-texts {width: 90%;}
.villa-a-sesta .sticky .house-book {font-size: 15px;}
.villa-a-sesta .sticky .house-book img {width: 30px;}
.info-bg {padding: 26px 20px 23px 30px;}
.info-bg h3 {font-size: 22px!important;}
.info-bg h3 img {width: 30px;}
.offcanvas__logo {width: 90px;margin-left:30px;}
.menu-social {padding-left: 0px;}
.offcanvas__menu-wrapper .footer-menu {padding-left: 0px;}
.pb-150 {padding-bottom: 100px;}
.cta__area-7 .cta__title {font-size: 60px;}
.cta__content {width: 45%!important;}
.cta__area-7 {padding: 250px 0 300px 0;}
.home-btn {margin-top: 15px;}
.video-section h2 {font-size: 60px;    padding-top: 35%;}
.video-section .btn-read-more {margin-top: 10px;}
.workflow__title-4 {font-size: 25px;}
.workflow__item-4 p {font-size: 15px;}
.rest-info {padding: 40px 5% 0px 5%;}
.restaurant-info .modal-dialog {max-width: 75%;}
.restaurant-info .col-md-12 {flex: 0 0 auto;width: 100%;}
.contact__btm .col-md-12 {width:100%}
}

@media (min-width:768px) and (max-width:991px){
.footer__link-6 li a {font-size: 15px;}
.footer__item-title {font-size: 25px;}
.footer-menu li {padding-right: 10px!important;}
.footer__copyright-6 p{font-size: 15px;}
.footer__btm-6 {padding-left:0px;padding-right:0px;}
.footer__top-6 {flex-wrap: wrap;    display: flex;}
.footer__item-6:nth-child(1){width:46%!important}
.footer__item-6:nth-child(2){width:24%!important}
.footer__item-6:nth-child(3){width:24%!important}
.footer__item-6:nth-child(4){width:50%!important;margin-top:40px;}
.footer__item-6:nth-child(5){width:50%!important;margin-top:40px;}	
.col-sm-12 {flex: 0 0 auto;width: 100%;}	
.pdd-info {padding-right: 15px;}
.Amenities .amenities__detail-meta li {margin-bottom: 15px;}
.modal-body {padding: 0 5px 40px 5px;}  
.container, .container-md, .container-sm {max-width: 750px;}
#tutorialBox {padding: 50px 0px 90px 0px!important;}
.info-block {padding: 15px 10px 15px 20px;}
.header__logo-2 img {width: 80px;}
.villa-page .anim-title h2 {font-size: 55px!important;line-height: 65px;padding: 20px 0 20px 0;}  
.container-1 {width: 750px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.font-title {font-size: 60px!important;}
.blog__title, .blog__title-3, .blog__title-2 {font-size: 24px!important;padding-bottom: 15px!important;}
.h1 {font-size: 40px!important;}
.p-title {font-size: 19px!important;}
.pt-90 {padding-top: 40px;}
.villa-text-wrapper {padding: 15px 5px 20px 5px;}
.title {margin-top:30px;}
.service__detail-img {margin-bottom: 15px!important;}
.amenities__detail-meta br {display:none}
.villa-bg {right:0%;top:50px; max-width: 50%;}
.about-page .sec-title-5 {font-size: 55px;line-height: 65px;}
.about-page .sec-title-4 {font-size: 55px;line-height: 65px;}
.hero__content-8 .scroll-down {padding-left: 0px!important;    padding-top: 20px;}
.about-page .hero__content-8 .discription {max-width: 650px;padding-top: 30px;}
.col-sm-6 {width: 50%!important;}
.portfolio__big-inner {margin-top: 50px!important;}
.about-page .story__area {margin-top:60px;}
.hero__content-8 .scroll-wrapper {-ms-grid-columns: 150px auto!important;grid-template-columns: 150px auto!important;}
.essential-1 {padding: 40px 40px 40px 40px;}
.about-page .h1 {font-size: 50px!important;}
.gallery-text {padding-left: 30px;}
.dreams {font-size: 50px!important;line-height: 60px!important;}
.title-logo {width: 150px;right: 55px;top: 85px;}
.concierge-page .pt-140 {padding-top: 140px;}
.mt-70 {margin-top: 40px;}
.concierge-page .info-text { min-height: auto;}
.contact__area-6 { padding: 40px 0 0 0;}
.portfolio__area-6 .sec-title {font-size: 60px!important;}
.portfolio__area-6 .sec-title-wrapper p {padding-left: 25px!important;}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:25px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:25px;}
.pin-spacer {inset: 50px auto auto!important;}
.portfolio__area-6 .line {padding-top: 120px!important;}
.btn-read-more.pt-50 {padding-top: 0px;}
.team-img {padding:0 20% 15px 20%}
.sm-block {display:block}
.sm-none {display:none}
.blog__detail-title {padding-bottom: 0px!important;}
.cleaning-page h1 {font-size: 50px;margin-bottom:30px}
.vrma {width: 140px;}
.feature__content-left {padding-top: 50px!important;}
.gourmet .hero__area-3 .sec-title{font-size:60px!important;padding-left:20%;}
.gourmet .hero__text-3 h2 {padding-top:70px!important;}
.hero__area-3 .hero3-img {max-width: 100%!important;bottom: 0px!important;position:relative!important}
.gourmet .scroll-down img {margin: 10px 30px 10px 290px;display:none}
.hero__text-3 {max-width: 100%!important;}
.hero__area-3 {padding-bottom: 25px!important;}
.food-pdd {padding: 0px 0px 30px 40px;}
.single-post1 .pjBlArticleTitle {font-size:30px!important;line-height:42px!important}
.single-post1 .offset-lg-2 {margin-left: 0%!important;}
.single-post1 {margin-top: -100px;}
.blog__related .sec-title-wrapper {padding-bottom: 30px;padding-top:40px;}
.header__nav-icon-3 {display: block!important;}
.menu-social {padding-left: 0px;}
.offcanvas__menu-wrapper .footer-menu {padding-left: 0px;}
.info-detailss {padding-top: 70px;}
.pb-150 {padding-bottom: 100px;}
.cta__area-7 .cta__title {font-size: 50px;}
.cta__content {width: 50%!important;}
.cta__area-7 {padding: 200px 0 250px 0;background-position-x: 50% !important;}
.home-btn {margin-top: 15px;}
.video-section h2 {font-size: 50px;    padding-top: 35%;}
.video-section .btn-read-more {margin-top: 10px;}
.workflow__title-4 {font-size: 25px;}
.workflow__item-4 p {font-size: 14px;}
.our-villas {margin: 40px 0 0px 0;}
.our-villas p {top:30%}
.btn-read-more {margin-top: 0px;}
.service__area-3 .sec-title-wrapper p {padding-top: 35px;padding-bottom: 40px;}
.rest-info {padding: 40px 5% 0px 5%;}
.restaurant-info .modal-dialog {max-width: 85%;}
}

@media (max-width:767px){
#Helper1 {top: 45%;display:block;right:10px;}
.footer__link-6 li a {font-size: 15px;}
#panorama {height: calc(100% - 0px)!important;overflow: hidden;}
.hide-contents .header__area-3 {display:none}
.hide-contents .pnlm-hotspot {display:none}
.hide-contents [id^="scp_iframe_general"] {
    z-index: 1 !important;
}
.modal-header .btn-close {padding-right:30px;position:fixed;right:20px;z-index:999}
.workflow__area-4 .container {padding-left: 0px !important;padding-right: 0px !important;}
.footer__area-6 br {display: block;}
.all-villas .header__area-3 {position: relative!important;}
.all-villas .pt-90 {padding-top: 20px;}
.home-page h1 {font-weight:700;font-size: 42px;padding-bottom: 0px!important;}
.footer__item-6 .mt-20.mb-20 {line-height: 1.7}
.footer__copyright-6 p {text-align:center}
.footer__copyright-6 .footer-menu {text-align:center}
[id^="scp_iframe_general"] {bottom:45px!important}
.footer__item-title {font-size: 25px;}
.footer-menu li {padding-right: 10px!important;}
.footer__copyright-6 p{font-size: 14px;}
.footer__top-6 {flex-wrap: wrap;    display: flex;}
.footer__item-6:nth-child(1){width:100%!important}
.footer__item-6:nth-child(2){width:100%!important}
.footer__item-6:nth-child(3){width:100%!important}
.footer__item-6:nth-child(4){width:100%!important}
.footer__item-6:nth-child(5){width:100%!important}	
.container-1 {width: 100%;padding-right: 25px;padding-left: 25px;margin-right: auto;margin-left: auto;}
.pdd-info {padding-right: 15px;}	
.villa-page .anim-title h2 {font-size: 38px!important; line-height: 48px;padding: 40px 0 40px 0;}
.anim-title {padding: 20px 20px 80px 20px;}
.gallery-text {padding-left: 15px;padding-top:30px;}
.btn-read-more::after {bottom: 0px;}
.dreams span {padding-left: 0px;}
.dreams {text-align:center}
.gallery-text br {display:block}
.info-detailss {padding-top: 60px;}
.description {max-height: 235px;}
.Amenities .amenities__detail-meta li {margin-bottom: 10px;}
.modal-body .amenities__detail-meta {padding: 0px 0px 40px 0px;}
.modal-body .amenities__detail-meta li {width: 47%;margin-right: 1.5%;padding: 15px 0 15px 30px;}
.modal-body .amenities__detail-meta li:before {left:0px;}
.portfolio__detail {margin-top: 40px;}
.xs-mb-20 {margin-bottom:20px;}
.villa-page h2 {font-size: 25px!important;}
.villa-page h3 {font-size: 25px!important;}
.essential {padding: 30px 25px 30px 25px;}
.info-text {min-height: auto;padding: 10px 0 25px 0px;}
.info-text img {top: 0px;left:0;position:relative;display:block;margin-bottom:15px;}
.sec-title-wrapper .essential-1 p {margin-top:0px!important}
.info-text-1 {padding: 80px 0 15px 0px;}
.info-text-1 img {top: -40px;left:0}
#map {height: 300px;}    
.footer-menu.mt-50{ margin-top: 20px;}
.footer__top-6 {padding:50px 30px 0 30px}
.footer-menu br {display:block}
.footer-menu {line-height:30px;}
.footer__copyright-6 {text-align: left!important;}
.footer__btm-6 {padding-left:0px;padding-right:0px;}
.footer__area-6 {margin-top: 60px;}   
.xs-none {display:none!important}
#tutorialBox .col-lg-6 { width: 100%;}
#tutorialBox {top:0%!important;padding: 0px 0px 30px 0px!important;}
#tutorialBox .container {padding: 15px 40px 30px 40px!important;}
#closeBtn {top: 15px!important;}
.pnlm-container * {box-sizing: inherit!important;}
.center {margin: 60px auto 50px auto!important;}
.font-title {font-size: 45px!important;}
.blog__title, .blog__title-3, .blog__title-2 {font-size: 28px!important;padding-bottom: 15px!important;}
.villa-short {    min-height: 5px;}
.product {margin-bottom: 0px;}
.title {font-size: 28px;}
.villa-page h1 {font-weight:700;font-size:33px}
.h1 {font-size: 30px!important;}
.p-title {font-size: 19px!important;    padding-bottom:15px!important;}
.pt-90 {padding-top: 40px;}
.villa-text-wrapper {padding: 15px 5px 20px 5px;}
.title {margin-top:30px;}
.service__detail-img {margin-bottom: 15px!important;}
.mb-40 {margin-bottom: 20px;}
.all-villas .blog__item li {width: auto!important;}
.blog__item {margin-bottom: 20px;}
.villa-bg {right:0%;top:50px; max-width: 100%;position:relative;}
.about-page .sec-title-5 {font-size: 35px;line-height: 45px;}
.about-page .sec-title-4 {font-size: 35px;line-height: 45px;}
.hero__content-8 .scroll-down {padding-left: 0px!important;    padding-top: 20px;}
.about-page .hero__content-8 .discription {max-width: 650px;padding-top: 30px;}
.col-xs-12 {width: 100%!important;}
.portfolio__big-inner {margin-top: 50px!important;}
.about-page .story__area {margin-top:30px;}
.hero__content-8 .scroll-wrapper {-ms-grid-columns: 150px auto!important;grid-template-columns: 150px auto!important;}
.essential-1 {padding: 20px 40px 40px 40px;margin-top: 40px;}
.home-page .embed-container {margin: 20px 0 20px 0;}
.newsletter-title { padding-bottom: 5px !important;}
.about-page .h1 {margin-top: 0px;font-size: 40px!important;}
.h2 {font-size: 14px;}
.about-page p {text-align: justify;}
.about-page .container {padding:0 25px 0 25px}
.about-page .hero__area-4 {padding:40px 25px 0 25px}
.portfolio__big {display:none}
.xs-block {display:block}
.amenities__detail-meta li {font-size: 15px;}
.w-icon-1 {width: 25px;}
.blog__detail-date.h2.xs-center {text-align:center}
.dreams {font-size: 40px!important;line-height: 45px!important;padding: 40px 0 0px 0;}
.title-logo {width: 150px;position:relative;right: 0px;left:0px;top: 35px;    margin: 0 auto;display: block;}
.concierge-page .pt-140 {padding-top: 110px;}
.concierge-page h1 {margin-top:-4px}
.property-page .pt-140 {padding-top: 110px;}
.property-page .blog__detail-title {font-size: 45px;}
.concierge-page p {text-align: justify;}
.container {padding-left: 25px!important; padding-right:25px!important}
.concierge-page .essential .font {padding-top:0px;    margin-top: 0px;}
p {text-align: justify;}
.property-page .embed-container {margin: 10px 0 40px 0;}
.contact__area-6 { padding: 40px 0 0 0;}
.contact__info {padding-bottom: 30px!important;}
.btn-read-more.pt-50 {padding-top: 0px;}
.portfolio__area-6 .sec-title {font-size: 60px!important;}
.portfolio__area-6 .sec-title-wrapper p {padding-left: 25px!important;padding-right: 25px!important;}
.portfolio__area-6 .sec-title-wrapper h1{padding-left:25px;}
.portfolio__area-6 .sec-title-wrapper h2{padding-left:25px;}
.portfolio__title-wrap-6 h1 {padding-left:25px}
.portfolio__title-wrap-6 h2 {padding-left:25px}
.portfolio__list-6 {z-index:999;position:relative;}
.portfolio__item-6 {padding-bottom: 30px!important;}
.team-img {padding:0 0% 15px 0%}
.xs-center {text-align:center;padding-bottom:0px!important;}
.blog__detail-top {padding-top: 30px!important;}
.mb-50 {margin-bottom: 30px;}
.blog__detail-title {padding-bottom: 0px!important;}
.bg {padding: 20px 30px 20px 30px;}
.gourmet .hero__area-3 .sec-title{font-size:70px!important;padding-left:20%;}
.gourmet .hero__text-3 h2 {padding-top:70px!important;}
.hero__area-3 .hero3-img {max-width: 60%!important;bottom: 150px!important;}
.gourmet .scroll-down img {margin: 10px 30px 10px 290px;}
.cleaning-page h1 {font-size: 40px;margin-bottom:30px}
.vrma {width: 40%;margin-right: 5%;}
.feature__content-left {padding-top: 50px!important;}
.cleaning-page .feature__content-left{padding-top: 25px!important;}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {        text-transform: none!important;}
.feature__content-right1 {padding: 40px 40px 40px 40px;}
.gourmet .hero__area-3 .sec-title{font-size:40px!important;padding-left:10%;padding-top:30px;}
.right-text {padding-left: 20%;}
.gourmet .hero__text-3 h2 {padding-top:0px!important;}
.hero__area-3 .hero3-img {max-width: 100%!important;bottom: 0px!important;position:relative!important;}
.gourmet .scroll-down img {margin: 10px 30px 10px 290px;display:none}
.hero__text-3 {max-width: 100%!important;padding-top: 40px!important;}
.hero__area-3 {padding-bottom: 5px!important;}
.food-pdd {padding: 30px 20px 30px 20px;}
.blog__detail-content {padding-top: 35px!important;}
.food-pdd-2 {padding: 0px 30px 40px 20px;}
.single-post1 .pjBlArticleTitle {font-size:35px!important;line-height:47px!important;text-align:left!important}
.single-post1 {margin-top: -150px;    margin-bottom: -10px;}
.blog__related .sec-title-wrapper {padding-bottom: 30px!important;padding-top:40px;}
.single-post1 .col-sm-12 {width:100%}
.blog-page .sec-sub-title {padding-top:70px;}
#pjWrapper .pjBlPost .pjBlPostContent .pjBlPostTitle a {text-align:left!important}
.pjBlPostContent {min-height:auto!important;margin-bottom:30px;}
.blog__detail-thumb {height: 30vh!important;}
.info-bg {padding: 30px 30px 33px 35px;}
.info-bg h3 {font-size: 22px!important;}
.info-bg h3 img {width: 30px;}
.berardenga-page .main-texts {width: 100%;padding: 30px 30px 30px 30px!important;}
.villa-a-sesta .main-texts {width: 100%;padding: 30px 30px 30px 30px!important;}
.left-img {width: 100%;margin: 10px 0px 40px 0;}
.right-img {width: 100%;margin: 10px 0px 40px 0;}
#close_offcanvas img {width: 20px;}
.offcanvas__left {display: grid!important;height: 100px;}
.offcanvas__logo {padding: 15px 0 0px 20px!important;width: 90px!important;}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {font-size: 30px!important;}
.offcanvas__body {    height: auto!important;}
.header__nav-icon-3 {display: block!important;}
.mean-nav {margin-top:0px!important;}
.mean-container .mean-nav ul li.language.mean-last a{padding-left:0px!important}
.home-page .pt-130 {padding-top: 20px;}
.sec-title {line-height: 1.2;}
.service__area-3 .sec-title {padding-bottom: 20px;}
.modal-body .amenities__detail-meta .w-100 {font-size: 23px !important;}
.cta__area-7 .cta__title {font-size: 45px;}
.cta__area-7 {padding: 150px 0 200px 0;background-position-x: 50% !important;}
.home-btn {margin-top: 15px;}
.video-section h2 {font-size: 50px;    padding-top: 20%;}
.video-section .btn-read-more {margin-top: 10px;}
.workflow__title-4 {font-size: 25px;}
.workflow__item-4 p {font-size: 16px;}
.our-villas {margin: 10px 0 0px 0;}
.home-page .service__area-3.mt-70 {margin-top:10px;}
.home-page .video-section .cta__content br {display: block;}
.home-page .video-section .cta__title span{display: block;}
.video-section {}
.our-villas p {top:30%}
.btn-read-more {margin-top: 0px;}
.service__area-3 .sec-title-wrapper p {padding-top: 15px;padding-bottom: 20px;}
.mt-70 {margin-top: 40px;}
.workflow__item-4 img {width: 30%;}
.home-page .image-box {margin-top:30px;}
.rest-info {padding: 20px 3% 0px 3%;}
.restaurant-info .modal-dialog {max-width: 100%;}
.restaurant-info .modal-body {padding: 0 25px 10px 25px;}
.serena-page .restaurant-info .modal-body {padding: 0 25px 25px 25px;}
.modal-header {padding-top: 20px;}
.rest-info p {font-size: 15px;}
.error__content h1 {font-weight: 700;font-size: 55px;margin-bottom:-20px;}
.newsletter-title {padding-bottom: 0px!important;}
#pjWrapperContactForm_2 .form-group {margin-right: 0%!important;width: 100%!important;}
.error__content {padding-top: 40px;height: 60vh;}
.div-centers a {font-size: 14px;        padding: 10px 26px;}
.home-page video {width: 100%;height: auto;object-fit: cover;object-position: center center;}
.video-section {max-height: 55vh;min-height: 55vh;}
.pano-width br {display:block}
.pano-helper p {text-align:center}
.bg h2 {font-size:27px;font-weight: 700;}
.text-left {text-align:left!important}
.text-left a {margin-left:0}
.cleaning-page .info-text {padding: 0px 20px 15px 20px;}
.cleaning-page .info-text .font {text-align:left}
.bargagli-page .how-to-arrive {margin: 50px auto 0px auto;}
.bargagli-page #pjCF_container_7 .pjCF-button {margin-top: 40px;}
}