@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,200;1,200&display=swap";
html{font-size:15px}
:root{scroll-behavior:unset;--font:"Noto Serif",sans-serif}
body{font-family:var(--font),serif;color:#000;background-color:#fff;font-size:15px;font-size:1rem;overflow-x:hidden}
@media (max-width: 767px) {
body{font-size:14px}
}
p{font-size:16px;color:#000;line-height:1.8em}
h1,h2,h3,h4,h5,h6{color:#070143;font-family:var(--font);font-weight:400}
ul{padding-left:0;margin:0;list-style:none}
a{text-decoration:none;transition:all .2s}
a:hover{text-decoration:none}
img{max-width:100%}
.sr-only{display:none!important;opacity:0;visibility:hidden}
.page-wrapper{position:relative;overflow:hidden}
.wow{visibility:hidden}
.fi:before{margin:0}
.section-padding{padding:120px 0}
@media (max-width: 991px) {
.section-padding{padding:90px 0}
}
@media (max-width: 767px) {
.section-padding{padding:40px 0}
}
.bt-0{border-top:0!important}
.bb-0{border-top:0!important}
.bb-1{border-bottom:1px solid #444}
.contact-validation-active .error-handling-messages{width:100%!important;margin-top:15px!important}
.contact-validation-active label.error{color:red;font-size:.9333333333rem;font-weight:400;margin:5px 0 0;text-align:left;display:block}
.contact-validation-active #c-loader,.contact-validation-active #loader{display:none;margin-top:10px}
.contact-validation-active #c-loader i,.contact-validation-active #loader i{font-size:30px;font-size:2rem;color:#e3b576;display:inline-block;animation:rotating linear 2s infinite}
.contact-validation-active #success,.contact-validation-active #c-success,.contact-validation-active #c-error,.contact-validation-active #error{width:100%;color:#fff;padding:5px 10px;font-size:16px;text-align:center;display:none}
@media (max-width: 767px) {
.contact-validation-active #success,.contact-validation-active #c-success,.contact-validation-active #c-error,.contact-validation-active #error{font-size:15px}
}
.contact-validation-active #c-success,.contact-validation-active #success{background-color:#009a00;border-left:5px solid green;margin-bottom:5px}
.contact-validation-active #c-error,.contact-validation-active #error{background-color:#ff1a1a;border-left:5px solid red}
@keyframes rotating {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.rotating{animation:rotating 5s alternate infinite}
.back-to-top{background-color:#333333b3;width:45px;height:45px;line-height:45px;border:2px solid #000;border-radius:45px;text-align:center;display:none;position:fixed;z-index:999;right:15px;bottom:15px;transition:all .2s}
@media (max-width: 991px) {
.back-to-top{width:35px;height:35px;line-height:35px}
}
.back-to-top:hover{background-color:#000}
.back-to-top i{font-size:18px;font-size:1.2rem;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.mfp-wrap{background-color:#000000e6;z-index:99999}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;transition:all .3s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
.fancybox-overlay{background:#000000e6;z-index:9999!important}
.fancybox-wrap{z-index:99999!important}
.social-text .rolling-text{height:30px}
.rolling-text:hover .letter,.rolling-text.play .letter{transform:translateY(-100%)}
.rolling-text .letter{display:inline-block;transition:transform .5s cubic-bezier(0.76,0,0.24,1)}
.letter:nth-child(1){transition-delay:0s}
.letter:nth-child(2){transition-delay:.015s}
.letter:nth-child(3){transition-delay:.03s}
.letter:nth-child(4){transition-delay:.045s}
.letter:nth-child(5){transition-delay:.06s}
.letter:nth-child(6){transition-delay:.075s}
.letter:nth-child(7){transition-delay:.09s}
.letter:nth-child(8){transition-delay:.105s}
.letter:nth-child(9){transition-delay:.12s}
.letter:nth-child(10){transition-delay:.135s}
.letter:nth-child(11){transition-delay:.15s}
.letter:nth-child(12){transition-delay:.165s}
.letter:nth-child(13){transition-delay:.18s}
.letter:nth-child(14){transition-delay:.195s}
.letter:nth-child(15){transition-delay:.21s}
.letter:nth-child(16){transition-delay:.225s}
.letter:nth-child(17){transition-delay:.24s}
.letter:nth-child(18){transition-delay:.255s}
.letter:nth-child(19){transition-delay:.27s}
.letter:nth-child(20){transition-delay:.285s}
.letter:nth-child(21){transition-delay:.3s}
@keyframes roted {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.rolling-text{display:inline-block;}
@media (min-width: 992px) {
.cursor{width:45px;height:45px;border-radius:100%;border:1px solid #333;transition:all 300ms linear;position:fixed;pointer-events:none;left:0;top:0;transform:translate(calc(-50% + 15px),-50%);z-index:1111}
.cursor2{width:13px;height:13px;border-radius:100%;background-color:#333;opacity:.3;position:fixed;transform:translate(-50%,-50%);pointer-events:none;transition:width 0.3s,height 0.3s,opacity .3s;z-index:1111}
.hover{background-color:#333;opacity:.5;border:1px solid transparent}
.cursorinnerhover{width:45px;height:45px;opacity:.5}
}
.wpo-section-title{margin-bottom:60px}
@media (max-width: 767px) {
.wpo-section-title{margin-bottom:40px}
}
.wpo-section-title span{text-transform:uppercase;font-size:20px;color:#e3b576;font-family:var(--font)}
.wpo-section-title h2{font-size:40px;line-height:55px;margin:0;margin-top:15px;position:relative;text-transform:capitalize;font-family:var(--font);padding-left:40px;font-weight:600;margin-top:0}
.wpo-section-title h2:before{position:absolute;left:0;top:0;width:10px;height:100%;background:#e3b576;content:""}
@media (max-width: 767px) {
.wpo-section-title h2{font-size:32px;line-height:40px}
}
@media (max-width: 330px) {
.wpo-section-title h2{font-size:30px}
}
.wpo-section-title p{font-size:18px}
.theme-btn,.view-cart-btn{background:transparent;color:#fff;display:inline-block;font-weight:600;padding:19px 45px;text-transform:capitalize;z-index:1;position:relative;border-radius:25px;font-family:var(--font),serif;font-size:20px;border:1px solid #fff;overflow:hidden}
.theme-btn:after,.view-cart-btn:after{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.theme-btn:hover,.view-cart-btn:hover,.theme-btn:focus,.view-cart-btn:focus,.theme-btn:active,.view-cart-btn:active{color:#fff}
.theme-btn:hover::after,.view-cart-btn:hover::after{animation:shine .75s}
@media (max-width: 991px) {
.theme-btn,.view-cart-btn{font-size:18px}
}
@media (max-width: 767px) {
.theme-btn,.view-cart-btn{padding:10px 25px;font-size:14px}
}
.theme-btn-s2{background:#fff;color:#565656;display:inline-block;padding:12px 22px;border:1px solid #e3b576;border-radius:55px;text-transform:capitalize;z-index:1;position:relative}
.theme-btn-s2:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:55px;background:linear-gradient(left,#00ded8,#00a7d5);transition:opacity .5s ease-out;opacity:0;z-index:-1}
@media (max-width: 991px) {
.theme-btn-s2{font-size:14px;font-size:.9333333333rem}
}
.theme-btn-s2:hover,.theme-btn-s2:focus,.theme-btn-s2:active{background:#dfaa61;color:#fff}
.theme-btn-s2:hover:after{opacity:1}
@media (max-width: 767px) {
.theme-btn-s2{padding:12px 18px;font-size:13px}
}
.view-cart-btn{display:block;margin-top:15px;border-radius:5px;padding:10px 45px}
.view-cart-btn:after{display:none}
.view-cart-btn:hover{background-color:#dca354}
.view-cart-btn.s1{background:#000}
.view-cart-btn.s1:hover{background-color:#c9c9c9}
@keyframes shine {
100%{left:125%}
}
.shop-btn{border-radius:30px;background:#000;color:#fff;text-align:center;font-size:20px;font-weight:600;padding:14px 52px 15px;transition:all .3s ease-in-out;position:relative;overflow:hidden!important;display:inline-block}
@media (max-width: 767px) {
.shop-btn{font-size:16px;padding:12px 35px 13px}
}
.shop-btn::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.shop-btn:hover{color:#fff}
.shop-btn:hover::before{animation:shine .75s}
.form input,.form textarea,.form select{border-color:#bfbfbf;border-radius:0;outline:0;box-shadow:none;color:#595959;font-style:normal}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#e3b576;-o-box-shadow:0 0 5px 0 #eccca0;-ms-box-shadow:0 0 5px 0 #eccca0;box-shadow:0 0 5px 0 #eccca0}
.form ::-webkit-input-placeholder{font-style:14px;font-style:italic;color:#595959}
.form :-moz-placeholder{font-style:14px;font-style:italic;color:#595959}
.form ::-moz-placeholder{font-style:14px;font-style:italic;color:#595959}
.form :-ms-input-placeholder{font-style:14px;font-style:italic;color:#595959}
.form select{font-style:normal;background:url(../images/select-icon.png) no-repeat right center;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.form select::-ms-expand{display:none}
.form ::-moz-placeholder{font-style:normal}
.form ::placeholder{font-style:normal}
.social-links{overflow:hidden}
.social-links li{float:left;width:35px;height:35px;margin-right:1px}
.social-links li a{background-color:#eccca0;width:35px;height:35px;line-height:35px;display:block;color:#fff;text-align:center}
.social-links li a:hover{background-color:#e3b576}
.wpo-page-title{position:relative;display:flex;justify-content:center;flex-direction:column;z-index:1;padding-top:50px;padding-bottom:50px;border-top: 1px solid #D9D9D9;}
@media (max-width: 767px) {
.wpo-page-title{padding-top:80px;padding-bottom:80px}
}
@media (max-width: 575px) {
.wpo-page-title{padding-top:50px;padding-bottom:50px}
}
.wpo-page-title .wpo-breadcumb-wrap{text-align:center}
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:50px;font-weight:bold;line-height:50px;margin-bottom:0;color:#000}
@media (max-width: 1399px) {
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:85px;line-height:110px}
}
@media (max-width: 1199px) {
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:70px;line-height:90px}
}
@media (max-width: 991px) {
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:60px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:40px;line-height:55px}
}
@media (max-width: 575px) {
.wpo-page-title .wpo-breadcumb-wrap h2{font-size:30px;line-height:30px}
}
.wpo-page-title .wpo-breadcumb-wrap p{color:#666;font-size:32px;font-weight:400;line-height:50px;margin:0;margin-top:8px;padding-bottom:45px}
@media (max-width: 991px) {
.wpo-page-title .wpo-breadcumb-wrap p{font-size:25px;line-height:35px;margin-top:8px}
}
@media (max-width: 757px) {
.wpo-page-title .wpo-breadcumb-wrap p{font-size:18px;line-height:30px;padding-bottom:0}
}
.wpo-page-title .wpo-breadcumb-wrap ol{margin-bottom:0;border-radius:30px;background:#F8F8F8;padding:5px 50px;display:inline-block;margin-bottom:25px}
@media (max-width: 767px) {
.wpo-page-title .wpo-breadcumb-wrap ol{margin-bottom:15px}
}
.wpo-page-title .wpo-breadcumb-wrap ol li{display:inline-block;padding:0 5px;padding-right:20px;color:#000;position:relative;font-family:var(--font),serif;font-size:25px;font-weight:400;line-height:50px}
.wpo-page-title .wpo-breadcumb-wrap ol li:last-child{padding-right:0}
@media (max-width: 767px) {
.wpo-page-title .wpo-breadcumb-wrap ol li{font-size:18px;line-height:34px}
}
.wpo-page-title .wpo-breadcumb-wrap ol li:after{content:"/";position:absolute;right:0;top:50%;transform:translateY(-50%)}
.wpo-page-title .wpo-breadcumb-wrap ol li:last-child:after{display:none}
.wpo-page-title .wpo-breadcumb-wrap ol li a{color:#000;transition:all .3s;font-size:25px;font-weight:400;line-height:50px}
@media (max-width: 767px) {
.wpo-page-title .wpo-breadcumb-wrap ol li a{font-size:18px;line-height:40px}
}
.wpo-page-title .wpo-breadcumb-wrap ol li a:hover{color:#e3b576}
.preloader{background-color:#000;width:100%;height:100%;position:fixed;z-index:1000;overflow:hidden}
.preloader .vertical-centered-box{position:absolute;width:100%;height:100%;text-align:center}
.preloader .vertical-centered-box:after{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.preloader .vertical-centered-box .content{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:left;font-size:0}
.preloader *{transition:all .3s}
.preloader .loader-circle{position:absolute;left:50%;top:50%;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1a;margin-left:-60px;margin-top:-60px}
.preloader .loader-line-mask{position:absolute;left:50%;top:50%;width:60px;height:120px;margin-left:-60px;margin-top:-60px;overflow:hidden;transform-origin:60px 60px;-webkit-mask-image:-webkit-linear-gradient(top,#000,#0000);animation:rotate 1.2s infinite linear}
.preloader .loader-line-mask .loader-line{width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80}
.preloader #particles-background,.preloader #particles-foreground{left:-51%;top:-51%;width:202%;height:202%;transform:scale3d(0.5,0.5,1)}
.preloader #particles-background{background:#2c2d44;background-image:linear-gradient(45deg,#3f3251 2%,#002025 100%)}
.preloader lesshat-selector{-lh-property:0}
@keyframes rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.preloader [not-existing]{zoom:1}
.preloader lesshat-selector{-lh-property:0}
@keyframes fade {
0%{opacity:1}
50%{opacity:.25}
}
.preloader [not-existing]{zoom:1}
.preloader lesshat-selector{-lh-property:0}
@keyframes fade-in {
0%{opacity:0}
100%{opacity:1}
}
.preloader [not-existing]{zoom:1}
.blog-sidebar{}
@media (max-width: 991px) {
.blog-sidebar{margin-top:80px;max-width:400px;margin-left:0}
}
@media (max-width: 767px) {
.blog-sidebar{margin-top:60px;max-width:400px}
}
.blog-sidebar .widget{border:1px solid #E2E2E2}
.blog-sidebar .widget h3{display:block;color:#001635;font-size:30px;font-weight:400;line-height:30px;padding:15px 15px;margin-bottom:0;border-bottom:1px solid #E2E2E2}
@media (max-width: 575px) {
.blog-sidebar .widget h3{padding:15px 20px;font-size:30px;line-height:40px}
}
.blog-sidebar > .widget + .widget{margin-top:65px}
.blog-sidebar .search-widget{border:0}
.blog-sidebar .search-widget h3{padding-top:0;padding-left:0;padding-right:0;border:0}
.blog-sidebar .search-widget form div{position:relative}
.blog-sidebar .search-widget input{background-color:transparent;height:70px;padding:6px 50px 6px 20px;border:0;box-shadow:none;transition:all .3s;border:1px solid #E2E2E2;color:#626B72;font-size:20px;font-weight:400;line-height:30px}
.blog-sidebar .search-widget input:focus{background-color:#e3b5761a}
.blog-sidebar .search-widget form button{background:transparent;font-size:20px;color:#fff;background-color:#000;border:0;outline:0;position:absolute;right:10px;top:52%;height:50px;line-height:50px;width:50px;transform:translateY(-50%)}
.blog-sidebar .category-widget ul{list-style:none;padding:30px}
@media (max-width: 575px) {
.blog-sidebar .category-widget ul{padding:30px 20px}
}
.blog-sidebar .category-widget ul li{font-size:19px;position:relative}
@media (max-width: 767px) {
.blog-sidebar .category-widget ul li{font-size:16px}
}
.blog-sidebar .category-widget ul li span{position:absolute;right:0}
.blog-sidebar .category-widget ul > li + li{margin-top:12px;padding-top:12px}
.blog-sidebar .category-widget ul a{display:block;color:#525252;font-size:20px;font-weight:400;line-height:30px}
.blog-sidebar .category-widget ul a span{display:inline-block;width:30px;height:30px;line-height:30px;background-color:#fafbfe;text-align:center;border-radius:50%}
@media (max-width: 767px) {
.blog-sidebar .category-widget ul a span{font-size:14px}
}
.blog-sidebar .category-widget ul a:hover,.blog-sidebar .category-widget ul li:hover:before{color:#e3b576}
.blog-sidebar .recent-post-widget .post{overflow:hidden}
.blog-sidebar .recent-post-widget .posts{padding:15px}
@media (max-width: 575px) {
.blog-sidebar .recent-post-widget .posts{padding:30px 20px}
}
.blog-sidebar .recent-post-widget .posts > .post + .post{margin-top:15px;padding-top:15px}
.blog-sidebar .recent-post-widget .post .img-holder{width:90px;float:left}
.blog-sidebar .recent-post-widget .post .details{width:calc(100% - 90px);float:left;padding-left:20px}
.blog-sidebar .recent-post-widget .post h4{margin:0 0 .3em;color:#000;font-family:var(--font),serif;font-size:20px;font-weight:500;line-height:30px}
@media (max-width: 1199px) {
.blog-sidebar .recent-post-widget .post h4{margin:0}
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .post h4{font-size:16px}
}
.blog-sidebar .recent-post-widget .post h4 a{display:inline-block;color:#000}
.blog-sidebar .recent-post-widget .post h4 a:hover{color:#666}
.blog-sidebar .recent-post-widget .post .details .date{color:#565656;color:#666;font-size:16px;font-weight:400;line-height:20px}
.blog-sidebar .recent-post-widget .post .details .date i{display:inline-block;padding-right:7px}
.blog-sidebar .tag-widget ul{overflow:hidden;list-style:none;padding:30px}
.blog-sidebar .tag-widget ul li{float:left;margin:0 8px 8px 0}
.blog-sidebar .tag-widget ul li a{display:inline-block;padding:5px 16px;color:#626B72;text-align:center;font-size:18px;font-weight:400;line-height:30px;border:1px solid #E2E2E2;text-transform:capitalize}
.blog-sidebar .tag-widget ul li a:hover{background:#707070;color:#fff}
.pagination-wrapper{text-align:center;margin-top:60px}
@media (max-width: 991px) {
.pagination-wrapper{text-align:left;margin-top:40px}
}
.pagination-wrapper .pg-pagination{display:inline-block;overflow:hidden;list-style-type:none;text-align:center}
.pagination-wrapper .pg-pagination li{float:left;margin-right:10px}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li{margin-right:5px}
}
.pagination-wrapper .pg-pagination li:last-child{margin-right:0}
.pagination-wrapper .pg-pagination li a{background-color:transparent;width:50px;height:50px;line-height:50px;background:transparent;display:block;color:#525252;font-size:20px;font-weight:400;border:1px solid #CCC;transition:all .3s ease-in-out}
@media (max-width: 991px) {
.pagination-wrapper .pg-pagination li a{width:40px;height:40px;line-height:40px;font-size:15px}
}
.pagination-wrapper .pg-pagination .active a,.pagination-wrapper .pg-pagination li a:hover{background:#000;color:#fff;border:1px solid transparent}
.pagination-wrapper .pg-pagination .fi:before{font-size:15px;font-size:1rem}
.pagination-wrapper-left{text-align:left}
.pagination-wrapper-right{text-align:right}
@media screen and (min-width: 1200px) {
.pagination-wrapper-right{padding-right:50px}
}
@media (max-width: 991px) {
.pagination-wrapper-right{margin-top:45px;text-align:left}
}
.topbar{padding:0 90px;border-bottom:1px solid #D9D9D9}
@media (max-width: 1199px) {
.topbar{padding:0}
}
@media (max-width: 991px) {
.topbar{text-align:center;padding:0}
}
.topbar{font-size:16px;color:#e5e3e3;margin:0}
.topbar ul{overflow:hidden;list-style:none;margin-bottom:0}
@media (max-width: 991px) {
.topbar ul{float:none;display:inline-block;display:flex;justify-content:center;align-items:center}
}
.topbar ul li{font-size:16px;float:left;padding:13px 10px;color:#e5e3e3}
@media (max-width: 991px) {
.topbar ul li{padding:10px}
}
.topbar .contact-info li{position:relative}
.topbar .contact-info li:nth-child(1),.topbar .contact-info li:nth-child(2){padding-left:0}
.topbar .contact-info li:nth-child(1):before,.topbar .contact-info li:nth-child(2):before{position:absolute;right:0;top:50%;width:1px;height:25px;background:#DDD;content:"";transform:translateY(-50%)}
@media (max-width: 767px) {
.topbar .contact-info li:nth-child(1):before,.topbar .contact-info li:nth-child(2):before{display:none}
}
.topbar .contact-info li:last-child{padding-right:0;padding-left:0}
.topbar .contact-info a{color:#525252;font-size:16px;font-weight:400}
.topbar .contact-info select{color:#525252;font-size:16px;font-weight:400;border:0;-webkit-appearance:none;-o-appearance:none;appearance:none;-moz-appearance:none;background:transparent url(../images/select-icon2.png) no-repeat calc(100% - 1px) center;position:relative;padding:0 20px}
.topbar .contact-info select:focus{background:transparent url(../images/select-icon2.png) no-repeat calc(100% - 1px) center}
.topbar .contact-info select:focus-visible{outline:0}
.contact-info{display:flex;justify-content:flex-end}
.topbar ul li:first-child{padding-left:0}
.topbar .contact-intro ul{float:right;margin-bottom:0}
@media (max-width: 991px) {
.topbar .contact-intro ul{float:none}
}
.social-media li a{color:#525252}
@media (max-width: 991px) {
.topbar ul li{font-size:13px}
.topbar{padding:10px 0}
}
@media (max-width: 767px) {
.topbar ul li{float:left}
}
@media (max-width: 590px) {
.topbar ul{flex-wrap:wrap}
}
.wpo-site-header .navigation{margin-bottom:0;padding:0;border:0;border-radius:0}
.sticky-header{width:100%;position:fixed;left:0;top:-400px;z-index:9999;opacity:0;visibility:hidden;transition:all 1s;box-shadow:0 -5px 15px #086ad84a}
.sticky-on{opacity:1;top:0;visibility:visible}
.wpo-site-header .navigation > .container{position:relative}
@media (min-width: 991px) {
.wpo-site-header{padding:0 130px}
}
.wpo-site-header .row{width:100%}
@media (max-width: 991px) {
.wpo-site-header .navigation{padding:20px 0}
}
.wpo-site-header #navbar{transition:all .5s}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar{justify-content:center}
.wpo-site-header #navbar li{position:relative}
.wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a{position:relative}
.wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before{font-family:"themify";content:"\e649";font-size:11px;font-size:.73333rem;position:absolute;right:15px;top:58%;transform:translateY(-50%)}
.wpo-site-header #navbar > ul > li:hover > .sub-menu{top:100%;visibility:visible;opacity:1}
.wpo-site-header #navbar .sub-menu > li:hover > .sub-menu{left:100%;visibility:visible;opacity:1}
}
@media (max-width: 991px) {
.wpo-site-header .container{width:100%;max-width:100%}
.wpo-site-header .header-right{right:-10px}
.wpo-site-header .navbar-header button span{background-color:#fff;width:20px;display:block;height:2px;margin-bottom:5px}
.wpo-site-header .navbar-header button span:last-child{margin:0}
}
.wpo-site-header #navbar ul{list-style:none}
@media (max-width: 991px) and (max-width: 991px) {
.wpo-site-header #navbar{top:0;visibility:visible;opacity:1}
}
@media (max-width: 991px) {
.wpo-site-header #navbar > ul{z-index:101}
.wpo-site-header #navbar ul a{color:#000}
.wpo-site-header #navbar ul a:hover,.wpo-site-header #navbar ul li.current a{color:#e3b576}
.wpo-site-header #navbar .close-navbar .ti-close{position:relative;top:1px}
.wpo-site-header .navbar-toggler .first-angle,.wpo-site-header .navbar-toggler .last-angle{transition:all .3s}
.wpo-site-header .x-close .middle-angle{opacity:0}
.wpo-site-header .x-close .first-angle{position:absolute;-webkit-transform:rotate(-44deg);top:16px;left:10px}
.wpo-site-header .x-close .last-angle{-webkit-transform:rotate(44deg);position:absolute;top:16px;right:10px}
}
@media (max-width: 767px) {
.wpo-site-header .navbar-header .navbar-brand{font-size:24px}
.wpo-site-header #navbar .navbar-nav{margin:0}
}
@media (max-width: 991px) {
.wpo-site-header .navbar-collapse.collapse{display:none}
.wpo-site-header .navbar-collapse.collapse.in{display:block}
.wpo-site-header .navbar-header .collapse,.wpo-site-header .navbar-toggle{display:block}
.wpo-site-header .navbar-header{float:none;position:relative;z-index:99;text-align:center}
.wpo-site-header .navbar-right{float:none}
.wpo-site-header .navbar-nav{float:none}
.wpo-site-header .navbar-nav > li{float:none}
}
.wpo-site-header .header-right{display:flex;justify-content:flex-end;z-index:991;position:relative;align-items:center}
.wpo-site-header .header-right button{padding:0;border:0;outline:0}
.wpo-site-header .header-right > div{float:left;position:relative;margin-right:8px}
.wpo-site-header .header-right .close-form .theme-btn,.wpo-site-header .header-right .close-form .view-cart-btn{padding:9px 37px}
@media (max-width: 1830px) {
.wpo-site-header .header-right .close-form .theme-btn,.wpo-site-header .header-right .close-form .view-cart-btn{padding:9px 30px;font-size:16px}
}
@media (max-width: 1470px) {
.wpo-site-header .header-right .close-form .theme-btn,.wpo-site-header .header-right .close-form .view-cart-btn{font-size:15px}
}
@media (max-width: 1400px) {
.wpo-site-header .header-right .close-form .theme-btn,.wpo-site-header .header-right .close-form .view-cart-btn{padding:10px 15px}
}
@media (max-width: 450px) {
.wpo-site-header .header-right{right:-12px}
}
.wpo-site-header .header-right > div:last-child{margin:0 0 0 10px;position:relative}
@media (max-width: 767px) {
.wpo-site-header .header-right > div:last-child{margin:3px 0 0 10px}
}
.wpo-site-header .header-right .header-search-form-wrapper{position:relative}
.wpo-site-header .header-right .header-search-form-wrapper .fi:before{font-size:25px}
.wpo-site-header .header-right .search-toggle-btn,.wpo-site-header .header-right .cart-toggle-btn{background-color:transparent;line-height:50px;color:#fff;width:50px;height:50px;border:0;border-radius:50%}
@media (max-width: 1200px) {
.wpo-site-header .header-right .search-toggle-btn,.wpo-site-header .header-right .cart-toggle-btn{width:50px;height:50px}
}
@media (max-width: 991px) {
.wpo-site-header .header-right .search-toggle-btn,.wpo-site-header .header-right .cart-toggle-btn{width:40px;height:40px;line-height:40px}
.wpo-site-header .header-right .search-toggle-btn .fi:before,.wpo-site-header .header-right .cart-toggle-btn .fi:before{font-size:25px}
}
.wpo-site-header .header-right .search-toggle-btn .ti-close,.wpo-site-header .header-right .cart-toggle-btn .ti-close{display:block;line-height:20px;position:relative;top:-4px}
.cart-search-contact button{background:transparent;padding:0;border:0;outline:0}
.cart-search-contact .fi{font-size:40px;color:#fff}
.cart-search-contact > div{float:left;position:relative}
.cart-search-contact > div + div{margin-left:12px}
.cart-search-contact .header-search-form{position:absolute;width:350px;right:0;top:75px;transform:scale(0);opacity:0;visibility:hidden;background:#fff;padding:30px;border-radius:6px;transition:all .5s;box-shadow:-2px 18px 40px -9px #999}
@media (max-width: 991px) {
.cart-search-contact .header-search-form{top:65px}
}
@media (max-width: 767px) {
.cart-search-contact .header-search-form{right:15px}
}
@media (max-width: 575px) {
.cart-search-contact .header-search-form{width:260px;padding:15px}
}
.cart-search-contact .header-search-form-wrapper .fi:before{font-size:18px}
.cart-search-contact form div{position:relative}
.cart-search-contact form div button{position:absolute;right:15px;top:40%;transform:translateY(-50%)}
.cart-search-contact form div button .fi:before{font-size:18px!important;color:#000}
.cart-search-contact input{width:100%;height:50px;padding:6px 20px;border:0;border-radius:0;box-shadow:none;border:1px solid #ebebeb}
.cart-search-contact input:focus{box-shadow:none;border-color:#e3b576}
.wpo-site-header .header-right .header-search-content-toggle{opacity:1;visibility:visible;right:0;transform:scale(1)}
.mini-cart .cart-count{background:#e3b576;width:19px;height:19px;font-size:10px;font-size:.5333333333rem;line-height:17px;color:#fff;position:absolute;top:-2px;right:-5px;border-radius:50%;font-weight:600}
.mini-cart-content{background:#fff;width:320px;height:100%;z-index:100;position:fixed;right:-320px;top:0;opacity:0;visibility:hidden;transition:all .5s;box-shadow:-2px 18px 40px -9px #999}
@media (max-width: 575px) {
.mini-cart-content{width:290px}
}
.mini-cart-content .mini-cart-close{display:block;width:40px;height:40px;background-color:#333;color:#fff;font-size:0;text-align:center;overflow:hidden;position:relative;float:right;line-height:54px;border-radius:3px;right:10px;top:20px}
.mini-cart-content .mini-cart-close i{font-size:15px}
.mini-cart-content p{font-size:15px;font-size:1rem;font-weight:500;color:#070143;margin:0;text-transform:uppercase}
.mini-cart-content .mini-cart-items{padding:100px 20px 25px}
.mini-cart-content .mini-cart-item{padding-top:15px;margin-top:15px;border-top:1px solid #efefef}
.mini-cart-content .mini-cart-item:first-child{padding-top:0;margin-top:0;border-top:0}
.mini-cart-content .mini-cart-item-image{width:50px;height:50px;border:2px solid #f3f3f3;float:left;margin-right:15px}
.mini-cart-content .mini-cart-item-image a,.mini-cart-content .mini-cart-item-image img{display:block;width:46px;height:46px}
.mini-cart-content .mini-cart-item-des{position:relative;overflow:hidden}
.mini-cart-content .mini-cart-item-des a{font-size:14px;font-weight:600;text-align:left;color:#070143}
.mini-cart-content .mini-cart-item-des a:hover{color:#e3b576}
.mini-cart-content .mini-cart-item-des .mini-cart-item-price{font-size:13px;font-size:.8666666667rem;color:#888;display:block;margin-top:3px}
.mini-cart-content .mini-cart-item-des .mini-cart-item-quantity{font-size:12px;font-size:.8rem;color:#444;display:block;position:absolute;right:0;top:6px}
.mini-cart-content .visible-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;height:300px;opacity:.02;z-index:-1}
.mini-cart-content .mini-cart-action{padding:20px 0 30px;text-align:center;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.mini-cart-content .mini-cart-action .theme-btn-s2{float:right}
.mini-cart-content .mini-cart-action .mini-btn{width:240px}
.mini-cart-content .mini-cart-action .mini-checkout-price{font-size:16px;font-size:1.0666666667rem;font-weight:600;color:#070143;display:block;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}
.mini-cart-content .mini-cart-action .mini-checkout-price span{color:#000;font-size:20px}
.mini-cart-content-toggle,.mini-wislist-content-toggle{opacity:1;visibility:visible;right:0}
@media (max-width: 991px) {
.page-wrapper{transition:all .3s}
.body-overlay:before{content:"";width:100%;height:100%;background:#000000e6;position:absolute;left:0;top:0;z-index:10;transition:all .3s}
}
.header-search-area{background:#fff;width:100%;padding:100px 0;text-align:center;position:fixed;left:0;top:0;z-index:999}
.header-search-area h3{font-size:45px;margin:0 0 1em}
.header-search-area form{position:relative}
.header-search-area input{height:50px;font-size:18px;font-size:1.2rem;border-radius:0;border:0;border-bottom:1px solid #d0d0d0;box-shadow:none}
.header-search-area input:focus{box-shadow:none;border-color:#000}
.header-search-area form button{background:transparent;border:0;font-size:20px;font-size:1.33333rem;position:absolute;right:0;bottom:10px}
.header-search-area form button:focus{border:none;outline:none}
.header-search-area .close-form{position:absolute;right:35px;top:35px;bottom:auto;padding-bottom:5px;border-bottom:1px solid}
.header-search-area .close-form button{background:transparent;border:0;outline:0;font-size:13px;font-size:.86667rem;text-transform:uppercase;color:#000;letter-spacing:2px;z-index:99}
.header-search-area .close-form button:focus{border:0;outline:0}
.wpo-site-header .navigation{margin-bottom:0;padding:0;border:0;border-radius:0}
.wpo-site-header .navigation > .container{position:relative}
@media (max-width: 991px) {
.wpo-site-header .navigation{padding:20px 0}
}
.wpo-site-header #navbar{transition:all .5s}
.wpo-site-header #navbar > ul li a:hover{text-decoration:none;color:#000}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar li{position:relative}
.wpo-site-header #navbar > ul > li > a{font-size:20px;padding:35px 20px;display:block;color:#fff;font-weight:600;position:relative}
}
@media screen and (min-width: 992px) and (max-width: 1870px) {
.wpo-site-header #navbar > ul > li > a{padding:35px 18px}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu{background-color:#fff;box-shadow:0 2px 20px 0 #3e419f17;width:225px;position:absolute;padding:0;left:0;top:110%;z-index:10;visibility:hidden;opacity:0;transition:all .3s;transform:scaleY(0);transform-origin:center top 0}
.wpo-site-header #navbar > ul > li .sub-menu a{font-size:16px;display:block;padding:10px;position:relative;overflow:hidden;font-weight:400;color:#000}
.wpo-site-header #navbar > ul > li > .sub-menu .sub-menu{left:110%;top:0;transform:unset}
.wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a{position:relative}
.wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before{font-family:"themify";content:"\e649";font-size:11px;font-size:.7333333333rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.wpo-site-header #navbar > ul > li:hover > .sub-menu{top:100%;visibility:visible;opacity:1;transform:scaleY(100%)}
.wpo-site-header #navbar .sub-menu > li:hover > .sub-menu{left:100%;visibility:visible;opacity:1}
}
@media (max-width: 991px) {
.wpo-site-header #navbar > ul > li a{display:block;font-size:15px;color:#fff;font-weight:600}
.wpo-site-header #navbar > ul > li a:hover,.wpo-site-header #navbar > ul > li a.active{color:#fff}
.wpo-site-header #navbar > ul .sub-menu > li:last-child{border-bottom:0}
.wpo-site-header #navbar > ul > li > .sub-menu a{padding:8px 15px 8px 45px}
.wpo-site-header #navbar > ul > li > .sub-menu .sub-menu a{padding:8px 15px 8px 65px}
.wpo-site-header #navbar > ul .menu-item-has-children > a{position:relative;color:#ddd}
.wpo-site-header #navbar > ul .menu-item-has-children > a:hover,.wpo-site-header #navbar > ul .menu-item-has-children > a.active{color:#fff}
.wpo-site-header #navbar > ul .menu-item-has-children > a:before{font-family:"themify";content:"\e649";font-size:11px;font-size:.7333333333rem;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .3s}
.wpo-site-header #navbar > ul .menu-item-has-children > a.rotate:before{transform:rotate(90deg);top:29%}
.wpo-site-header #navbar > ul .menu-item-has-children > a.rotate{color:#fff}
}
@media screen and (min-width: 992px) {
.wpo-site-header .navbar-header .open-btn{display:none}
.wpo-site-header #navbar .close-navbar{display:none}
}
.wpo-site-header .menu-close{display:none}
@media (max-width: 991px) {
.wpo-site-header .container{width:100%}
.wpo-site-header .mobail-menu button{background-color:#000;width:40px;height:35px;border:0;padding:5px 10px;outline:0;position:relative;z-index:20}
.wpo-site-header .mobail-menu button:focus{outline:none;box-shadow:none}
.wpo-site-header .mobail-menu button span{background-color:#fff;width:20px;display:block;height:2px;margin-bottom:5px}
.wpo-site-header .mobail-menu button span:last-child{margin:0}
.wpo-site-header #navbar{background:#000;display:block!important;width:300px;height:100%;margin:0;padding:0;border:0;position:fixed;left:-320px;top:0;z-index:999999;opacity:0;visibility:hidden}
.wpo-site-header #navbar .navbar-nav{display:block}
.wpo-site-header #navbar > ul{position:relative;z-index:101}
.wpo-site-header #navbar ul a{color:#000}
.wpo-site-header #navbar ul a:hover,.wpo-site-header #navbar ul li.current a{color:#e3b576}
.wpo-site-header #navbar .navbar-nav{height:100%;overflow:auto;padding-bottom:60px}
.wpo-site-header #navbar .close-navbar{background-color:#fff;width:40px;height:40px;color:#000;border:0;outline:none;position:absolute;left:-41px;top:90px;z-index:20}
.wpo-site-header #navbar .close-navbar .ti-close{position:relative;top:1px}
.wpo-site-header .menu-close{display:block;z-index:99;background:none;text-align:center;color:#fff;border:0;text-align:center;width:40px;height:40px;line-height:40px;border:1px solid #fff;margin:30px 30px 30px auto}
.wpo-site-header .slideInn{left:0!important;opacity:1!important;visibility:visible!important}
.wpo-site-header .navbar-toggler .first-angle,.wpo-site-header .navbar-toggler .last-angle{transition:all .3s}
.wpo-site-header .x-close .middle-angle{opacity:0}
.wpo-site-header .x-close .first-angle{position:absolute;-webkit-transform:rotate(-44deg);top:16px;left:10px}
.wpo-site-header .x-close .last-angle{-webkit-transform:rotate(44deg);position:absolute;top:16px;right:10px}
}
@media (max-width: 767px) {
.wpo-site-header .navbar-header .navbar-brand{font-size:24px;margin-right:0}
.wpo-site-header #navbar .navbar-nav{margin:0}
}
.wpo-site-header .navbar-header .navbar-brand img{max-width:170px}
@media (max-width: 991px) {
.wpo-site-header .navbar-collapse.collapse{display:none}
.wpo-site-header .navbar-collapse.collapse.in{display:block}
.wpo-site-header .navbar-header .collapse,.wpo-site-header .navbar-toggle{display:block}
.wpo-site-header .navbar-header{float:none}
.wpo-site-header .navbar-right{float:none}
.wpo-site-header .navbar-nav{float:none}
.wpo-site-header .navbar-nav > li{float:none}
}
@media (max-width: 440px) {
.wpo-site-header .navbar-header .navbar-brand img{max-width:170px}
}
@media (max-width: 370px) {
.wpo-site-header .navbar-header .navbar-brand img{max-width:140px}
}
@media (max-width: 1700px) {
.wpo-site-header{padding:0 30px}
}
@media (max-width: 1500px) {
.wpo-site-header #navbar > ul > li > a{padding:10px 10px;font-size:18px;}
.wpo-site-header{padding:0 10px}
}
@media (max-width: 1400px) {
.wpo-site-header #navbar > ul > li > a{font-size:18px}
}
@media (max-width: 1200px) {
.wpo-site-header #navbar > ul > li > a{font-size:16px}
.wpo-site-header .header-right .theme-btn,.wpo-site-header .header-right .view-cart-btn{display:none}
}
@media (max-width: 991px) {
.wpo-site-header #navbar > ul > li > a{font-size:15px}
}
@media (max-width: 767px) {
.header-right .theme-btn,.header-right .view-cart-btn{padding:20px 12px}
.wpo-site-header .header-right .close-form{display:none}
}
@media (max-width: 991px) {
.wpo-site-header #navbar > ul > li > a{padding:15px 30px}
.wpo-site-header,.wpo-header-style-2{z-index:99999}
}
.wpo-site-header .navigation.sticky-header{padding:0 130px;background:#000c}
@media (min-width: 992px) {
/*.wpo-site-header .navigation.sticky-header #navbar > ul li a:hover{color:#fff}*/
}
@media (max-width: 1700px) {
.wpo-site-header .navigation.sticky-header{padding:0 50px}
}
@media (max-width: 1400px) {
.wpo-site-header .navigation.sticky-header{padding:0 20px}
}
@media (max-width: 991px) {
.wpo-site-header .navigation.sticky-header{padding:20px}
}
@media (max-width: 575px) {
.wpo-site-header .navigation.sticky-header{padding:20px 10px}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu.image-style{width:1300px;z-index:99;display:flex;flex-wrap:wrap;padding-bottom:0;transform:translateX(-50%) scaleY(100%)!important;left:50%;pointer-events:none;transition:all .8s ease;top:100%}
}
@media screen and (min-width: 992px) and (max-width: 1399px) {
.wpo-site-header #navbar > ul .sub-menu.image-style{width:1120px}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.wpo-site-header #navbar > ul .sub-menu.image-style{width:920px}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li{flex-basis:20%}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li{flex-basis:25%}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a{position:relative;font-size:14px}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a{font-size:13px}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a .inner{max-height:230px;min-height:230px;overflow:hidden;display:block;box-shadow:0 2px 20px 0 #3e419f17;position:relative;border:1px solid #d1d1d1}
.wpo-site-header #navbar > ul .sub-menu.image-style li a .inner img{transition:all 3s}
.wpo-site-header #navbar > ul .sub-menu.image-style li a .inner:before{position:absolute;left:0;bottom:0;width:100%;height:45px;content:"";background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}
.wpo-site-header #navbar > ul .sub-menu.image-style li a span{position:absolute;left:50%;bottom:17px;display:inline-block;transform:translateX(-50%);background:#565656;color:#fff;padding:5px 15px;z-index:11;white-space:nowrap}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a span{padding:5px}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a:hover .inner img{transform:translateY(calc(-100% + 250px))}
.wpo-site-header #navbar > ul .sub-menu.image-style li a:after{display:none}
}
@media (max-width: 991px) {
.wpo-site-header #navbar > ul .sub-menu.image-style li a .inner{display:none}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar .image-style-item{position:unset}
.wpo-site-header #navbar ul > .image-style-item:hover > .image-style{transform:translateX(-50%)!important;pointer-events:all}
}
.wpo-header-style,.wpo-header-style-s5,.wpo-header-style-s14{position:absolute;left:0;top:0;width:100%;padding:0 95px;z-index:11}
@media (max-width: 1599px) {
.wpo-header-style,.wpo-header-style-s5,.wpo-header-style-s14{padding:0 50px}
}
@media (max-width: 1520px) {
.wpo-header-style,.wpo-header-style-s5,.wpo-header-style-s14{padding:0 30px}
}
@media (max-width: 1470px) {
.wpo-header-style,.wpo-header-style-s5,.wpo-header-style-s14{padding:0 5px}
}
@media (max-width: 991px) {
.wpo-header-style,.wpo-header-style-s5,.wpo-header-style-s14{padding:0}
}
@media (max-width: 1199px) {
.wpo-header-style #navbar,.wpo-header-style-s5 #navbar,.wpo-header-style-s14 #navbar{justify-content:center}
}
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{position:absolute;left:0;top:30px;width:100%;padding:0 70px;z-index:11}
@media (max-width: 1599px) {
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{padding:0 50px}
}
@media (max-width: 1520px) {
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{padding:0 30px}
}
@media (max-width: 1470px) {
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{padding:0 5px}
}
@media (max-width: 1399px) {
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{top:0}
}
@media (max-width: 991px) {
.wpo-header-style-s2,.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{padding:0;position:unset;border-bottom:1px solid #ededed}
}
@media screen and (min-width: 992px) {
.wpo-header-style-s2 #navbar > ul > li > a,.wpo-header-style-s3 #navbar > ul > li > a,.wpo-header-style-s4 #navbar > ul > li > a,.wpo-header-preview #navbar > ul > li > a{color:#000}
}
.wpo-header-style-s2 #navbar,.wpo-header-style-s3 #navbar,.wpo-header-style-s4 #navbar,.wpo-header-preview #navbar{justify-content:start;margin-left:-100px}
@media (max-width: 1399px) {
.wpo-header-style-s2 #navbar,.wpo-header-style-s3 #navbar,.wpo-header-style-s4 #navbar,.wpo-header-preview #navbar{margin-left:0}
}
.wpo-header-style-s2 .theme-btn,.wpo-header-style-s2 .view-cart-btn,.wpo-header-style-s3 .theme-btn,.wpo-header-style-s3 .view-cart-btn,.wpo-header-style-s4 .theme-btn,.wpo-header-style-s4 .view-cart-btn,.wpo-header-preview .theme-btn,.wpo-header-preview .view-cart-btn{border-radius:12px}
@media (max-width: 991px) {
.wpo-header-style-s2 .cart-search-contact .fi,.wpo-header-style-s3 .cart-search-contact .fi,.wpo-header-style-s4 .cart-search-contact .fi,.wpo-header-preview .cart-search-contact .fi{color:#000}
}
.wpo-header-style-s2 .navigation.sticky-header,.wpo-header-style-s3 .navigation.sticky-header,.wpo-header-style-s4 .navigation.sticky-header,.wpo-header-preview .navigation.sticky-header{padding:0 70px;background:#fff}
@media (max-width: 1599px) {
.wpo-header-style-s2 .navigation.sticky-header,.wpo-header-style-s3 .navigation.sticky-header,.wpo-header-style-s4 .navigation.sticky-header,.wpo-header-preview .navigation.sticky-header{padding:0 50px}
}
@media (max-width: 1520px) {
.wpo-header-style-s2 .navigation.sticky-header,.wpo-header-style-s3 .navigation.sticky-header,.wpo-header-style-s4 .navigation.sticky-header,.wpo-header-preview .navigation.sticky-header{padding:0 30px}
}
@media (max-width: 1470px) {
.wpo-header-style-s2 .navigation.sticky-header,.wpo-header-style-s3 .navigation.sticky-header,.wpo-header-style-s4 .navigation.sticky-header,.wpo-header-preview .navigation.sticky-header{padding:0 5px}
}
@media (max-width: 991px) {
.wpo-header-style-s2 .navigation.sticky-header,.wpo-header-style-s3 .navigation.sticky-header,.wpo-header-style-s4 .navigation.sticky-header,.wpo-header-preview .navigation.sticky-header{padding:0}
}
.wpo-header-style-s2 .navigation.sticky-header .cart-search-contact .fi,.wpo-header-style-s3 .navigation.sticky-header .cart-search-contact .fi,.wpo-header-style-s4 .navigation.sticky-header .cart-search-contact .fi,.wpo-header-preview .navigation.sticky-header .cart-search-contact .fi{color:#000}
.wpo-header-style-s2 .navigation.sticky-header .theme-btn,.wpo-header-style-s2 .navigation.sticky-header .view-cart-btn,.wpo-header-style-s3 .navigation.sticky-header .theme-btn,.wpo-header-style-s3 .navigation.sticky-header .view-cart-btn,.wpo-header-style-s4 .navigation.sticky-header .theme-btn,.wpo-header-style-s4 .navigation.sticky-header .view-cart-btn,.wpo-header-preview .navigation.sticky-header .theme-btn,.wpo-header-preview .navigation.sticky-header .view-cart-btn{border:1px solid transparent;background:#000}
@media (min-width: 992px) {
.wpo-header-style-s2 .navigation.sticky-header #navbar > ul li a:hover,.wpo-header-style-s3 .navigation.sticky-header #navbar > ul li a:hover,.wpo-header-style-s4 .navigation.sticky-header #navbar > ul li a:hover,.wpo-header-preview .navigation.sticky-header #navbar > ul li a:hover{color:#000}
}
.wpo-header-style-s3,.wpo-header-style-s4,.wpo-header-preview{position:unset}
.wpo-header-style-s3 .cart-search-contact .fi,.wpo-header-style-s4 .cart-search-contact .fi,.wpo-header-preview .cart-search-contact .fi{color:#000}
.wpo-header-style-s3 .theme-btn,.wpo-header-style-s3 .view-cart-btn,.wpo-header-style-s4 .theme-btn,.wpo-header-style-s4 .view-cart-btn,.wpo-header-preview .theme-btn,.wpo-header-preview .view-cart-btn{border:1px solid #000;color:#000;border-radius:25px}
.wpo-header-style-s3 .header-right .header-search-form-wrapper .fi:before,.wpo-header-style-s4 .header-right .header-search-form-wrapper .fi:before,.wpo-header-preview .header-right .header-search-form-wrapper .fi:before{font-size:24px}
.wpo-header-style-s3 .navigation.sticky-header .cart-search-contact .fi,.wpo-header-style-s4 .navigation.sticky-header .cart-search-contact .fi,.wpo-header-preview .navigation.sticky-header .cart-search-contact .fi{color:#000}
.wpo-header-style-s3 .navigation.sticky-header .theme-btn,.wpo-header-style-s3 .navigation.sticky-header .view-cart-btn,.wpo-header-style-s4 .navigation.sticky-header .theme-btn,.wpo-header-style-s4 .navigation.sticky-header .view-cart-btn,.wpo-header-preview .navigation.sticky-header .theme-btn,.wpo-header-preview .navigation.sticky-header .view-cart-btn{border:1px solid #000;background:transparent}
.wpo-header-style-s4{border-bottom:1px solid #000}
.wpo-header-style-s4 #navbar{justify-content:flex-end;margin-left:0;margin-right:-160px}
@media (max-width: 1680px) {
.wpo-header-style-s4 #navbar{margin-right:-100px}
}
@media (max-width: 1199px) {
.wpo-header-style-s4 #navbar{margin-right:0;justify-content:center}
}
.wpo-header-style-s4 .header-right{padding-top:10px}
@media (min-width: 992px) {
.wpo-header-style-s5 #navbar ul li a:hover{color:#fff}
.wpo-header-style-s5 #navbar > ul > li .sub-menu a:hover{color:#000}
}
.wpo-header-style-s5 #navbar{justify-content:flex-start;margin-left:-100px}
@media (max-width: 1399px) {
.wpo-header-style-s5 #navbar{margin-left:0}
}
@media (max-width: 1199px) {
.wpo-header-style-s5 #navbar{justify-content:center}
}
.wpo-header-style-s6{padding:30px 80px;z-index:11}
@media (max-width: 1599px) {
.wpo-header-style-s6{padding:30px 50px}
}
@media (max-width: 1520px) {
.wpo-header-style-s6{padding:25px 30px}
}
@media (max-width: 1470px) {
.wpo-header-style-s6{padding:20px 5px}
}
@media (max-width: 991px) {
.wpo-header-style-s6{padding:0 5px}
}
@media (min-width: 992px) {
.wpo-header-style-s6 .navbar-expand-lg .navbar-nav{border-radius:40px;border:1px solid #0000004d;margin:10px;padding:0}
.wpo-header-style-s6 #navbar > ul > li > a{margin:8px 30px;padding:0;color:#000;background:transparent;border-radius:40px}
.wpo-header-style-s6 #navbar > ul > li > a:hover{background:#fff}
}
.wpo-header-style-s6 .cart-search-contact .fi{color:#000}
.wpo-header-style-s6 .header-right .header-search-form-wrapper .fi:before{font-size:24px}
.wpo-header-style-s6 .header-right .close-form .theme-btn,.wpo-header-style-s6 .header-right .close-form .view-cart-btn{padding:9px 37px;border:1px solid #000;color:#000}
.wpo-header-style-s6 .navigation.sticky-header{background:#fff;padding:20px 80px}
@media (max-width: 1599px) {
.wpo-header-style-s6 .navigation.sticky-header{padding:20px 50px}
}
@media (max-width: 1520px) {
.wpo-header-style-s6 .navigation.sticky-header{padding:20px 30px}
}
@media (max-width: 1470px) {
.wpo-header-style-s6 .navigation.sticky-header{padding:15px 5px}
}
@media (max-width: 991px) {
.wpo-header-style-s6 .navigation.sticky-header{padding:0 5px}
}
@media (min-width: 992px) {
.wpo-header-style-s6 .navigation.sticky-header #navbar > ul li a:hover{color:#000}
}
@media (min-width: 1200px) {
.wpo-header-style-s9,.wpo-header-style-s10,.wpo-header-style-s11{padding:0 90px}
}
@media (max-width: 767px) {
.wpo-header-style-s9,.wpo-header-style-s10,.wpo-header-style-s11{padding:0}
}
@media screen and (min-width: 992px) {
.wpo-header-style-s9 #navbar > ul > li > a,.wpo-header-style-s10 #navbar > ul > li > a,.wpo-header-style-s11 #navbar > ul > li > a{color:#000}
.wpo-header-style-s9 #navbar,.wpo-header-style-s10 #navbar,.wpo-header-style-s11 #navbar{justify-content:flex-start}
.wpo-header-style-s9 #navbar > ul > li:first-child > a,.wpo-header-style-s10 #navbar > ul > li:first-child > a,.wpo-header-style-s11 #navbar > ul > li:first-child > a{padding-left:0}
}
.wpo-header-style-s9 .navbar-header,.wpo-header-style-s10 .navbar-header,.wpo-header-style-s11 .navbar-header{margin-left:50px}
@media (max-width: 1399px) {
.wpo-header-style-s9 .navbar-header,.wpo-header-style-s10 .navbar-header,.wpo-header-style-s11 .navbar-header{margin-left:0}
}
.wpo-header-style-s9 .header-right .header-search-form-s2,.wpo-header-style-s10 .header-right .header-search-form-s2,.wpo-header-style-s11 .header-right .header-search-form-s2{width:300px;position:relative;display:block;margin-right:10px}
@media (max-width: 991px) {
.wpo-header-style-s9 .header-right .header-search-form-s2,.wpo-header-style-s10 .header-right .header-search-form-s2,.wpo-header-style-s11 .header-right .header-search-form-s2{display:none}
}
.wpo-header-style-s9 .header-right .header-search-form-s2 .form-control,.wpo-header-style-s10 .header-right .header-search-form-s2 .form-control,.wpo-header-style-s11 .header-right .header-search-form-s2 .form-control{border-radius:30px;border:1px solid #999;height:50px;color:#000;font-size:18px;font-weight:400;padding:10px 20px;transition:all .3s ease-in-out}
.wpo-header-style-s9 .header-right .header-search-form-s2 .form-control:focus,.wpo-header-style-s10 .header-right .header-search-form-s2 .form-control:focus,.wpo-header-style-s11 .header-right .header-search-form-s2 .form-control:focus{border:1px solid #000;box-shadow:0 0 0 .25rem transparent}
.wpo-header-style-s9 .header-right .header-search-form-s2 .form-control::-moz-placeholder,.wpo-header-style-s10 .header-right .header-search-form-s2 .form-control::-moz-placeholder,.wpo-header-style-s11 .header-right .header-search-form-s2 .form-control::-moz-placeholder{color:#000}
.wpo-header-style-s9 .header-right .header-search-form-s2 .form-control::placeholder,.wpo-header-style-s10 .header-right .header-search-form-s2 .form-control::placeholder,.wpo-header-style-s11 .header-right .header-search-form-s2 .form-control::placeholder{color:#000}
.wpo-header-style-s9 .header-right .header-search-form-s2 button,.wpo-header-style-s10 .header-right .header-search-form-s2 button,.wpo-header-style-s11 .header-right .header-search-form-s2 button{background:transparent;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px}
.wpo-header-style-s9 .header-right .header-user-wrapper,.wpo-header-style-s10 .header-right .header-user-wrapper,.wpo-header-style-s11 .header-right .header-user-wrapper{position:relative}
.wpo-header-style-s9 .header-right .header-user-wrapper .user-toggle-btn,.wpo-header-style-s10 .header-right .header-user-wrapper .user-toggle-btn,.wpo-header-style-s11 .header-right .header-user-wrapper .user-toggle-btn{width:55px;height:55px;background:transparent}
@media (max-width: 991px) {
.wpo-header-style-s9 .header-right .header-user-wrapper .user-toggle-btn,.wpo-header-style-s10 .header-right .header-user-wrapper .user-toggle-btn,.wpo-header-style-s11 .header-right .header-user-wrapper .user-toggle-btn{width:40px;height:40px}
}
.wpo-header-style-s9 .header-right .header-user-wrapper .header-user-form,.wpo-header-style-s10 .header-right .header-user-wrapper .header-user-form,.wpo-header-style-s11 .header-right .header-user-wrapper .header-user-form{position:absolute;right:0;background-color:#fff;box-shadow:0 2px 20px 0 #3e419f17;width:225px;padding:20px 0;top:140%;z-index:10;transition:all .3s ease-in-out;opacity:0;visibility:hidden}
.wpo-header-style-s9 .header-right .header-user-wrapper .header-user-form li a,.wpo-header-style-s10 .header-right .header-user-wrapper .header-user-form li a,.wpo-header-style-s11 .header-right .header-user-wrapper .header-user-form li a{font-size:18px;display:block;padding:10px 15px;position:relative;overflow:hidden;font-weight:600;color:#000;text-transform:capitalize}
.wpo-header-style-s9 .header-right .header-user-wrapper .header-user-form.header-user-content-toggle,.wpo-header-style-s10 .header-right .header-user-wrapper .header-user-form.header-user-content-toggle,.wpo-header-style-s11 .header-right .header-user-wrapper .header-user-form.header-user-content-toggle{opacity:1;visibility:visible}
@media (max-width: 767px) {
.wpo-header-style-s9 .header-right .heart-cart,.wpo-header-style-s10 .header-right .heart-cart,.wpo-header-style-s11 .header-right .heart-cart{display:none}
}
.wpo-header-style-s9 .header-right .heart-cart a,.wpo-header-style-s10 .header-right .heart-cart a,.wpo-header-style-s11 .header-right .heart-cart a{width:55px;height:55px;line-height:55px;background:transparent;display:block;text-align:center}
.wpo-header-style-s9 .header-right > div:last-child,.wpo-header-style-s10 .header-right > div:last-child,.wpo-header-style-s11 .header-right > div:last-child{margin:0;position:relative}
.wpo-header-style-s9 .header-right,.wpo-header-style-s10 .header-right,.wpo-header-style-s11 .header-right{right:-25px}
.wpo-header-style-s9 .mini-cart .cart-count,.wpo-header-style-s10 .mini-cart .cart-count,.wpo-header-style-s11 .mini-cart .cart-count{background:#000000af;line-height:19px;color:#fff;top:-1px;right:-5px}
.wpo-header-style-s9 .sticky-header.sticky-on,.wpo-header-style-s10 .sticky-header.sticky-on,.wpo-header-style-s11 .sticky-header.sticky-on{background:#fff}
@media (min-width: 1200px) {
.wpo-header-style-s9 .sticky-header.sticky-on,.wpo-header-style-s10 .sticky-header.sticky-on,.wpo-header-style-s11 .sticky-header.sticky-on{padding:0 90px}
}
@media (min-width: 992px) {
.wpo-header-style-s9 .sticky-header.sticky-on #navbar > ul li a:hover,.wpo-header-style-s10 .sticky-header.sticky-on #navbar > ul li a:hover,.wpo-header-style-s11 .sticky-header.sticky-on #navbar > ul li a:hover{color:#000}
}
@media (max-width: 991px) {
.wpo-header-style-s9 .navigation,.wpo-header-style-s10 .navigation,.wpo-header-style-s11 .navigation{padding:10px 0}
.wpo-header-style-s9 .navigation.sticky-header,.wpo-header-style-s10 .navigation.sticky-header,.wpo-header-style-s11 .navigation.sticky-header{padding:10px}
}
.wpo-header-style-s10,.wpo-header-style-s11{position:absolute;left:0;top:0;width:100%;z-index:11}
.wpo-header-style-s10 .header-right .header-search-form,.wpo-header-style-s11 .header-right .header-search-form{margin-right:0}
.wpo-header-style-s10 .cart-search-contact .header-search-form,.wpo-header-style-s11 .cart-search-contact .header-search-form{background:#fff;padding:20px;border-radius:6px}
.wpo-header-style-s10 .header-right .header-search-form .form-control,.wpo-header-style-s11 .header-right .header-search-form .form-control{border-radius:0}
.wpo-header-style-s10 .header-right .header-search-form button,.wpo-header-style-s11 .header-right .header-search-form button{right:10px;top:44%;font-size:20px}
.wpo-header-style-s10 .header-right .search-toggle-btn,.wpo-header-style-s11 .header-right .search-toggle-btn{line-height:80px;color:#fff;height:80px}
.wpo-header-style-s10 .cart-search-contact .fi,.wpo-header-style-s11 .cart-search-contact .fi{color:#000}
.wpo-header-style-s10 .header-right .header-search-form-wrapper .fi:before,.wpo-header-style-s11 .header-right .header-search-form-wrapper .fi:before{font-size:25px}
.wpo-header-style-s10 .header-right .close-form .theme-btn,.wpo-header-style-s10 .header-right .close-form .view-cart-btn,.wpo-header-style-s11 .header-right .close-form .theme-btn,.wpo-header-style-s11 .header-right .close-form .view-cart-btn{color:#000;border:1px solid #000}
@media (max-width: 1200px) {
.wpo-header-style-s10 .header-right .theme-btn,.wpo-header-style-s10 .header-right .view-cart-btn,.wpo-header-style-s11 .header-right .theme-btn,.wpo-header-style-s11 .header-right .view-cart-btn{display:block}
}
.wpo-header-style-s11{position:relative}
.wpo-header-style-s11 .navbar-header{margin-left:0}
@media (max-width: 767px) {
.wpo-header-style-s11 .navbar-header{right:-30px;position:relative}
}
@media screen and (min-width: 992px) {
.wpo-header-style-s11 #navbar{justify-content:center}
}
@media (max-width: 767px) {
.wpo-header-style-s11 .header-right .search-toggle-btn{line-height:60px;height:62px}
.wpo-header-style-s11 .header-right .search-toggle-btn{width:10px}
}
.wpo-header-style-s11 .header-right .close-form .theme-btn,.wpo-header-style-s11 .header-right .close-form .view-cart-btn{color:#000;border:1px solid #999;font-weight:400;font-size:18px}
.wpo-header-style-s14 #navbar > ul li a:hover{color:#fff}
@media screen and (min-width: 992px) {
.wpo-header-style-s14 #navbar > ul > li .sub-menu a{color:#000}
.wpo-header-style-s14 #navbar > ul > li .sub-menu a:hover{color:#000}
}
@media (min-width: 992px) {
.wpo-header-style-s14 .navigation.sticky-header #navbar > ul li .sub-menu li a:hover{color:#000}
}
.topbar-s2 .contact-info{justify-content:flex-start}
@media (max-width: 767px) {
.topbar-s2 .contact-info{justify-content:center}
}
.topbar-s2 .contact-info span{color:#525252;font-size:16px;font-weight:400}
.topbar-s2 .contact-info li:last-child{padding-left:10px}
.topbar-s2 .contact-info li:nth-child(2):before{display:none}
.topbar-s2 .social-media{display:flex;justify-content:flex-end}
@media (max-width: 767px) {
.topbar-s2 .social-media{justify-content:center}
}
.topbar-s2 ul li:last-child{padding-right:0}
@media screen and (min-width: 992px) {
.menu-left #navbar > ul .sub-menu.image-style{left:0!important;transform:none!important}
.menu-left #navbar ul > .image-style-item:hover > .image-style{transform:none!important}
}
.wpo-header-preview{position:absolute;left:0;top:0;width:100%;z-index:1}
.wpo-header-preview #navbar{margin-left:0}
.wpo-header-preview .service-btn{text-align:right}
.wpo-header-preview .service-btn .shop-btn{border-radius:0;padding:14px 25px 15px;font-size:16px}
@media (max-width: 575px) {
.wpo-header-preview .service-btn .shop-btn{padding:13px 15px}
}
.wpo-header-preview .service-btn .shop-btn i{margin-right:5px}
@media (max-width: 991px) {
.wpo-header-preview .service-btn .shop-btn span{display:none}
}
.wpo-hero-slider{width:100%;height:1000px;display:flex;position:relative;z-index:0}
@media (max-width: 1199px) {
.wpo-hero-slider{height:800px}
}
@media (max-width: 991px) {
.wpo-hero-slider{height:100vh;display:block;padding:300px 0 400px}
}
@media (max-width: 575px) {
.wpo-hero-slider{padding:200px 0}
}
.wpo-hero-slider .swiper-slide{overflow:hidden}
.wpo-hero-slider .swiper-container,.wpo-hero-slider .hero-container{width:100%;height:100%;position:absolute;left:0;top:0}
.wpo-hero-slider .slide-inner,.wpo-hero-slider .hero-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:left}
.wpo-hero-slider .slide-inner:before,.wpo-hero-slider .hero-inner:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#00000040}
.wpo-hero-slider .swiper-pagination-bullet{width:12px;height:12px;text-align:center;line-height:12px;font-size:12px;color:#000;opacity:1;background:#fff3}
@media screen and (min-width: 992px) {
.wpo-hero-slider .swiper-pagination-bullet{display:none}
}
.wpo-hero-slider .swiper-pagination-bullet-active{color:#fff;background:#fff;width:12px;height:12px;text-align:center;line-height:12px}
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider .swiper-pagination-custom,.wpo-hero-slider .swiper-pagination-fraction{color:#fff;font-family:var(--font);font-size:40px;font-weight:400;position:absolute;right:100px;top:50%;left:auto;width:auto;bottom:auto}
@media (max-width: 1399px) {
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider .swiper-pagination-custom,.wpo-hero-slider .swiper-pagination-fraction{right:50px}
}
@media (max-width: 1199px) {
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider .swiper-pagination-custom,.wpo-hero-slider .swiper-pagination-fraction{top:65%}
}
@media (max-width: 575px) {
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider .swiper-pagination-custom,.wpo-hero-slider .swiper-pagination-fraction{right:auto;left:20px;top:auto;bottom:20px}
}
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.wpo-hero-slider .swiper-pagination .swiper-pagination-current{color:#fff}
.wpo-hero-slider .swiper-pagination-total{color:#FFF;font-size:25px;font-weight:400}
.wpo-hero-slider .slide-content{text-align:center;max-width:1130px;margin:0 auto;padding-top:40px}
@media (max-width: 1199px) {
.wpo-hero-slider .slide-content{padding-top:0}
}
.wpo-hero-slider .slide-content h2{color:#fff;font-size:95px;line-height:110px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-hero-slider .slide-content h2{font-size:90px;line-height:120px}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-content h2{font-size:60px;line-height:100px}
}
@media (max-width: 757px) {
.wpo-hero-slider .slide-content h2{font-size:50px;line-height:80px}
}
@media (max-width: 575px) {
.wpo-hero-slider .slide-content h2{font-size:40px;line-height:50px}
}
.wpo-hero-slider .slide-content h2 span{padding:13px;border-radius:100px;border:1px solid #fff}
@media (max-width: 575px) {
.wpo-hero-slider .slide-content h2 span{display:none}
}
.wpo-hero-slider .slide-content h2 span img{max-width:356px;max-height:200px;border-radius:100px}
@media (max-width: 1199px) {
.wpo-hero-slider .slide-content h2 span img{max-width:250px}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-content h2 span img{max-width:180px}
}
.hero-team{width:308px;text-align:start;position:absolute;left:100px;bottom:20px;z-index:11}
@media (max-width: 1399px) {
.hero-team{left:50px}
}
@media (max-width: 575px) {
.hero-team{display:none}
}
.hero-team ul{margin-left:15px}
.hero-team ul li{display:inline-block;width:72px;height:72px;border:1px solid #fff;border-radius:100px;margin:0 -15px;text-align:center}
.hero-team ul li:nth-child(4){margin-right:0}
.hero-team ul li:last-child{margin:0;margin-left:10px}
.hero-team ul li img{width:100%;height:100%;border-radius:100px}
.hero-team ul li a{text-align:center;line-height:72px;margin:0 auto}
.hero-team span{color:#fff;font-size:20px;font-weight:400;line-height:50px}
.scroll-btn{position:absolute;width:189px;right:130px;bottom:80px;z-index:11}
@media (max-width: 1399px) {
.scroll-btn{right:50px;bottom:50px}
}
@media (max-width: 991px) {
.scroll-btn{bottom:20px}
}
@media (max-width: 575px) {
.scroll-btn{width:10px}
}
.scroll-btn span{color:#fff;font-size:18px;margin-bottom:30px;display:block}
@media (max-width: 991px) {
.scroll-btn span{display:none}
}
.scroll-btn .scroll-befor{position:absolute;right:0;bottom:30px}
.scroll-btn .scroll-befor::before{position:absolute;right:-30px;bottom:-30px;content:"";width:80px;height:80px;border-radius:80px;border:1px solid #686868;z-index:-1}
@media (max-width: 575px) {
.scroll-btn .scroll-befor::before{width:50px;height:50px;right:-20px;bottom:-20px}
}
.wpo-hero-static{position:relative;height:1000px;display:flex;align-items:center}
@media (max-width: 1399px) {
.wpo-hero-static{height:900px}
}
@media (max-width: 1199px) {
.wpo-hero-static{height:800px}
}
@media (max-width: 991px) {
.wpo-hero-static{height:100%;padding:100px 20px}
}
@media (max-width: 757px) {
.wpo-hero-static{padding:80px 10px}
}
.wpo-hero-static .content{max-width:860px;padding-left:70px;position:relative;margin-top:100px}
@media (max-width: 1799px) {
.wpo-hero-static .content{padding-left:20px}
}
@media (max-width: 1399px) {
.wpo-hero-static .content{max-width:560px}
}
@media (max-width: 991px) {
.wpo-hero-static .content{max-width:700px;margin:0;padding:0}
}
@media (max-width: 757px) {
.wpo-hero-static .content{max-width:100%;margin:0}
}
.wpo-hero-static .content h2{color:#000;font-size:120px;font-weight:400;line-height:150px;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-hero-static .content h2{font-size:80px;line-height:100px}
}
@media (max-width: 575px) {
.wpo-hero-static .content h2{font-size:60px;line-height:80px}
}
@media (max-width: 425px) {
.wpo-hero-static .content h2{font-size:50px;line-height:50px}
}
.wpo-hero-static .content img{max-width:440px;height:120px;border-radius:20px}
@media (max-width: 1399px) {
.wpo-hero-static .content img{max-width:200px;height:70px}
}
@media (max-width: 425px) {
.wpo-hero-static .content img{display:none}
}
.wpo-hero-static .content h1{font-size:25px;line-height:30px;font-weight:500;max-width:140px;color:#000;position:absolute;right:0;top:50px;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-hero-static .content h1{top:30px;font-size:20px;line-height:25px}
}
@media (max-width: 991px) {
.wpo-hero-static .content h1{position:unset}
}
.wpo-hero-static .content p{color:#000;font-size:20px;font-weight:500;line-height:30px;max-width:726px;margin-top:20px}
.wpo-hero-static .content .about-btn{display:flex;align-items:center;margin-top:55px;width:100%}
@media (max-width: 991px) {
.wpo-hero-static .content .about-btn{margin-top:40px}
}
@media (max-width: 575px) {
.wpo-hero-static .content .about-btn{display:block;margin-top:34px}
}
.wpo-hero-static .content .about-btn .theme-btn,.wpo-hero-static .content .about-btn .view-cart-btn{background:#000;text-transform:none;border-radius:15px}
@media (max-width: 767px) {
.wpo-hero-static .content .about-btn .theme-btn,.wpo-hero-static .content .about-btn .view-cart-btn{padding:18px 25px;font-size:14px}
}
.wpo-hero-static .content .about-btn .theme-btn .rolling-text,.wpo-hero-static .content .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-hero-static .content .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 575px) {
.wpo-hero-static .content .video-wrap{margin-left:0;margin-top:20px}
}
.wpo-hero-static .content .video-wrap span{padding-left:20px}
.wpo-hero-static .rigth-image{position:absolute;right:30px;top:30px;z-index:-1;max-width:900px;max-height:970px;width:100%;height:100%}
@media (max-width: 1799px) {
.wpo-hero-static .rigth-image{right:0;top:0}
}
@media (max-width: 1759px) {
.wpo-hero-static .rigth-image{max-width:700px}
}
@media (max-width: 1560px) {
.wpo-hero-static .rigth-image{max-width:550px}
}
@media (max-width: 1199px) {
.wpo-hero-static .rigth-image{max-width:450px}
}
@media (max-width: 991px) {
.wpo-hero-static .rigth-image{display:none}
}
.wpo-hero-static .rigth-image img{width:100%;height:100%;border-radius:50px;-o-object-fit:cover;object-fit:cover}
.wpo-hero-slider-s3{width:100%;height:920px;display:flex;position:relative;z-index:0}
@media (max-width: 1199px) {
.wpo-hero-slider-s3{height:800px}
}
@media (max-width: 991px) {
.wpo-hero-slider-s3{height:100vh;display:block}
}
.wpo-hero-slider-s3 .swiper-slide{overflow:hidden}
.wpo-hero-slider-s3 .swiper-container,.wpo-hero-slider-s3 .hero-container{width:100%;height:100%;position:absolute;left:0;top:0}
.wpo-hero-slider-s3 .slide-inner,.wpo-hero-slider-s3 .hero-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-end;text-align:left}
.wpo-hero-slider-s3 .slide-inner:before,.wpo-hero-slider-s3 .hero-inner:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#00000040}
.wpo-hero-slider-s3 .swiper-pagination-bullet{width:12px;height:12px;text-align:center;line-height:12px;font-size:12px;color:#000;opacity:1;background:#fff3}
@media screen and (min-width: 992px) {
.wpo-hero-slider-s3 .swiper-pagination-bullet{display:none}
}
.wpo-hero-slider-s3 .swiper-pagination-bullet-active{color:#fff;background:#fff;width:12px;height:12px;text-align:center;line-height:12px}
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider-s3 .swiper-pagination-custom,.wpo-hero-slider-s3 .swiper-pagination-fraction{color:#fff;font-family:var(--font);font-size:40px;font-weight:400;position:absolute;right:100px;top:50%;left:auto;width:auto;bottom:auto}
@media (max-width: 1399px) {
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider-s3 .swiper-pagination-custom,.wpo-hero-slider-s3 .swiper-pagination-fraction{right:50px}
}
@media (max-width: 1199px) {
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider-s3 .swiper-pagination-custom,.wpo-hero-slider-s3 .swiper-pagination-fraction{top:45%}
}
@media (max-width: 991px) {
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider-s3 .swiper-pagination-custom,.wpo-hero-slider-s3 .swiper-pagination-fraction{top:10%}
}
@media (max-width: 757px) {
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets,.wpo-hero-slider-s3 .swiper-pagination-custom,.wpo-hero-slider-s3 .swiper-pagination-fraction{top:5%}
}
.wpo-hero-slider-s3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.wpo-hero-slider-s3 .swiper-pagination .swiper-pagination-current{color:#fff}
.wpo-hero-slider-s3 .swiper-pagination-total{color:#FFF;font-size:25px;font-weight:400}
.wpo-hero-slider-s3 .slide-content{max-width:1800px;width:100%;margin:0 auto;padding-bottom:70px;display:flex;align-items:flex-end;justify-content:space-between}
@media (max-width: 991px) {
.wpo-hero-slider-s3 .slide-content{display:block;max-width:100%;padding:0 20px;padding-top:300px;padding-bottom:50px}
}
@media (max-width: 767px) {
.wpo-hero-slider-s3 .slide-content{padding:0 10px;padding-top:300px;padding-bottom:50px}
}
.wpo-hero-slider-s3 .slide-content h2{color:#fff;font-size:120px;font-weight:400;line-height:150px;margin-bottom:0;max-width:1030px}
@media (max-width: 1459px) {
.wpo-hero-slider-s3 .slide-content h2{font-size:100px;line-height:120px}
}
@media (max-width: 991px) {
.wpo-hero-slider-s3 .slide-content h2{font-size:60px;line-height:80px;max-width:100%}
}
@media (max-width: 757px) {
.wpo-hero-slider-s3 .slide-content h2{font-size:50px;line-height:80px}
}
@media (max-width: 575px) {
.wpo-hero-slider-s3 .slide-content h2{font-size:40px;line-height:50px}
}
.wpo-hero-slider-s3 .slide-content .sub-title{max-width:413px;position:relative;top:-50px}
@media (max-width: 991px) {
.wpo-hero-slider-s3 .slide-content .sub-title{top:0;margin-left:auto;max-width:100%}
}
.wpo-hero-slider-s3 .slide-content p{color:#fff;font-size:20px;font-weight:400;line-height:30px}
.wpo-hero-slider-s3 .slide-content .theme-btn,.wpo-hero-slider-s3 .slide-content .view-cart-btn{border-radius:30px;background:#fff;color:#000;padding:14px 36px;margin-top:14px;border:0}
.wpo-hero-slider-s3 .slide-content .theme-btn:hover,.wpo-hero-slider-s3 .slide-content .view-cart-btn:hover{background:#000;color:#fff}
.wpo-hero-static-s2{max-width:1772px;margin:0 auto}
@media (max-width: 1772px) {
.wpo-hero-static-s2{padding:0 20px}
}
@media (max-width: 575px) {
.wpo-hero-static-s2{padding:0 10px}
}
.wpo-hero-static-s2 .top-content{padding-top:40px}
@media (max-width: 575px) {
.wpo-hero-static-s2 .top-content{padding:40px 0}
}
.wpo-hero-static-s2 .top-content h2{color:#000;font-size:160px;font-weight:400;line-height:260px}
@media (max-width: 1799px) {
.wpo-hero-static-s2 .top-content h2{font-size:140px}
}
@media (max-width: 1669px) {
.wpo-hero-static-s2 .top-content h2{font-size:130px;line-height:230px}
}
@media (max-width: 1599px) {
.wpo-hero-static-s2 .top-content h2{font-size:110px;line-height:200px}
}
@media (max-width: 1459px) {
.wpo-hero-static-s2 .top-content h2{font-size:100px;line-height:160px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s2 .top-content h2{font-size:80px;line-height:130px}
}
@media (max-width: 991px) {
.wpo-hero-static-s2 .top-content h2{font-size:60px;line-height:80px}
}
@media (max-width: 757px) {
.wpo-hero-static-s2 .top-content h2{font-size:45px;line-height:80px}
}
@media (max-width: 575px) {
.wpo-hero-static-s2 .top-content h2{font-size:35px;line-height:50px}
}
.wpo-hero-static-s2 .top-content .img-1{position:relative}
@media (max-width: 1399px) {
.wpo-hero-static-s2 .top-content .img-1{max-width:200px}
}
@media (max-width: 991px) {
.wpo-hero-static-s2 .top-content .img-1{max-width:120px}
}
@media (max-width: 575px) {
.wpo-hero-static-s2 .top-content .img-1{display:none}
}
.wpo-hero-static-s2 .top-content .img-2{position:relative;top:-45px}
@media (max-width: 1399px) {
.wpo-hero-static-s2 .top-content .img-2{max-width:300px;top:-20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s2 .top-content .img-2{max-width:150px;bottom:0}
}
@media (max-width: 575px) {
.wpo-hero-static-s2 .top-content .img-2{display:none}
}
.hero-slider-s4{overflow:hidden;margin-bottom:60px}
.hero-slider-s4 .swiper-slide{width:450px;height:625px;align-items:center;justify-content:center;transition:.3s;box-sizing:border-box}
@media (max-width: 1399px) {
.hero-slider-s4 .swiper-slide{width:350px;height:425px}
}
@media (max-width: 991px) {
.hero-slider-s4 .swiper-slide{width:250px;height:325px}
}
.hero-slider-s4 .swiper-slide .imgWrap{font-size:0;box-sizing:border-box}
.hero-slider-s4 .swiper-slide .imgWrap img{width:100%;height:625px;-o-object-fit:cover;object-fit:cover}
@media (max-width: 1399px) {
.hero-slider-s4 .swiper-slide .imgWrap img{height:425px}
}
@media (max-width: 991px) {
.hero-slider-s4 .swiper-slide .imgWrap img{height:325px}
}
.hero-slider-s4 .swiper-slide.swiper-slide-active{width:800px}
@media (max-width: 1399px) {
.hero-slider-s4 .swiper-slide.swiper-slide-active{width:550px}
}
@media (max-width: 991px) {
.hero-slider-s4 .swiper-slide.swiper-slide-active{width:350px}
}
@media (max-width: 767px) {
.hero-slider-s4 .swiper-slide.swiper-slide-active{width:100%}
}
.hero-slider-s4 .swiper-slide .imgWrap .x2{display:none}
.hero-slider-s4 .swiper-slide.swiper-slide-active .x1{display:none}
.hero-slider-s4 .swiper-slide.swiper-slide-active .x2{display:block}
.wpo-hero-static-s3{height:1010px;position:relative}
@media (max-width: 1199px) {
.wpo-hero-static-s3{height:910px}
}
@media (max-width: 991px) {
.wpo-hero-static-s3{height:100%}
}
.wpo-hero-static-s3 .wrapper{padding-top:150px}
@media (max-width: 991px) {
.wpo-hero-static-s3 .wrapper{padding:130px 20px 200px}
}
@media (max-width: 575px) {
.wpo-hero-static-s3 .wrapper{padding:130px 10px 200px}
}
.wpo-hero-static-s3 .wrapper h2{color:#fff;font-size:195px;font-weight:500}
@media (max-width: 1879px) {
.wpo-hero-static-s3 .wrapper h2{font-size:190px}
}
@media (max-width: 1829px) {
.wpo-hero-static-s3 .wrapper h2{font-size:185px}
}
@media (max-width: 1779px) {
.wpo-hero-static-s3 .wrapper h2{font-size:180px}
}
@media (max-width: 1729px) {
.wpo-hero-static-s3 .wrapper h2{font-size:170px}
}
@media (max-width: 1629px) {
.wpo-hero-static-s3 .wrapper h2{font-size:160px;font-size:160px}
}
@media (max-width: 1550px) {
.wpo-hero-static-s3 .wrapper h2{font-size:150px}
}
@media (max-width: 1450px) {
.wpo-hero-static-s3 .wrapper h2{font-size:140px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s3 .wrapper h2{font-size:120px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s3 .wrapper h2{font-size:100px}
}
@media (max-width: 757px) {
.wpo-hero-static-s3 .wrapper h2{font-size:80px}
}
@media (max-width: 575px) {
.wpo-hero-static-s3 .wrapper h2{font-size:40px}
}
.wpo-hero-static-s3 .content{max-width:504px;margin-left:45px;padding-top:60px;position:relative;z-index:1}
@media (max-width: 991px) {
.wpo-hero-static-s3 .content{margin-left:0;padding-top:20px}
}
.wpo-hero-static-s3 .content p{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin-bottom:30px}
.wpo-hero-static-s3 .content .theme-btn,.wpo-hero-static-s3 .content .view-cart-btn{border-radius:30px;background:#fff;color:#000;text-transform:none;padding:14px 35px}
.wpo-hero-static-s3 .content .theme-btn .rolling-text,.wpo-hero-static-s3 .content .view-cart-btn .rolling-text{line-height:25px}
.wpo-hero-static-s3 .scroll-btn{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;bottom:30px;left:50%;transform:translateX(-50%)}
.wpo-hero-static-s3 .scroll-btn .scroll-befor{position:unset;width:50px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:25px;border:1px solid #0000004d;background:#fff3}
.wpo-hero-static-s3 .scroll-btn .scroll-befor::before{display:none}
.wpo-hero-static-s3 .scroll-btn span{margin:0;margin-top:11px}
.wpo-hero-static-s3 .circle-content{z-index:11}
@media (max-width: 1199px) {
.wpo-hero-static-s3 .circle-content{right:50px}
}
@media (max-width: 757px) {
.wpo-hero-static-s3 .circle-content{display:none}
}
.wpo-hero-static-s3 .bg-image{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-1}
.wpo-hero-static-s3 .bg-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.wpo-hero-static-s3 .overlay-image{position:absolute;left:0;bottom:0;width:100%;height:100%}
.wpo-hero-static-s3 .overlay-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.circle-content{width:160px;height:160px;background:#00000080;border:1px solid #fff;position:absolute;border-radius:160px;padding:10px;color:#fff!important;right:150px;top:50%;transform:translateY(-50%)}
.circle-content svg{color:#fff!important;font-size:16px;font-weight:500;line-height:50px}
.circle-content .arrows{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.circle-content .rotate-anm{animation:roted 30s linear infinite}
@keyframes roted {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.wpo-hero-static-s4{height:1000px;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;position:relative;display:flex;align-items:center;z-index:1}
@media (max-width: 1199px) {
.wpo-hero-static-s4{height:910px}
}
@media (max-width: 991px) {
.wpo-hero-static-s4{height:100%}
}
.wpo-hero-static-s4 .wrapper{max-width:1348px;margin:0 auto;position:relative;z-index:11}
@media (max-width: 991px) {
.wpo-hero-static-s4 .wrapper{padding:130px 20px 150px}
}
@media (max-width: 575px) {
.wpo-hero-static-s4 .wrapper{padding:130px 10px 150px}
}
.wpo-hero-static-s4 .wrapper h2{color:#000;font-size:120px;font-weight:700;text-align:end}
@media (max-width: 1399px) {
.wpo-hero-static-s4 .wrapper h2{font-size:110px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s4 .wrapper h2{font-size:90px}
}
@media (max-width: 991px) {
.wpo-hero-static-s4 .wrapper h2{font-size:80px}
}
@media (max-width: 757px) {
.wpo-hero-static-s4 .wrapper h2{font-size:60px}
}
@media (max-width: 575px) {
.wpo-hero-static-s4 .wrapper h2{font-size:40px}
}
.wpo-hero-static-s4 .wrapper h2 span{font-family:var(--font);font-weight:400;margin-right:-80px}
@media (max-width: 1399px) {
.wpo-hero-static-s4 .wrapper h2 span{margin:0}
}
.wpo-hero-static-s4 .content{max-width:413px;margin-left:145px;margin-top:-40px}
@media (max-width: 1399px) {
.wpo-hero-static-s4 .content{margin-top:-20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s4 .content{margin:0}
}
.wpo-hero-static-s4 .content p{color:#000;font-size:20px;font-weight:400;line-height:30px;margin-bottom:30px}
.wpo-hero-static-s4 .content .theme-btn,.wpo-hero-static-s4 .content .view-cart-btn{border-radius:30px;background:#fff;color:#000;text-transform:none;padding:14px 35px}
.wpo-hero-static-s4 .content .theme-btn .rolling-text,.wpo-hero-static-s4 .content .view-cart-btn .rolling-text{line-height:25px}
.wpo-hero-static-s4 .scroll-btn{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;bottom:30px;right:0;transform:translateX(-50%);width:125px;z-index:11}
@media (max-width: 575px) {
.wpo-hero-static-s4 .scroll-btn{width:60px}
}
.wpo-hero-static-s4 .scroll-btn .scroll-befor{position:unset;width:50px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:25px;border:1px solid #0000004d;background:#fff3}
.wpo-hero-static-s4 .scroll-btn .scroll-befor::before{display:none}
.wpo-hero-static-s4 .scroll-btn span{margin:0;margin-top:11px}
.wpo-hero-static-s5{height:1000px;background:#000;position:relative;display:flex;align-items:center;z-index:1;overflow:hidden}
@media (max-width: 1199px) {
.wpo-hero-static-s5{height:910px}
}
@media (max-width: 991px) {
.wpo-hero-static-s5{height:100%;display:block;padding:150px 10px 0}
}
.wpo-hero-static-s5 .wrapper{max-width:789px;margin-left:90px}
@media (max-width: 1199px) {
.wpo-hero-static-s5 .wrapper{margin-left:20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s5 .wrapper{margin-left:0;padding-bottom:50px}
}
.wpo-hero-static-s5 .wrapper h2{color:#fff;font-family:var(--font);font-size:120px;font-weight:400;margin-bottom:10px}
@media (max-width: 1399px) {
.wpo-hero-static-s5 .wrapper h2{font-size:110px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s5 .wrapper h2{font-size:90px}
}
@media (max-width: 991px) {
.wpo-hero-static-s5 .wrapper h2{font-size:70px}
}
@media (max-width: 757px) {
.wpo-hero-static-s5 .wrapper h2{font-size:60px}
}
@media (max-width: 575px) {
.wpo-hero-static-s5 .wrapper h2{font-size:40px}
}
.wpo-hero-static-s5 .wrapper p{color:#fff;font-size:20px;font-weight:400;line-height:30px;max-width:413px;margin-bottom:52px}
.wpo-hero-static-s5 .wrapper .theme-btn,.wpo-hero-static-s5 .wrapper .view-cart-btn{border-radius:30px;background:#000;padding:14px 36px;box-shadow:1px 0 12px 12px #77777726}
.hero-project{max-width:1350px;position:absolute;right:0;top:0;z-index:-1}
@media (max-width: 1399px) {
.hero-project{max-width:1000px}
}
@media (max-width: 1199px) {
.hero-project{max-width:800px}
}
@media (max-width: 991px) {
.hero-project{max-width:100%;position:unset}
}
.hero-project .item{position:relative;overflow:hidden}
@media (max-width: 1399px) {
.hero-project .item{max-height:1010px}
}
@media (max-width: 1199px) {
.hero-project .item{max-height:910px}
}
@media (max-width: 991px) {
.hero-project .item{max-height:100%}
}
.hero-project .item img{width:100%}
.hero-project .item::before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff1c 100%);transform:skewX(-25deg)}
.hero-project .item .text{position:absolute;left:0;bottom:0;padding:45px 35px;width:100%}
@media (max-width: 991px) {
.hero-project .item .text{padding:20px}
}
.hero-project .item .text span{color:#fff;font-size:25px;font-weight:400;line-height:50px;position:relative;margin-bottom:20px;display:block;padding-left:10px}
@media (max-width: 575px) {
.hero-project .item .text span{font-size:20px;line-height:30px}
}
.hero-project .item .text span::before{position:absolute;left:0;top:-4px;height:60px;width:1px;background:#fff;content:"";transform:translateX(-50%)}
@media (max-width: 575px) {
.hero-project .item .text span::before{top:-4px;height:40px}
}
.hero-project .item .text h2{margin-bottom:0}
.hero-project .item .text h2 a{color:#FFF;font-family:var(--font);font-size:50px;font-weight:400;line-height:50px}
@media (max-width: 991px) {
.hero-project .item .text h2 a{font-size:40px;line-height:50px}
}
@media (max-width: 575px) {
.hero-project .item .text h2 a{font-size:25px;line-height:30px}
}
.hero-project .item:hover::before{animation:shine .75s}
.wpo-hero-static-s6{overflow:hidden}
.wpo-hero-static-s6 .wrapper{max-width:1760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:50px}
@media (max-width: 1199px) {
.wpo-hero-static-s6 .wrapper{display:block;text-align:center}
}
.wpo-hero-static-s6 .wrapper h2{color:#000;font-size:120px;font-weight:500;margin:0;max-width:1286px}
@media (max-width: 1699px) {
.wpo-hero-static-s6 .wrapper h2{font-size:100px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s6 .wrapper h2{font-size:80px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s6 .wrapper h2{font-size:70px}
}
@media (max-width: 991px) {
.wpo-hero-static-s6 .wrapper h2{font-size:50px}
}
@media (max-width: 575px) {
.wpo-hero-static-s6 .wrapper h2{font-size:35px}
}
.wpo-hero-static-s6 .wrapper p{color:#333;font-size:20px;font-weight:400;line-height:30px;margin-bottom:0;max-width:390px}
@media (max-width: 1199px) {
.wpo-hero-static-s6 .wrapper p{max-width:100%}
}
@media (max-width: 575px) {
.wpo-hero-static-s6 .wrapper p{font-size:18px;line-height:30px}
}
.wpo-hero-static-s6 .hero-project-s2{margin-top:60px}
.wpo-hero-static-s6 .left-slider.slick-initialized.slick-slider{max-width:1510px!important}
@media (max-width: 1799px) {
.wpo-hero-static-s6 .left-slider.slick-initialized.slick-slider{padding-right:20px}
}
@media (max-width: 1699px) {
.wpo-hero-static-s6 .left-slider.slick-initialized.slick-slider{max-width:1400px!important}
}
@media (max-width: 1599px) {
.wpo-hero-static-s6 .left-slider.slick-initialized.slick-slider{max-width:1200px!important}
}
@media (max-width: 1399px) {
.wpo-hero-static-s6 .left-slider.slick-initialized.slick-slider{padding-right:0;max-width:100%!important}
}
.wpo-hero-static-s6 .right-slider.slick-initialized.slick-slider.slick-vertical{max-width:210px!important}
@media (max-width: 1699px) {
.wpo-hero-static-s6 .right-slider.slick-initialized.slick-slider.slick-vertical{max-width:180px!important}
}
@media (max-width: 1599px) {
.wpo-hero-static-s6 .right-slider.slick-initialized.slick-slider.slick-vertical{max-width:250px!important}
}
.wpo-hero-static-s6 .item{position:relative;border-radius:0 20px 20px 0}
.wpo-hero-static-s6 .item img{width:100%}
.wpo-hero-static-s6 .item .text{display:flex;align-items:center;justify-content:space-between;position:absolute;right:0;top:0;overflow:hidden;padding:40px 30px 65px 125px;z-index:1}
@media (max-width: 1199px) {
.wpo-hero-static-s6 .item .text{padding:30px 40px}
}
@media (max-width: 767px) {
.wpo-hero-static-s6 .item .text{padding:20px 40px}
}
@media (max-width: 575px) {
.wpo-hero-static-s6 .item .text{padding:15px 20px}
}
.wpo-hero-static-s6 .item .text::after{border-radius:0 0 0 10px;background:#fff;position:absolute;content:"";width:100%;height:100%;z-index:-1;left:44px;top:-5px;transform:skew(25deg)}
@media (max-width: 1199px) {
.wpo-hero-static-s6 .item .text::after{transform:none;top:0;left:0}
}
.wpo-hero-static-s6 .item .text h2{max-width:388px;margin-bottom:0}
.wpo-hero-static-s6 .item .text h2 a{color:#000;font-size:40px;font-weight:700}
@media (max-width: 1199px) {
.wpo-hero-static-s6 .item .text h2 a{font-size:30px}
}
@media (max-width: 767px) {
.wpo-hero-static-s6 .item .text h2 a{font-size:25px}
}
@media (max-width: 575px) {
.wpo-hero-static-s6 .item .text h2 a{font-size:20px}
}
.wpo-hero-static-s6 .item .text .icon{margin-left:20px;width:70px;height:70px;background:#000;border-radius:100px}
@media (max-width: 767px) {
.wpo-hero-static-s6 .item .text .icon{width:50px;height:50px}
}
@media (max-width: 575px) {
.wpo-hero-static-s6 .item .text .icon{display:none}
}
.wpo-hero-static-s6 .item .theme-btn,.wpo-hero-static-s6 .item .view-cart-btn{position:absolute;left:60px;bottom:40px;background:#fff;color:#000;padding:14px 45px;border-radius:100px}
@media (max-width: 575px) {
.wpo-hero-static-s6 .item .theme-btn,.wpo-hero-static-s6 .item .view-cart-btn{left:10px;bottom:10px;padding:12px 30px}
}
.wpo-hero-static-s6 .hero-project-s2{max-width:1840px;display:flex;justify-content:space-between;margin-right:auto}
@media (max-width: 1399px) {
.wpo-hero-static-s6 .hero-project-s2{display:block}
}
.wpo-hero-static-s6 .right-slider{position:relative;bottom:-20px;overflow:hidden}
@media (max-width: 1399px) {
.wpo-hero-static-s6 .right-slider{display:none}
}
.wpo-hero-static-s6 .item-image.slick-slide{margin-bottom:40px;max-width:210px!important}
@media (max-width: 1699px) {
.wpo-hero-static-s6 .item-image.slick-slide{max-width:180px!important}
}
@media (max-width: 1599px) {
.wpo-hero-static-s6 .item-image.slick-slide{max-width:250px!important}
}
.wpo-hero-static-s6 .item-image.slick-slide img{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}
.wpo-hero-static-s7{height:900px;position:relative;display:flex;align-items:center;z-index:1;overflow:hidden}
@media (max-width: 1849px) {
.wpo-hero-static-s7{height:100%}
}
@media (max-width: 991px) {
.wpo-hero-static-s7{height:100%;display:block;padding:100px 10px 80px}
}
@media (max-width: 575px) {
.wpo-hero-static-s7{height:100%;display:block;padding:80px 10px 50px}
}
.wpo-hero-static-s7 .content{max-width:1430px!important;margin:0 auto;height:100%;padding-top:20px}
@media (max-width: 991px) {
.wpo-hero-static-s7 .content{padding-top:0}
}
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{color:#FFF;font-size:180px;font-weight:700;margin-bottom:0;position:relative;z-index:-11}
@media (max-width: 1799px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:160px}
}
@media (max-width: 1699px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:150px}
}
@media (max-width: 1599px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:140px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:120px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:100px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:80px}
}
@media (max-width: 991px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:60px}
}
@media (max-width: 575px) {
.wpo-hero-static-s7 .content h2,.wpo-hero-static-s7 .content h3,.wpo-hero-static-s7 .content h4{font-size:40px}
}
.wpo-hero-static-s7 .content h3{text-align:end;margin-top:-55px;margin-right:-10px}
@media (max-width: 1499px) {
.wpo-hero-static-s7 .content h3{margin-top:-20px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s7 .content h3{margin-top:-10px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .content h3{margin-top:0}
}
@media (max-width: 991px) {
.wpo-hero-static-s7 .content h3{margin:0;text-align:left}
}
.wpo-hero-static-s7 .content p{color:#fff;font-size:30px;font-weight:700;max-width:360px;margin-left:auto;margin-top:100px;z-index:1}
@media (max-width: 1499px) {
.wpo-hero-static-s7 .content p{margin-top:80px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .content p{font-size:25px;margin-top:40px}
}
@media (max-width: 991px) {
.wpo-hero-static-s7 .content p{max-width:100%;font-size:20px;margin-top:30px}
}
@media (max-width: 575px) {
.wpo-hero-static-s7 .content p{margin-top:20px}
}
.wpo-hero-static-s7 .content h4{margin-top:40px;z-index:11}
@media (max-width: 1499px) {
.wpo-hero-static-s7 .content h4{margin-top:20px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .content h4{margin-bottom:20px}
}
.wpo-hero-static-s7 .bg-img{position:absolute;left:0;bottom:0;z-index:-111;width:102%;max-width:1920px;height:100%}
.wpo-hero-static-s7 .bg-img img{width:100%}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .bg-img img{height:100%;-o-object-fit:cover;object-fit:cover}
}
.wpo-hero-static-s7 .rigth-image{position:absolute;left:2px;bottom:-113px;z-index:-1;width:102%;height:100%;max-width:1920px}
@media (max-width: 1849px) {
.wpo-hero-static-s7 .rigth-image{left:1px;bottom:-106px}
}
@media (max-width: 1699px) {
.wpo-hero-static-s7 .rigth-image{left:2px;bottom:-95px}
}
@media (max-width: 1599px) {
.wpo-hero-static-s7 .rigth-image{left:2px;bottom:-90px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s7 .rigth-image{left:2px;bottom:-84px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s7 .rigth-image{left:2px;bottom:-71px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s7 .rigth-image{display:none}
}
.wpo-hero-static-s7 .rigth-image img{width:100%}
.wpo-hero-static-s8{height:910px;position:relative;display:flex;align-items:center;justify-content:space-between;z-index:1;overflow:hidden}
@media (max-width: 1199px) {
.wpo-hero-static-s8{height:100%;display:block;padding:80px 0 100px}
}
@media (max-width: 575px) {
.wpo-hero-static-s8{padding:50px 10px 70px}
}
.wpo-hero-static-s8 .content{margin-left:120px;max-width:650px}
@media (max-width: 1699px) {
.wpo-hero-static-s8 .content{margin-left:20px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s8 .content{max-width:550px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s8 .content{max-width:650px;margin:0 auto;text-align:center;margin-bottom:50px}
}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content{margin-bottom:30px}
}
.wpo-hero-static-s8 .content h2{color:#000;font-family:var(--font);font-size:120px;font-weight:400;line-height:150px}
@media (max-width: 1399px) {
.wpo-hero-static-s8 .content h2{font-size:80px;line-height:100px}
}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content h2{font-size:60px;line-height:70px}
}
.wpo-hero-static-s8 .content p{color:#666;font-size:20px;font-weight:400;line-height:30px;margin-bottom:40px}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content p{margin-bottom:30px}
}
.wpo-hero-static-s8 .content span{color:#000;font-size:20px;font-weight:400;line-height:30px;display:block;margin-bottom:10px}
.wpo-hero-static-s8 .content .amount{font-size:80px;font-weight:400;line-height:100px;display:inline-block;font-family:var(--font);margin-bottom:0}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content .amount{font-size:40px;line-height:60px}
}
.wpo-hero-static-s8 .content .simbol{font-size:40px;display:inline-block;font-family:var(--font),serif;position:relative;left:-10px;top:-5px;margin-bottom:0}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content .simbol{font-size:30px;left:-5px}
}
.wpo-hero-static-s8 .content .hero-btn{margin-top:40px}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content .hero-btn{margin-top:20px}
}
.wpo-hero-static-s8 .content .hero-btn .shop-btn{border-radius:0;margin-right:40px;padding:20px 61px;border:1px solid #000}
@media (max-width: 767px) {
.wpo-hero-static-s8 .content .hero-btn .shop-btn{padding:15px 50px}
}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content .hero-btn .shop-btn{margin-right:0;padding:15px 40px}
}
.wpo-hero-static-s8 .content .hero-btn .shop-btn.s2{border:1px solid #000;background:transparent;color:#000;padding:20px 50px;margin-right:0}
@media (max-width: 767px) {
.wpo-hero-static-s8 .content .hero-btn .shop-btn.s2{padding:15px 40px}
}
@media (max-width: 575px) {
.wpo-hero-static-s8 .content .hero-btn .shop-btn.s2{padding:15px 35px}
}
.wpo-hero-static-s8 .content .hero-btn .shop-btn.s2:hover{background:#000;color:#fff}
.wpo-hero-static-s8 .hero-right{max-width:915px;display:flex;align-items:center;justify-content:space-between;padding-right:70px}
@media (max-width: 1699px) {
.wpo-hero-static-s8 .hero-right{padding-right:0}
}
@media (max-width: 1599px) {
.wpo-hero-static-s8 .hero-right{max-width:850px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s8 .hero-right{max-width:750px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s8 .hero-right{max-width:650px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s8 .hero-right{max-width:100%;display:block}
}
.hero-single-slider{width:80%}
@media (max-width: 1499px) {
.hero-single-slider{width:75%}
}
@media (max-width: 1399px) {
.hero-single-slider{width:70%}
}
@media (max-width: 1199px) {
.hero-single-slider{max-width:400px;margin:0 auto;margin-bottom:50px}
}
@media (max-width: 576px) {
.hero-single-slider{margin-bottom:30px}
}
.hero-single-slider .item.slick-slide{position:relative}
@media (max-width: 1499px) {
.hero-single-slider .item.slick-slide{max-width:505px;max-height:684px}
}
@media (max-width: 1399px) {
.hero-single-slider .item.slick-slide{max-width:405px;max-height:584px}
}
@media (max-width: 1199px) {
.hero-single-slider .item.slick-slide{max-width:100%;max-height:100%}
}
.hero-single-slider .item.slick-slide::before{position:absolute;content:"";top:0;left:50%;transform:translateX(-50%);width:605px;height:600px;border-radius:100%;background:#F5F5F5;z-index:-1}
@media (max-width: 1499px) {
.hero-single-slider .item.slick-slide::before{max-width:500px;max-height:505px}
}
@media (max-width: 1399px) {
.hero-single-slider .item.slick-slide::before{max-width:400px;max-height:405px}
}
@media (max-width: 575px) {
.hero-single-slider .item.slick-slide::before{max-width:200px;max-height:200px}
}
.hero-single-slider .item.slick-slide img{text-align:center;margin:0 auto}
.hero-multiple-slider{width:20%}
@media (max-width: 1499px) {
.hero-multiple-slider{width:25%}
}
@media (max-width: 1399px) {
.hero-multiple-slider{width:30%}
}
@media (max-width: 1199px) {
.hero-multiple-slider{width:100%}
.hero-multiple-slider{max-width:600px;margin:0 auto}
}
.hero-multiple-slider .item{position:relative;margin-bottom:40px}
@media (max-width: 1199px) {
.hero-multiple-slider .item{margin-bottom:0}
}
.hero-multiple-slider .item::before{position:absolute;content:"";top:5px;left:50%;transform:translateX(-50%);width:120px;height:120px;border-radius:100%;background:#F5F5F5;z-index:-1}
.wpo-hero-static-s9{height:1000px;position:relative;display:flex;align-items:center;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;z-index:1}
@media (max-width: 1599px) {
.wpo-hero-static-s9{height:900px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s9{height:800px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s9{height:700px}
}
@media (max-width: 991px) {
.wpo-hero-static-s9{height:100%;padding:120px 10px 80px}
}
.wpo-hero-static-s9 .content{max-width:903px;margin-left:100px}
@media (max-width: 1699px) {
.wpo-hero-static-s9 .content{margin-left:20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s9 .content{margin-left:0}
}
.wpo-hero-static-s9 .content h2{color:#000;font-size:140px;font-weight:400;line-height:150px;margin-bottom:20px}
@media (max-width: 1399px) {
.wpo-hero-static-s9 .content h2{font-size:100px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s9 .content h2{font-size:80px;line-height:100px}
}
@media (max-width: 767px) {
.wpo-hero-static-s9 .content h2{font-size:60px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-hero-static-s9 .content h2{font-size:40px;line-height:50px;margin-bottom:10px}
}
.wpo-hero-static-s9 .content h2 span{font-family:var(--font);font-size:70px;font-weight:400;line-height:150px}
@media (max-width: 1399px) {
.wpo-hero-static-s9 .content h2 span{font-size:50px;line-height:70px}
}
@media (max-width: 767px) {
.wpo-hero-static-s9 .content h2 span{font-size:35px;line-height:40px}
}
@media (max-width: 575px) {
.wpo-hero-static-s9 .content h2 span{font-size:25px;line-height:30px}
}
.wpo-hero-static-s9 .content p{color:#000;font-size:20px;font-weight:400;line-height:30px;max-width:555px;margin-bottom:60px}
@media (max-width: 767px) {
.wpo-hero-static-s9 .content p{font-size:18px;line-height:25px;margin-bottom:20px}
}
.wpo-hero-static-s9 .content .shop-btn{padding:14px 37px 15px}
@media (max-width: 767px) {
.wpo-hero-static-s9 .content .shop-btn{padding:14px 30px;font-size:16px}
}
.wpo-hero-static-s9 .hero-right{max-width:832px;position:absolute;right:0;bottom:0;z-index:-1}
@media (max-width: 1599px) {
.wpo-hero-static-s9 .hero-right{max-width:732px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s9 .hero-right{max-width:632px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s9 .hero-right{max-width:450px}
}
@media (max-width: 991px) {
.wpo-hero-static-s9 .hero-right{display:none}
}
.wpo-hero-static-s10{height:920px;position:relative;margin-top:-50px;display:flex;align-items:flex-start;z-index:1}
@media (max-width: 1599px) {
.wpo-hero-static-s10{height:820px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s10{height:720px}
}
@media (max-width: 991px) {
.wpo-hero-static-s10{height:100%;margin-top:0;display:block;padding:80px 10px 50px}
}
.wpo-hero-static-s10 .content{max-width:880px;margin-left:90px;padding-top:180px;position:relative}
@media (max-width: 1699px) {
.wpo-hero-static-s10 .content{margin-left:20px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s10 .content{padding-top:100px}
}
@media (max-width: 991px) {
.wpo-hero-static-s10 .content{margin-left:0;padding-top:0}
}
.wpo-hero-static-s10 .content h2{color:#000;margin-bottom:50px;font-size:80px;font-weight:700;line-height:120px}
@media (max-width: 1399px) {
.wpo-hero-static-s10 .content h2{font-size:60px;line-height:100px}
}
@media (max-width: 991px) {
.wpo-hero-static-s10 .content h2{font-size:60px;line-height:80px;margin-bottom:20px}
}
@media (max-width: 575px) {
.wpo-hero-static-s10 .content h2{font-size:40px;line-height:50px;margin-bottom:10px}
}
@media (max-width: 991px) {
.wpo-hero-static-s10 .content h2 span{display:none}
}
.wpo-hero-static-s10 .content h2 span img{border-radius:35px;max-width:180px;max-height:70px}
.wpo-hero-static-s10 .content h2 span:last-child img{border-radius:0;max-width:230px;max-height:120px}
.wpo-hero-static-s10 .content p{color:#000;font-size:20px;font-weight:400;line-height:30px;max-width:505px;margin-bottom:0}
@media (max-width: 767px) {
.wpo-hero-static-s10 .content p{font-size:18px;line-height:25px;margin-bottom:0}
}
.wpo-hero-static-s10 .circle-content{width:160px;height:160px;background:#fff;border:1px solid #DDD;position:absolute;color:#000!important;right:60px;top:auto;bottom:-149px}
@media (max-width: 1199px) {
.wpo-hero-static-s10 .circle-content{position:relative;right:0}
}
@media (max-width: 991px) {
.wpo-hero-static-s10 .circle-content{display:none}
}
.wpo-hero-static-s10 .hero-right{position:absolute;right:100px;bottom:0;z-index:-1}
@media (max-width: 1799px) {
.wpo-hero-static-s10 .hero-right{right:50px}
}
@media (max-width: 1599px) {
.wpo-hero-static-s10 .hero-right{max-width:800px;right:0}
}
@media (max-width: 1399px) {
.wpo-hero-static-s10 .hero-right{max-width:700px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s10 .hero-right{max-width:450px}
}
@media (max-width: 991px) {
.wpo-hero-static-s10 .hero-right{display:none}
}
.wpo-hero-static-s10 .hero-right img{width:100%}
.wpo-hero-static-s10 .hero-bg{position:absolute;left:0;bottom:0;z-index:-11;-webkit-clip-path:polygon(0 85%,100% 4%,100% 100%,0% 100%);clip-path:polygon(0 85%,100% 4%,100% 100%,0% 100%)}
@media (max-width: 991px) {
.wpo-hero-static-s10 .hero-bg{display:none}
}
.wpo-hero-static-s10 .hero-bg img{width:100%}
.wpo-hero-static-s11{height:915px;position:relative;z-index:1}
@media (max-width: 991px) {
.wpo-hero-static-s11{height:100%}
}
.wpo-hero-static-s11 .hero-bg-border{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.wpo-hero-static-s11 .hero-bg-border .border-1{position:absolute;left:0;top:0;width:100%;border-top:1px solid #D9D9D9}
.wpo-hero-static-s11 .hero-bg-border .border-2{position:absolute;left:0;top:50%;width:100%;border-top:1px solid #D9D9D9!important;transform:translateY(-50%)}
.wpo-hero-static-s11 .hero-bg-border .border-3{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #D9D9D9!important}
.wpo-hero-static-s11 .hero-bg-border .border-4{position:absolute;left:30px;top:0;height:100%;border-left:1px solid #D9D9D9!important;transform:translateX(-50%)}
.wpo-hero-static-s11 .hero-bg-border .border-8{position:absolute;right:30px;top:0;height:100%;border-left:1px solid #D9D9D9!important;transform:translateX(-50%)}
.wpo-hero-static-s11 .hero-bg-border .border-5{position:absolute;left:25%;top:0;height:100%;border-left:1px solid #D9D9D9!important;transform:translateX(-50%)}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-bg-border .border-5{left:33.33%}
}
@media (max-width: 767px) {
.wpo-hero-static-s11 .hero-bg-border .border-5{display:none}
}
.wpo-hero-static-s11 .hero-bg-border .border-6{position:absolute;left:50%;top:0;height:100%;border-left:1px solid #D9D9D9!important;transform:translateX(-50%)}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-bg-border .border-6{display:none}
}
.wpo-hero-static-s11 .hero-bg-border .border-7{position:absolute;left:75%;top:0;height:100%;border-left:1px solid #D9D9D9!important;transform:translateX(-50%)}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-bg-border .border-7{left:66.66%}
}
@media (max-width: 767px) {
.wpo-hero-static-s11 .hero-bg-border .border-7{left:50%}
}
.wpo-hero-static-s11 .wraper{padding:5px 40px}
@media (max-width: 991px) {
.wpo-hero-static-s11 .wraper{padding:50px 10px;text-align:center}
}
.wpo-hero-static-s11 h2{color:#000;font-family:var(--font);font-size:245px;font-weight:400;line-height:300px;margin-bottom:40px;margin-top:-34px}
@media (max-width: 1899px) {
.wpo-hero-static-s11 h2{font-size:235px}
}
@media (max-width: 1810px) {
.wpo-hero-static-s11 h2{font-size:220px}
}
@media (max-width: 1699px) {
.wpo-hero-static-s11 h2{font-size:205px;line-height:250px}
}
@media (max-width: 1599px) {
.wpo-hero-static-s11 h2{font-size:190px;line-height:240px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s11 h2{font-size:160px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s11 h2{font-size:160px;line-height:180px;margin-top:0}
}
@media (max-width: 1199px) {
.wpo-hero-static-s11 h2{font-size:100px;line-height:120px;margin-bottom:10px}
}
@media (max-width: 991px) {
.wpo-hero-static-s11 h2{font-size:80px;line-height:100px}
}
@media (max-width: 767px) {
.wpo-hero-static-s11 h2{font-size:60px;line-height:80px}
}
@media (max-width: 575px) {
.wpo-hero-static-s11 h2{font-size:50px;line-height:60px}
}
.wpo-hero-static-s11 p{color:#000;font-size:20px;font-weight:400;line-height:30px;max-width:506px;margin-bottom:80px}
@media (max-width: 1199px) {
.wpo-hero-static-s11 p{margin-bottom:30px}
}
@media (max-width: 991px) {
.wpo-hero-static-s11 p{margin:0 auto;margin-bottom:30px}
}
.wpo-hero-static-s11 .hero-btn{color:#fff;position:relative}
.wpo-hero-static-s11 .hero-btn span{text-align:center;font-size:20px;font-weight:600;background:#000;border-radius:30px;height:60px;line-height:60px;display:inline-block;padding:0 40px}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-btn span{font-size:16px;height:50px;line-height:50px;padding:0 40px}
}
.wpo-hero-static-s11 .hero-btn i{width:60px;height:60px;line-height:60px;border-radius:30px;background:#000;display:inline-block;font-size:25px;position:relative;top:2px;right:4px;transition:all .3s ease-in-out;text-align:center}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-btn i{font-size:20px;height:50px;line-height:50px;width:50px}
}
.wpo-hero-static-s11 .hero-btn:hover i{background:#525252}
.wpo-hero-static-s11 .hero-team{left:50px;bottom:50px}
@media (max-width: 1199px) {
.wpo-hero-static-s11 .hero-team{position:unset;margin-top:30px}
}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-team{margin:0 auto;margin-top:30px;text-align:center}
}
.wpo-hero-static-s11 .hero-team span{color:#333;font-size:20px;font-weight:400;line-height:50px}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-team ul{text-align:center;margin:0}
}
.wpo-hero-static-s11 .hero-team ul li:last-child{margin:0 -15px}
.wpo-hero-static-s11 .hero-right{max-width:560px;max-height:800px;border-radius:280px;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);overflow:hidden}
@media (max-width: 1699px) {
.wpo-hero-static-s11 .hero-right{max-width:450px;top:auto;bottom:0}
}
@media (max-width: 1499px) {
.wpo-hero-static-s11 .hero-right{max-width:400px}
}
@media (max-width: 1399px) {
.wpo-hero-static-s11 .hero-right{max-width:300px;bottom:0}
}
@media (max-width: 1199px) {
.wpo-hero-static-s11 .hero-right{max-width:250px;left:40px;top:auto;bottom:0;max-height:100%;transform:none}
}
@media (max-width: 991px) {
.wpo-hero-static-s11 .hero-right{position:unset;margin:0 auto;margin-top:50px}
}
.wpo-hero-static-s11 .hero-right img{width:100%}
.wpo-hero-static-s11 .circle-content{background:#fff;right:auto;left:50%;top:auto;bottom:20px;transform:translateX(-50%)}
.wpo-hero-static-s11 .testimonial{max-width:562px;text-align:right;position:absolute;right:50px;top:60%;transform:translateY(-50%)}
@media (max-width: 1799px) {
.wpo-hero-static-s11 .testimonial{right:40px}
}
@media (max-width: 1699px) {
.wpo-hero-static-s11 .testimonial{max-width:450px}
}
@media (max-width: 991px) {
.wpo-hero-static-s11 .testimonial{position:unset;transform:none;margin:0 auto;text-align:center;margin-top:50px}
}
.wpo-hero-static-s11 .testimonial .icon{width:60px;height:60px;margin-left:auto}
@media (max-width: 991px) {
.wpo-hero-static-s11 .testimonial .icon{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .icon{width:40px;height:40px}
}
.wpo-hero-static-s11 .testimonial h3{color:#000;font-family:var(--font),serif;font-size:22px;font-weight:500;line-height:40px;margin-top:20px;margin-bottom:35px}
@media (max-width: 1199px) {
.wpo-hero-static-s11 .testimonial h3{font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial h3{font-size:18px;line-height:25px}
}
.wpo-hero-static-s11 .testimonial .client-wrap{display:flex;align-items:center;flex-direction:row-reverse}
@media (max-width: 991px) {
.wpo-hero-static-s11 .testimonial .client-wrap{justify-content:center}
}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .client-wrap{display:block}
}
.wpo-hero-static-s11 .testimonial .client-wrap .image{width:80px;height:80px;display:block}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .client-wrap .image{width:60px;height:60px;margin:0 auto}
}
.wpo-hero-static-s11 .testimonial .client-wrap .image img{width:100%;border-radius:100%}
.wpo-hero-static-s11 .testimonial .client-wrap .text{margin-right:30px}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .client-wrap .text{margin-right:0;margin-top:20px}
}
.wpo-hero-static-s11 .testimonial .client-wrap .text h4{color:#000;font-size:40px;font-weight:400;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-hero-static-s11 .testimonial .client-wrap .text h4{font-size:30px}
}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .client-wrap .text h4{font-size:20px}
}
.wpo-hero-static-s11 .testimonial .client-wrap .text span{color:#565656;font-size:18px;font-weight:400}
@media (max-width: 575px) {
.wpo-hero-static-s11 .testimonial .client-wrap .text span{font-size:16px}
}
.wpo-hero-static-s14{position:relative;z-index:1;padding:140px 100px 100px;background:#000}
@media (max-width: 1799px) {
.wpo-hero-static-s14{padding:140px 50px 100px}
}
@media (max-width: 1499px) {
.wpo-hero-static-s14{padding:140px 20px 100px}
}
@media (max-width: 991px) {
.wpo-hero-static-s14{height:100%;padding:140px 20px 80px}
}
@media (max-width: 575px) {
.wpo-hero-static-s14{padding:120px 10px 50px}
}
.wpo-hero-static-s14 .wraper{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 991px) {
.wpo-hero-static-s14 .wraper{flex-direction:column;max-width:600px;justify-content:center;margin:0 auto}
}
.wpo-hero-static-s14 .content{max-width:815px}
@media (max-width: 991px) {
.wpo-hero-static-s14 .content{max-width:100%}
}
.wpo-hero-static-s14 .content h2{color:#fff;font-size:120px;font-weight:400;line-height:150px;margin-bottom:25px}
@media (max-width: 1399px) {
.wpo-hero-static-s14 .content h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s14 .content h2{font-size:70px;line-height:90px}
}
@media (max-width: 757px) {
.wpo-hero-static-s14 .content h2{font-size:40px;line-height:70px}
}
.wpo-hero-static-s14 .content .hero-slider-s12{display:inline-block;max-width:170px;position:relative;bottom:-45px}
@media (max-width: 1399px) {
.wpo-hero-static-s14 .content .hero-slider-s12{max-width:130px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s14 .content .hero-slider-s12{max-width:100px;bottom:-30px}
}
@media (max-width: 757px) {
.wpo-hero-static-s14 .content .hero-slider-s12{max-width:80px;bottom:-20px}
}
.wpo-hero-static-s14 .content .hero-slider-s12 .item{max-width:170px;max-height:170px;border-radius:170px;border:1px solid #5C5C5C;padding:8px;overflow:hidden}
@media (max-width: 757px) {
.wpo-hero-static-s14 .content .hero-slider-s12 .item{padding:5px}
}
.wpo-hero-static-s14 .content .hero-slider-s12 .item img{width:100%;border-radius:170px}
.wpo-hero-static-s14 .content p{color:#999;font-size:20px;font-weight:500;line-height:35px;max-width:625px;margin-bottom:30px}
@media (max-width: 991px) {
.wpo-hero-static-s14 .content p{max-width:100%}
}
@media (max-width: 757px) {
.wpo-hero-static-s14 .content p{font-size:18px;line-height:30px}
}
.wpo-hero-static-s14 .content p span{color:#fff;font-size:28px;font-weight:500;line-height:35px}
@media (max-width: 757px) {
.wpo-hero-static-s14 .content p span{font-size:20px;line-height:30px}
}
.wpo-hero-static-s14 .content .theme-btn,.wpo-hero-static-s14 .content .view-cart-btn{border-radius:30px;background:#000;padding:14px 36px;border:1px solid #333;box-shadow:10px 10px 20px 0 #77777726}
.wpo-hero-static-s14 .hero-right{max-width:761px}
@media (max-width: 1799px) {
.wpo-hero-static-s14 .hero-right{padding-left:20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s14 .hero-right{padding-left:0;padding-top:40px}
}
.wpo-hero-static-s14 .hero-right img{width:100%}
.wpo-hero-static-s15{position:relative;height:812px;max-width:1730px;margin:0 auto;margin-bottom:20px}
@media (max-width: 1730px) {
.wpo-hero-static-s15{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-hero-static-s15{height:100%}
}
@media (max-width: 575px) {
.wpo-hero-static-s15{height:100%;margin-top:20px;margin-bottom:20px}
}
@media (max-width: 991px) {
.wpo-hero-static-s15 .content{margin-bottom:50px}
}
.wpo-hero-static-s15 .content h2{color:#000;font-size:290px;font-weight:500;line-height:400px;margin-bottom:0;margin-left:-10px}
@media (max-width: 1599px) {
.wpo-hero-static-s15 .content h2{font-size:250px;line-height:350px}
}
@media (max-width: 1199px) {
.wpo-hero-static-s15 .content h2{font-size:200px;line-height:300px}
}
@media (max-width: 991px) {
.wpo-hero-static-s15 .content h2{font-size:150px;line-height:180px}
}
@media (max-width: 757px) {
.wpo-hero-static-s15 .content h2{font-size:100px;line-height:120px}
}
@media (max-width: 575px) {
.wpo-hero-static-s15 .content h2{font-size:70px;line-height:90px}
}
.wpo-hero-static-s15 .content .text-bottom{position:absolute;right:-20px;bottom:0}
@media (max-width: 1599px) {
.wpo-hero-static-s15 .content .text-bottom{right:0}
}
@media (max-width: 991px) {
.wpo-hero-static-s15 .content .text-bottom{position:unset}
}
.wpo-hero-static-s15 .content p{color:#999;font-size:20px;font-weight:500;line-height:35px;max-width:600px;margin-bottom:30px}
@media (max-width: 991px) {
.wpo-hero-static-s15 .content p{max-width:100%}
}
@media (max-width: 757px) {
.wpo-hero-static-s15 .content p{font-size:18px;line-height:30px}
}
.wpo-hero-static-s15 .content p span{color:#000;font-size:28px;font-weight:500;line-height:35px}
@media (max-width: 757px) {
.wpo-hero-static-s15 .content p span{font-size:20px;line-height:30px}
}
.wpo-hero-static-s15 .content .theme-btn,.wpo-hero-static-s15 .content .view-cart-btn{border-radius:30px;background:#000;padding:14px 36px;border:1px solid #333}
.wpo-hero-static-s15 .hero-right{position:absolute;right:0;top:0;max-width:500px;max-height:800px;z-index:-1}
@media (max-width: 991px) {
.wpo-hero-static-s15 .hero-right{position:unset}
}
.wpo-site-footer{background:#000;position:relative;font-size:15px;overflow:hidden;padding:0 100px}
@media (max-width: 1399px) {
.wpo-site-footer{padding:0 50px}
}
@media (max-width: 1199px) {
.wpo-site-footer{padding:0 20px}
}
@media (max-width: 575px) {
.wpo-site-footer{padding:0}
}
.wpo-site-footer ul{list-style:none}
.wpo-site-footer p{color:#fff}
.wpo-site-footer li{color:#fff}
.wpo-site-footer .container{position:relative}
.wpo-site-footer .wpo-upper-footer{padding:90px 0}
@media (max-width: 991px) {
.wpo-site-footer .wpo-upper-footer{padding:50px 0 0}
}
@media (max-width: 767px) {
.wpo-site-footer .wpo-upper-footer{padding:60px 0 0}
}
@media (max-width: 991px) {
.wpo-site-footer .wpo-upper-footer .col{min-height:235px;margin-bottom:70px}
}
@media (max-width: 767px) {
.wpo-site-footer .wpo-upper-footer .col{min-height:auto;margin-bottom:60px}
}
.wpo-site-footer .widget-title{margin-bottom:40px}
@media (max-width: 767px) {
.wpo-site-footer .widget-title{margin-bottom:20px}
}
.wpo-site-footer .widget-title h3{font-size:30px;color:#fff;margin:0;position:relative;font-family:var(--font),serif;font-size:35px;font-weight:400}
.wpo-site-footer .about-widget .logo{max-width:180px}
@media (max-width: 767px) {
.wpo-site-footer .about-widget{max-width:350px}
}
.wpo-site-footer .about-widget p{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin-bottom:30px;margin-top:-10px}
.wpo-site-footer .about-widget p:last-child{margin-bottom:0}
.wpo-site-footer .wpo-service-link-widget{padding-left:70px}
.wpo-site-footer .link-widget{overflow:hidden}
@media screen and (min-width: 1450px) {
.wpo-site-footer .link-widget{padding-left:85px}
}
@media (max-width: 1199px) {
.wpo-site-footer .link-widget{padding-left:0}
}
@media (max-width: 767px) {
.wpo-site-footer .link-widget{max-width:350px}
}
.wpo-site-footer .link-widget ul li{position:relative;font-size:20px;font-weight:400}
.wpo-site-footer .link-widget ul li a{color:#fff}
.wpo-site-footer .link-widget ul li a:hover{color:#e3b576}
.wpo-site-footer .link-widget ul li + li{padding-top:10px}
.wpo-site-footer .newsletter-widget{max-width:350px;margin-left:auto}
@media (max-width: 991px) {
.wpo-site-footer .newsletter-widget{margin-left:0}
}
.wpo-site-footer .newsletter-widget .input-fild{border:1px solid #989898;color:#fff;font-size:20px;font-weight:400;line-height:30px;padding:15px 20px;width:100%;background:transparent}
.wpo-site-footer .newsletter-widget .input-fild:focus-visible{outline:none}
.wpo-site-footer .newsletter-widget .input-fild::-moz-placeholder{color:#fff}
.wpo-site-footer .newsletter-widget .input-fild::placeholder{color:#fff}
.wpo-site-footer .newsletter-widget button{color:#000;text-align:center;font-size:20px;font-weight:600;line-height:30px;width:100%;padding:15px;border:0;margin-top:30px}
.wpo-site-footer .social-widget ul li a{display:inline-block;font-size:18px;color:#fff;margin-right:20px}
.wpo-site-footer .social-widget ul li a:hover{color:#e3b576}
.wpo-site-footer .wpo-lower-footer{text-align:center;position:relative}
.wpo-site-footer .wpo-lower-footer .row{padding:20px 0;position:relative;border-top:1px solid #313131}
.wpo-site-footer .wpo-lower-footer .copyright{font-size:15px;margin:0;color:#929292;font-size:15px;font-weight:400;line-height:15px;text-align:left}
@media (max-width: 991px) {
.wpo-site-footer .wpo-lower-footer .copyright{float:none;display:block;text-align:center;margin-bottom:10px}
}
.wpo-site-footer .wpo-lower-footer .right{text-align:end;margin:0 -23px}
@media (max-width: 991px) {
.wpo-site-footer .wpo-lower-footer .right{text-align:center;margin:0}
}
.wpo-site-footer .wpo-lower-footer .right li{display:inline-block}
.wpo-site-footer .wpo-lower-footer .right li a{color:#929292;font-size:15px;font-weight:400;line-height:15px;padding:0 23px}
.sticky-header{width:100%;position:fixed;left:0;top:-200px;z-index:9999;opacity:0;transition:all .7s}
.sticky-on{opacity:1;top:0}
.wpo-about-section{position:relative;margin-bottom:150px;}
@media (max-width: 991px) {
.wpo-about-section{margin-bottom:0;padding-bottom:0;}
}
.wpo-about-section .about-wrap{width:calc(100% - 95px);margin-left:auto;position:relative}
@media (max-width: 1599px) {
.wpo-about-section .about-wrap{width:calc(100% - 20px)}
}
@media (max-width: 575px) {
.wpo-about-section .about-wrap{width:100%;padding:0 10px}
}
.wpo-about-section .content{max-width:1110px;padding-right:45px}
@media (max-width: 1799px) {
.wpo-about-section .content{max-width:1010px}
}
@media (max-width: 1599px) {
.wpo-about-section .content{padding-right:0;max-width:850px}
}
@media (max-width: 1199px) {
.wpo-about-section .content{max-width:650px;text-align:start}
}
.wpo-about-section .content h2{color:#000;text-align:left;font-size:70px;line-height:70px;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-about-section .content h2{text-align:left!important;font-size:150px;line-height:180px;margin-bottom:30px;margin-right:auto;display:block}
}
@media (max-width: 991px) {
.wpo-about-section .content h2{font-size:100px;line-height:100px;margin-bottom:10px}
}
@media (max-width: 575px) {
.wpo-about-section .content h2{font-size:50px;line-height:60px;margin-bottom:10px}
}
.wpo-about-section .content p{color:#000;font-size:20px;font-weight:400;line-height:40px;max-width:631px}
@media (max-width: 575px) {
.wpo-about-section .content p{font-size:18px;line-height:30px}
}
.wpo-about-section .content .about-btn{display:flex;align-items:center;max-width:480px;margin-top:84px;margin-bottom:70px}
@media (max-width: 991px) {
.wpo-about-section .content .about-btn{margin-top:54px;margin-bottom:50px}
}
@media (max-width: 757px) {
.wpo-about-section .content .about-btn{margin-top:34px}
}
@media (max-width: 575px) {
.wpo-about-section .content .about-btn{display:block;margin-top:34px}
}
.wpo-about-section .content .about-btn .theme-btn,.wpo-about-section .content .about-btn .view-cart-btn{background:#000;text-transform:none;border-radius:35px}
.wpo-about-section .content .about-btn .theme-btn .rolling-text,.wpo-about-section .content .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-about-section .content .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 575px) {
.wpo-about-section .content .video-wrap{margin-left:0;margin-top:20px}
}
.wpo-about-section .content .video-wrap span{padding-left:20px}
.wpo-about-section .about-funfact{max-width:480px;margin-left:auto}
@media (max-width: 1399px) {
.wpo-about-section .about-funfact{margin-left:0;justify-content:flex-start}
}
.wpo-about-section .image{max-width:1080px}
.wpo-about-section .image-1{position:absolute;right:0;z-index:-11;top:52%;transform:translateY(-50%)}
@media (max-width: 1399px) {
.wpo-about-section .image-1{right:-260px}
}
@media (max-width: 991px) {
.wpo-about-section .image-1{display:none}
}
.wpo-about-section .image-2{position:absolute;right:460px;z-index:-1;top:62%;transform:translateY(-50%)}
@media (max-width: 1799px) {
.wpo-about-section .image-2{right:145px}
}
@media (max-width: 1399px) {
.wpo-about-section .image-2{right:-60px}
}
@media (max-width: 1199px) {
.wpo-about-section .image-2{display:none}
}
.about-funfact{display:flex;align-items:center;justify-content:flex-end;margin-top:-30px}
.about-funfact h3 span{color:#000;font-family:var(--font);font-size:200px;font-weight:400;line-height:200px;letter-spacing:10px}
@media (max-width: 991px) {
.about-funfact h3 span{font-size:100px;line-height:100px;letter-spacing:6px}
}
.about-funfact h3 .icon{line-height:0;position:relative;bottom:-50px}
@media (max-width: 991px) {
.about-funfact h3 .icon{bottom:-20px}
}
.about-funfact h4{color:#000;font-size:30px;font-weight:400;line-height:40px;margin-bottom:0}
@media (max-width: 991px) {
.about-funfact h4{font-size:25px;line-height:30px}
}
.video-wrap{position:relative}
.video-wrap span{color:#262626;font-size:20px;font-weight:400;line-height:50px}
.video-btn{width:70px;height:70px;line-height:67px;border-radius:100px;border:1px solid #000;text-align:center;display:block}
.video-btn i{font-size:30px;color:#000}
.wpo-project-section .title h2{color:#000;text-align:center;font-size:70px;font-weight:400;margin:0 auto 50px}
@media (max-width: 1199px) {
.wpo-project-section .title h2{font-size:170px}
}
@media (max-width: 991px) {
.wpo-project-section .title h2{font-size:130px}
}
@media (max-width: 757px) {
.wpo-project-section .title h2{font-size:100px}
}
@media (max-width: 575px) {
.wpo-project-section .title h2{font-size:50px;margin-bottom:30px}
}
.wpo-project-section .project-wrap{margin:-17px;padding:0 90px;display:flex;flex-wrap:wrap;justify-content:center}
@media (max-width: 1399px) {
.wpo-project-section .project-wrap{margin:-30px;padding:0 30px}
}
@media (max-width: 1199px) {
.wpo-project-section .project-wrap{margin:-20px;padding:0 20px}
}
.wpo-project-section .project-wrap .project-card:nth-child(1){width:40%}
@media (max-width: 1199px) {
.wpo-project-section .project-wrap .project-card:nth-child(1){width:47%}
}
.wpo-project-section .project-wrap .project-card:nth-child(4){width:40%}
@media (max-width: 1199px) {
.wpo-project-section .project-wrap .project-card:nth-child(4){width:47%}
}
.wpo-project-section .project-allBtn{text-align:center;margin-top:75px}
.wpo-project-section .project-allBtn .theme-btn,.wpo-project-section .project-allBtn .view-cart-btn{border-radius:35px;border:1px solid #000;color:#000;padding:16px 40px 12px;text-transform:none}
.wpo-project-section .project-allBtn .theme-btn:after,.wpo-project-section .project-allBtn .view-cart-btn:after{background:linear-gradient(to right,#5e5d5d1a 0%,#ffffff1a 100%)}
@media (max-width: 991px) {
.wpo-project-section .project-allBtn .theme-btn,.wpo-project-section .project-allBtn .view-cart-btn{font-size:18px}
}
@media (max-width: 767px) {
.wpo-project-section .project-allBtn .theme-btn,.wpo-project-section .project-allBtn .view-cart-btn{padding:8px 30px;font-size:14px}
.wpo-project-section .project-allBtn .theme-btn img,.wpo-project-section .project-allBtn .view-cart-btn img{display:none}
}
.wpo-project-section .project-allBtn .theme-btn .rolling-text,.wpo-project-section .project-allBtn .view-cart-btn .rolling-text{height:16px;line-height:16px}
@media (max-width: 767px) {
.wpo-project-section .project-allBtn .theme-btn .rolling-text,.wpo-project-section .project-allBtn .view-cart-btn .rolling-text{height:29px;line-height:34px}
}
.project-card{position:relative;overflow:hidden;width:55%;max-height:560px;margin:15px}
@media (max-width: 1199px) {
.project-card{width:47%;flex-basis:46%}
}
@media (max-width: 767px) {
.project-card{width:100%;flex-basis:100%}
}
.project-card img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease}
.project-card img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.project-card .content{position:absolute;left:0;bottom:0;z-index:1;padding:28px 30px;background:#0009}
@media (max-width: 991px) {
.project-card .content{padding:20px}
}
.project-card .content h2{margin-bottom:0}
.project-card .content h2 a{color:#fff;font-family:var(--font);font-size:40px;font-weight:400;line-height:45px}
@media (max-width: 1199px) {
.project-card .content h2 a{font-size:40px;line-height:50px}
}
@media (max-width: 991px) {
.project-card .content h2 a{font-size:35px;line-height:40px}
}
@media (max-width: 575px) {
.project-card .content h2 a{font-size:25px;line-height:35px}
}
.project-card .content span{color:#fff;font-size:20px;font-weight:400;line-height:30px}
.project-card:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.project-card:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-service-section{position:relative;z-index:1;margin:0 100px}
@media (max-width: 1799px) {
.wpo-service-section{margin:0 50px}
}
@media (max-width: 1699px) {
.wpo-service-section{margin:0}
}
.wpo-service-section .service-top{position:relative;z-index:1}
.wpo-service-section .service-top .image{position:absolute;right:0;top:0;width:100%;z-index:-1;height:100%}
.wpo-service-section .service-top .image img{width:100%;height:100%}
.wpo-service-section .service-top .content{max-width:845px;max-height:736px;background:#0009;z-index:1;padding:70px 80px;padding-right:100px;padding-bottom:655px;margin-left:auto;display:block}
@media (max-width: 1599px) {
.wpo-service-section .service-top .content{padding-bottom:455px}
}
@media (max-width: 1499px) {
.wpo-service-section .service-top .content{padding:70px 30px;padding-right:70px;padding-bottom:155px}
}
@media (max-width: 1399px) {
.wpo-service-section .service-top .content{max-width:700px;padding-bottom:200px}
}
@media (max-width: 991px) {
.wpo-service-section .service-top .content{max-width:100%;display:block;padding:70px 30px;padding-right:70px}
}
@media (max-width: 757px) {
.wpo-service-section .service-top .content{padding:70px 30px}
}
@media (max-width: 575px) {
.wpo-service-section .service-top .content{padding:40px 20px}
}
.wpo-service-section .service-top .content h2{color:#fff;font-size:80px;font-weight:400;line-height:100px}
@media (max-width: 1399px) {
.wpo-service-section .service-top .content h2{font-size:50px;line-height:60px}
}
@media (max-width: 757px) {
.wpo-service-section .service-top .content h2{font-size:40px;line-height:50px}
}
.wpo-service-section .service-top .content p{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-service-section .service-top .content p{font-size:18px;line-height:25px}
}
.wpo-service-section .service-wrap{position:relative;z-index:11;margin-top:-150px;padding:0 70px}
@media (max-width: 1599px) {
.wpo-service-section .service-wrap{margin-top:-100px;padding:0 40px}
}
@media (max-width: 1499px) {
.wpo-service-section .service-wrap{margin-top:-50px;padding:0 20px}
}
@media (max-width: 1399px) {
.wpo-service-section .service-wrap{margin-top:-150px}
}
@media (max-width: 1199px) {
.wpo-service-section .service-wrap{margin-top:-100px;padding:0 10px}
}
@media (max-width: 991px) {
.wpo-service-section .service-wrap{margin-top:50px;padding:0 10px}
}
.service-card{border:1px solid #E3E3E3;background:#fff;padding:40px;margin-bottom:30px}
@media (max-width: 1499px) {
.service-card{padding:30px}
}
@media (max-width: 1199px) {
.service-card{padding:30px 20px}
}
.service-card .icon{margin-bottom:20px}
.service-card h2 a{color:#000;font-size:28px;font-weight:400;line-height:30px}
@media (max-width: 1399px) {
.service-card h2 a{font-size:25px;line-height:35px}
}
.service-card p{color:#565656;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.service-card p{font-size:15px;line-height:25px}
}
.wpo-funfact-section,.wpo-funfact-section-s3,.wpo-funfact-section-s11,.wpo-funfact-section-s14{padding:80px 155px 70px}
@media (max-width: 1750px) {
.wpo-funfact-section,.wpo-funfact-section-s3,.wpo-funfact-section-s11,.wpo-funfact-section-s14{padding:80px 100px 70px}
}
@media (max-width: 1699px) {
.wpo-funfact-section,.wpo-funfact-section-s3,.wpo-funfact-section-s11,.wpo-funfact-section-s14{padding:80px 50px 70px}
}
@media (max-width: 1399px) {
.wpo-funfact-section,.wpo-funfact-section-s3,.wpo-funfact-section-s11,.wpo-funfact-section-s14{padding:80px 20px 70px}
}
@media (max-width: 1199px) {
.wpo-funfact-section,.wpo-funfact-section-s3,.wpo-funfact-section-s11,.wpo-funfact-section-s14{padding:30px 10px 0px}
}
.wpo-funfact-section .item,.wpo-funfact-section-s3 .item,.wpo-funfact-section-s11 .item,.wpo-funfact-section-s14 .item{text-align:center;margin-bottom:30px}
.wpo-funfact-section .item h2,.wpo-funfact-section-s3 .item h2,.wpo-funfact-section-s11 .item h2,.wpo-funfact-section-s14 .item h2{margin-bottom:0;margin-left:15px}
@media (max-width: 1550px) {
.wpo-funfact-section .item h2,.wpo-funfact-section-s3 .item h2,.wpo-funfact-section-s11 .item h2,.wpo-funfact-section-s14 .item h2{margin-left:0}
}
.wpo-funfact-section .item h2 span,.wpo-funfact-section-s3 .item h2 span,.wpo-funfact-section-s11 .item h2 span,.wpo-funfact-section-s14 .item h2 span{color:#262626;font-family:var(--font);font-size:100px;font-weight:400;letter-spacing:0}
@media (max-width: 1550px) {
.wpo-funfact-section .item h2 span,.wpo-funfact-section-s3 .item h2 span,.wpo-funfact-section-s11 .item h2 span,.wpo-funfact-section-s14 .item h2 span{font-size:100px;letter-spacing:10px}
}
@media (max-width: 991px) {
.wpo-funfact-section .item h2 span,.wpo-funfact-section-s3 .item h2 span,.wpo-funfact-section-s11 .item h2 span,.wpo-funfact-section-s14 .item h2 span{font-size:80px;letter-spacing:8px}
}
.wpo-funfact-section .item h2 .icon,.wpo-funfact-section-s3 .item h2 .icon,.wpo-funfact-section-s11 .item h2 .icon,.wpo-funfact-section-s14 .item h2 .icon{font-size:100px;position:relative;bottom:-40px}
@media (max-width: 1550px) {
.wpo-funfact-section .item h2 .icon,.wpo-funfact-section-s3 .item h2 .icon,.wpo-funfact-section-s11 .item h2 .icon,.wpo-funfact-section-s14 .item h2 .icon{font-size:80px;bottom:-20px}
}
@media (max-width: 991px) {
.wpo-funfact-section .item h2 .icon,.wpo-funfact-section-s3 .item h2 .icon,.wpo-funfact-section-s11 .item h2 .icon,.wpo-funfact-section-s14 .item h2 .icon{font-size:60px;bottom:-10px}
}
.wpo-funfact-section .item h3,.wpo-funfact-section-s3 .item h3,.wpo-funfact-section-s11 .item h3,.wpo-funfact-section-s14 .item h3{color:#262626;font-family:var(--font),serif;text-transform:uppercase;font-size:25px;font-weight:500;margin-bottom:0;margin-top:0}
@media (max-width: 1550px) {
.wpo-funfact-section .item h3,.wpo-funfact-section-s3 .item h3,.wpo-funfact-section-s11 .item h3,.wpo-funfact-section-s14 .item h3{margin:0}
}
@media (max-width: 1199px) {
.wpo-funfact-section .item h3,.wpo-funfact-section-s3 .item h3,.wpo-funfact-section-s11 .item h3,.wpo-funfact-section-s14 .item h3{font-size:20px;margin-top:0}
}
.wpo-funfact-section.py-0 .row,.wpo-funfact-section-s3.py-0 .row,.wpo-funfact-section-s11.py-0 .row,.wpo-funfact-section-s14.py-0 .row{border-bottom:1px solid #D9D9D9;padding-bottom:70px}
@media (max-width: 757px) {
.wpo-funfact-section.py-0 .row,.wpo-funfact-section-s3.py-0 .row,.wpo-funfact-section-s11.py-0 .row,.wpo-funfact-section-s14.py-0 .row{padding-bottom:50px}
}
.wpo-testimonial-section,.wpo-testimonial-section-s2{overflow:hidden;position:relative}
.wpo-testimonial-section .item,.wpo-testimonial-section-s2 .item{position:relative;padding:115px 0;z-index:11}
@media (max-width: 757px) {
.wpo-testimonial-section .item,.wpo-testimonial-section-s2 .item{padding-top:90px}
.wpo-testimonial-section .item,.wpo-testimonial-section-s2 .item{padding-top:70px}
}
.wpo-testimonial-section .item .bg-image,.wpo-testimonial-section-s2 .item .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.wpo-testimonial-section .item .bg-image img,.wpo-testimonial-section-s2 .item .bg-image img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}
.wpo-testimonial-section .item .bg-image::before,.wpo-testimonial-section-s2 .item .bg-image::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:.6;background:#000;z-index:1}
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:1382px;margin:0 auto;text-align:center}
@media (max-width: 1799px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:1282px}
}
@media (max-width: 1699px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:1182px}
}
@media (max-width: 1399px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:1000px}
}
@media (max-width: 1199px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:800px}
}
@media (max-width: 991px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{max-width:100%;padding:0 20px}
}
@media (max-width: 575px) {
.wpo-testimonial-section .item .content,.wpo-testimonial-section-s2 .item .content{padding:0 10px}
}
.wpo-testimonial-section .item .content .icon,.wpo-testimonial-section-s2 .item .content .icon{width:89px;height:65px;margin:0 auto}
.wpo-testimonial-section .item .content h3,.wpo-testimonial-section-s2 .item .content h3{color:#fff;font-size:50px;font-weight:400;line-height:70px;margin-top:50px;margin-bottom:0;margin-bottom:60px}
@media (max-width: 1399px) {
.wpo-testimonial-section .item .content h3,.wpo-testimonial-section-s2 .item .content h3{font-size:40px;line-height:60px}
}
@media (max-width: 991px) {
.wpo-testimonial-section .item .content h3,.wpo-testimonial-section-s2 .item .content h3{margin-top:40px}
}
@media (max-width: 757px) {
.wpo-testimonial-section .item .content h3,.wpo-testimonial-section-s2 .item .content h3{font-size:35px;line-height:45px}
}
@media (max-width: 575px) {
.wpo-testimonial-section .item .content h3,.wpo-testimonial-section-s2 .item .content h3{font-size:30px;line-height:40px;margin-top:30px}
}
.wpo-testimonial-section .item .content h4,.wpo-testimonial-section-s2 .item .content h4{color:#fff;font-family:var(--font),serif;font-size:40px;font-weight:400;line-height:50px;padding-top:60px;position:relative}
@media (max-width: 757px) {
.wpo-testimonial-section .item .content h4,.wpo-testimonial-section-s2 .item .content h4{font-size:35px;line-height:45px;padding-top:50px}
}
@media (max-width: 575px) {
.wpo-testimonial-section .item .content h4,.wpo-testimonial-section-s2 .item .content h4{font-size:30px;line-height:35px;padding-top:40px}
}
.wpo-testimonial-section .item .content h4::before,.wpo-testimonial-section-s2 .item .content h4::before{position:absolute;left:50%;top:0;content:"";width:500px;height:1px;background:#fff;transform:translateX(-50%);border-radius:10px}
.wpo-testimonial-section .item .content h4::after,.wpo-testimonial-section-s2 .item .content h4::after{position:absolute;left:50%;top:10px;content:"";width:300px;height:1px;background:#fff;transform:translateX(-50%);border-radius:10px}
.wpo-testimonial-section .item .content span,.wpo-testimonial-section-s2 .item .content span{color:#fff;font-size:20px;font-weight:400}
@media (max-width: 991px) {
.wpo-testimonial-section .item .content span,.wpo-testimonial-section-s2 .item .content span{font-size:18px}
.wpo-testimonial-section .owl-nav,.wpo-testimonial-section-s2 .owl-nav{display:none}
}
.wpo-testimonial-section .owl-prev,.wpo-testimonial-section-s2 .owl-prev{position:absolute;left:100px;top:50%;transform:translateY(-50%);background:transparent;border:0}
@media (max-width: 1699px) {
.wpo-testimonial-section .owl-prev,.wpo-testimonial-section-s2 .owl-prev{left:50px}
}
.wpo-testimonial-section .owl-prev::before,.wpo-testimonial-section-s2 .owl-prev::before{position:absolute;content:url(../images/right-arrow.svg);width:50px;height:50px}
.wpo-testimonial-section .owl-prev span,.wpo-testimonial-section-s2 .owl-prev span{display:none}
.wpo-testimonial-section .owl-next,.wpo-testimonial-section-s2 .owl-next{position:absolute;right:100px;top:50%;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section .owl-next::before,.wpo-testimonial-section-s2 .owl-next::before{position:absolute;content:url(../images/left-arrow.svg);width:50px;height:50px}
.wpo-testimonial-section .owl-next span,.wpo-testimonial-section-s2 .owl-next span{display:none}
.wpo-testimonial-section .owl-dots,.wpo-testimonial-section-s2 .owl-dots{text-align:center;top:-75px;position:relative;z-index:1;display:none}
@media (max-width: 991px) {
.wpo-testimonial-section .owl-dots,.wpo-testimonial-section-s2 .owl-dots{display:block}
}
.wpo-testimonial-section .owl-dot,.wpo-testimonial-section-s2 .owl-dot{border:0;width:10px;height:12px;background:#fff;border-radius:100px;margin:0 5px}
.wpo-testimonial-section .owl-dot.active,.wpo-testimonial-section-s2 .owl-dot.active{background:#e3b576}
.wpo-team-section{padding:90px 100px 80px}
@media (max-width: 1399px) {
.wpo-team-section{padding:90px 50px 80px}
}
@media (max-width: 1199px) {
.wpo-team-section{padding:90px 20px 80px}
}
@media (max-width: 991px) {
.wpo-team-section{padding:40px 0 40px}
}
.wpo-team-section .title h2{color:#000;text-align:center;font-size:70px;font-weight:400;margin:0 auto}
@media (max-width: 1199px) {
.wpo-team-section .title h2{font-size:170px}
}
@media (max-width: 991px) {
.wpo-team-section .title h2{font-size:130px}
}
@media (max-width: 757px) {
.wpo-team-section .title h2{font-size:100px}
}
@media (max-width: 575px) {
.wpo-team-section .title h2{font-size:50px;margin-bottom:30px}
}
.wpo-team-section .owl-item.active.center .team-card{margin:0 auto;margin-top:60px;margin-bottom:30px}
@media (max-width: 991px) {
.wpo-team-section .owl-item.active.center .team-card{margin:0 auto;margin-bottom:30px}
}
.wpo-team-section .owl-nav{display:none}
.wpo-team-section .owl-dots{display:none}
.team-card{margin-bottom:30px;text-align:center}
@media (max-width: 991px) {
.team-card{margin:0 auto;margin-bottom:30px}
}
.team-card .image{max-width:100%;overflow:hidden;position:relative}
.team-card .image img{border-radius:0;width:100%;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease}
.team-card .image img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.team-card:hover .image img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.team-card:hover .image img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.team-card h2{margin-top:25px;margin-bottom:-25px}
.team-card h2 a,.team-card h2 span{color:#000;font-family:var(--font);font-size:35px;font-weight:400;}
@media (max-width: 1199px) {
.team-card h2 a,.team-card h2 span{font-size:35px;height:55px!important}
}
.team-card span{color:#565656;font-size:25px;font-weight:400}
@media (max-width: 1199px) {
.team-card span{font-size:20px}
}
.wpo-partners-section,.wpo-partners-section-s2,.wpo-partners-section-s3,.wpo-partners-section-s14{padding:60px 0;border-top:1px solid #D9D9D9}
.wpo-partners-section .partners-slider,.wpo-partners-section-s2 .partners-slider,.wpo-partners-section-s3 .partners-slider,.wpo-partners-section-s14 .partners-slider{max-width:1699px;margin:0 auto}
.wpo-partners-section .partners-slider li,.wpo-partners-section-s2 .partners-slider li,.wpo-partners-section-s3 .partners-slider li,.wpo-partners-section-s14 .partners-slider li{display:flex;align-items:center;justify-content:center}
.wpo-partners-section .partners-slider li img,.wpo-partners-section-s2 .partners-slider li img,.wpo-partners-section-s3 .partners-slider li img,.wpo-partners-section-s14 .partners-slider li img{width:auto;margin:0 auto}
.wpo-partners-section .partners-slider .slick-slide,.wpo-partners-section-s2 .partners-slider .slick-slide,.wpo-partners-section-s3 .partners-slider .slick-slide,.wpo-partners-section-s14 .partners-slider .slick-slide{display:flex}
.wpo-about-section-s2{max-width:1800px;margin:0 auto;position:relative}
@media (max-width: 991px) {
.wpo-about-section-s2{padding-top:0}
}
@media (max-width: 757px) {
.wpo-about-section-s2{margin:0 10px}
}
.wpo-about-section-s2 .content{max-width:1201px;margin-left:auto;position:relative;margin-right:80px}
@media (max-width: 1749px) {
.wpo-about-section-s2 .content{margin-right:20px;max-width:1000px}
}
@media (max-width: 1650px) {
.wpo-about-section-s2 .content{max-width:800px}
}
@media (max-width: 1420px) {
.wpo-about-section-s2 .content{max-width:650px}
}
@media (max-width: 1199px) {
.wpo-about-section-s2 .content{max-width:550px}
}
@media (max-width: 991px) {
.wpo-about-section-s2 .content{margin:0 auto}
}
.wpo-about-section-s2 .content h2{color:#000;font-size:150px;font-weight:400;line-height:200px}
@media (max-width: 1420px) {
.wpo-about-section-s2 .content h2{font-size:100px;line-height:120px}
}
@media (max-width: 1199px) {
.wpo-about-section-s2 .content h2{font-size:80px;line-height:100px}
}
@media (max-width: 757px) {
.wpo-about-section-s2 .content h2{font-size:60px;line-height:80px}
}
.wpo-about-section-s2 .content p{color:#000;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 1420px) {
.wpo-about-section-s2 .content p{font-size:18px;line-height:30px}
}
.wpo-about-section-s2 .content .content-left{max-width:451px;margin-left:200px}
@media (max-width: 1749px) {
.wpo-about-section-s2 .content .content-left{margin-left:20px}
}
@media (max-width: 1650px) {
.wpo-about-section-s2 .content .content-left{max-width:100%;margin-left:0}
}
.wpo-about-section-s2 .about-funfact{justify-content:space-between;margin:0}
@media (max-width: 1650px) {
.wpo-about-section-s2 .about-funfact{max-width:450px}
}
@media (max-width: 1420px) {
.wpo-about-section-s2 .about-funfact{max-width:400px}
}
@media (max-width: 991px) {
.wpo-about-section-s2 .about-funfact{max-width:270px}
}
@media (max-width: 1420px) {
.wpo-about-section-s2 .about-funfact h3 span{font-size:160px;line-height:150px}
}
@media (max-width: 1199px) {
.wpo-about-section-s2 .about-funfact h3 span{font-size:100px;line-height:100px}
.wpo-about-section-s2 .about-funfact h3 .icon{bottom:-39px}
}
.wpo-about-section-s2 .right{max-width:481px;position:absolute;right:0;bottom:0;right:-10px}
@media (max-width: 1650px) {
.wpo-about-section-s2 .right{position:unset;max-width:100%}
}
.wpo-about-section-s2 .image-2{max-width:600px;max-height:400px;margin-left:auto;margin-top:20px}
@media (max-width: 1650px) {
.wpo-about-section-s2 .image-2{display:none}
}
.wpo-about-section-s2 .image-2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50px}
.wpo-about-section-s2 .image-1{max-width:650px;max-height:1000px;position:absolute;left:0;top:120px;z-index:-1}
@media (max-width: 1650px) {
.wpo-about-section-s2 .image-1{max-width:600px;max-height:500px}
}
@media (max-width: 1420px) {
.wpo-about-section-s2 .image-1{max-width:500px;max-height:400px}
}
@media (max-width: 1199px) {
.wpo-about-section-s2 .image-1{max-width:400px;top:40%;transform:translateY(-50%)}
}
@media (max-width: 991px) {
.wpo-about-section-s2 .image-1{max-width:550px;max-height:400px;position:unset;transform:none;overflow:hidden;margin:0 auto;margin-bottom:50px}
}
.wpo-about-section-s2 .image-1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50px}
@media (max-width: 991px) {
.wpo-about-section-s2 .image-1 img{border-radius:0}
}
.wpo-project-section-s2 .title{max-width:1361px;margin:0 auto;margin-bottom:50px}
@media (max-width: 991px) {
.wpo-project-section-s2 .title{padding:0 10px;margin-bottom:50px;max-width:500px}
}
.wpo-project-section-s2 .title h2{color:#000;text-align:left;font-size:120px;font-weight:400;line-height:150px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-project-section-s2 .title h2{font-size:80px;line-height:120px}
}
@media (max-width: 991px) {
.wpo-project-section-s2 .title h2{font-size:60px;line-height:80px}
}
.wpo-project-section-s2 .title p{color:#000;font-size:20px;font-weight:400;line-height:40px;max-width:753px;margin-left:auto}
@media (max-width: 1199px) {
.wpo-project-section-s2 .title p{font-size:18px;line-height:30px}
}
@media (max-width: 991px) {
.wpo-project-section-s2 .title p{margin-left:0}
}
.wpo-project-section-s2 .project-wrap{padding:0 35px;margin:0 -35px;display:flex;flex-wrap:wrap;justify-content:space-between}
@media (max-width: 1799px) {
.wpo-project-section-s2 .project-wrap{padding:0}
}
@media (max-width: 1699px) {
.wpo-project-section-s2 .project-wrap{margin:0 -15px}
}
@media (max-width: 1399px) {
.wpo-project-section-s2 .project-wrap{margin:0 -30px}
}
@media (max-width: 1199px) {
.wpo-project-section-s2 .project-wrap{margin:0 -15px}
}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-wrap{justify-content:center}
}
.wpo-project-section-s2 .project-wrap .project-card-s2{position:relative;overflow:hidden;flex-basis:22%;width:100%;max-width:430px;max-height:650px;border-radius:40px;margin:0 35px}
@media (max-width: 1849px) {
.wpo-project-section-s2 .project-wrap .project-card-s2{flex-basis:21%}
}
@media (max-width: 1699px) {
.wpo-project-section-s2 .project-wrap .project-card-s2{margin:0 15px;flex-basis:22%}
}
@media (max-width: 1199px) {
.wpo-project-section-s2 .project-wrap .project-card-s2{margin:0 10px;flex-basis:23%;border-radius:30px}
}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-wrap .project-card-s2{width:50%;flex-basis:47%;margin:10px}
}
@media (max-width: 767px) {
.wpo-project-section-s2 .project-wrap .project-card-s2{width:100%;flex-basis:100%;border-radius:20px}
}
.wpo-project-section-s2 .project-wrap .project-card-s2 img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease}
.wpo-project-section-s2 .project-wrap .project-card-s2 img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.wpo-project-section-s2 .project-wrap .project-card-s2 .content{position:absolute;left:0;bottom:0;z-index:1;padding:28px 30px;background:transparent}
@media (max-width: 1699px) {
.wpo-project-section-s2 .project-wrap .project-card-s2 .content{padding:20px}
}
@media (max-width: 1199px) {
.wpo-project-section-s2 .project-wrap .project-card-s2 .content{padding:20px 10px}
}
.wpo-project-section-s2 .project-wrap .project-card-s2 .content h2{margin-bottom:0}
.wpo-project-section-s2 .project-wrap .project-card-s2 .content h2 a{color:#fff;font-size:35px;font-weight:700;line-height:60px}
@media (max-width: 1899px) {
.wpo-project-section-s2 .project-wrap .project-card-s2 .content h2 a{font-size:25px;line-height:35px}
}
@media (max-width: 1399px) {
.wpo-project-section-s2 .project-wrap .project-card-s2 .content h2 a{font-size:24px}
}
.wpo-project-section-s2 .project-wrap .project-card-s2 .content span{color:#fff;font-size:20px;font-weight:400;line-height:30px}
.wpo-project-section-s2 .project-wrap .project-card-s2:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.wpo-project-section-s2 .project-wrap .project-card-s2:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-project-section-s2 .project-wrap .project-card-s2:nth-child(2){max-width:375px;max-height:436px;margin-top:auto;margin-bottom:-30px}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-wrap .project-card-s2:nth-child(2){margin:10px;max-height:100%;max-width:430px;max-height:650px}
}
.wpo-project-section-s2 .project-wrap .project-card-s2:nth-child(3){max-width:375px;max-height:500px;margin-bottom:auto;margin-top:65px}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-wrap .project-card-s2:nth-child(3){margin:10px;max-height:100%;max-width:430px;max-height:650px}
}
.wpo-project-section-s2 .project-allBtn{text-align:center;margin-top:140px}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-allBtn{margin-top:50px}
}
.wpo-project-section-s2 .project-allBtn .theme-btn,.wpo-project-section-s2 .project-allBtn .view-cart-btn{border-radius:15px;border:1px solid #000;color:#000;padding:14px 40px;text-transform:none}
.wpo-project-section-s2 .project-allBtn .theme-btn:after,.wpo-project-section-s2 .project-allBtn .view-cart-btn:after{background:linear-gradient(to right,#5e5d5d1a 0%,#ffffff1a 100%)}
@media (max-width: 991px) {
.wpo-project-section-s2 .project-allBtn .theme-btn,.wpo-project-section-s2 .project-allBtn .view-cart-btn{font-size:18px}
}
@media (max-width: 767px) {
.wpo-project-section-s2 .project-allBtn .theme-btn,.wpo-project-section-s2 .project-allBtn .view-cart-btn{padding:8px 30px;font-size:14px}
.wpo-project-section-s2 .project-allBtn .theme-btn img,.wpo-project-section-s2 .project-allBtn .view-cart-btn img{display:none}
}
.wpo-project-section-s2 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s2 .project-allBtn .view-cart-btn .rolling-text{height:17px;line-height:21px}
@media (max-width: 767px) {
.wpo-project-section-s2 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s2 .project-allBtn .view-cart-btn .rolling-text{height:29px;line-height:34px}
}
.wpo-service-section-s2 .service-wrap{max-width:1800px;margin:0 auto;position:relative}
.wpo-service-section-s2 .service-wrap .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border-radius:50px;overflow:hidden}
@media (max-width: 575px) {
.wpo-service-section-s2 .service-wrap .bg-image{border-radius:30px}
}
.wpo-service-section-s2 .service-wrap .bg-image::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#00000080}
.wpo-service-section-s2 .service-wrap .bg-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.service-card-s2{height:400px;border:1px solid #d9d9d94d;display:flex;align-items:center;justify-content:center}
@media (max-width: 1399px) {
.service-card-s2{height:350px}
}
@media (max-width: 575px) {
.service-card-s2{height:300px}
}
.service-card-s2 .content{max-width:298px}
@media (max-width: 575px) {
.service-card-s2 .content{max-width:260px}
}
.service-card-s2 .icon{margin-bottom:20px}
.service-card-s2 h2{margin-bottom:0}
.service-card-s2 h2 a{color:#fff;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.service-card-s2 h2 a{font-size:25px;line-height:35px}
}
.service-card-s2 p{color:#fff;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.service-card-s2 p{font-size:15px;line-height:25px}
}
@media (max-width: 991px) {
.wpo-blog-section{padding-bottom:50px}
}
@media (max-width: 757px) {
.wpo-blog-section{padding-bottom:40px}
}
.wpo-blog-section .title{max-width:1361px;margin:0 auto;margin-bottom:70px}
@media (max-width: 991px) {
.wpo-blog-section .title{padding:0 10px;margin-bottom:50px;max-width:500px}
}
.wpo-blog-section .title h2{color:#000;text-align:left;font-size:120px;font-weight:400;line-height:150px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-blog-section .title h2{font-size:80px;line-height:120px}
}
@media (max-width: 991px) {
.wpo-blog-section .title h2{font-size:60px;line-height:80px}
}
.wpo-blog-section .title p{color:#000;font-size:20px;font-weight:400;line-height:40px;max-width:753px;margin-left:auto}
@media (max-width: 1199px) {
.wpo-blog-section .title p{font-size:18px;line-height:30px}
}
@media (max-width: 991px) {
.wpo-blog-section .title p{margin-left:0}
}
.wpo-blog-section .blog-wrap{max-width:1715px;margin:0 auto}
.wpo-blog-section .blog-wrap .row{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-blog-section .blog-wrap .row{padding:0 10px;margin:0}
}
@media (max-width: 757px) {
.wpo-blog-section .blog-wrap .row{padding:0}
}
.blog-card{margin:0 10px}
@media (max-width: 1399px) {
.blog-card{margin:0}
}
@media (max-width: 991px) {
.blog-card{margin-bottom:30px}
}
.blog-card .image{position:relative;border-radius:40px;overflow:hidden}
@media (max-width: 1199px) {
.blog-card .image{border-radius:20px}
}
.blog-card .image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.blog-card .image img{width:100%}
.blog-card h3{margin:0;margin-top:30px}
.blog-card h3 a{color:#000;font-family:var(--font);font-size:45px;font-weight:400;line-height:60px}
@media (max-width: 1399px) {
.blog-card h3 a{font-size:35px;line-height:40px}
}
@media (max-width: 1199px) {
.blog-card h3 a{font-size:30px;line-height:40px}
}
.blog-card a{color:#000;font-size:25px;font-weight:400;line-height:60px}
.blog-card:hover .image::before{animation:shine .75s}
.wpo-about-section-s3 .about-wrap{max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:60px 0 30px;border:1px solid #D9D9D9;border-left:0;border-right:0}
@media (max-width: 1199px) {
.wpo-about-section-s3 .about-wrap{display:block}
}
@media (max-width: 767px) {
.wpo-about-section-s3 .about-wrap{padding:10px 10px 0}
}
.wpo-about-section-s3 .about-wrap .image{margin-bottom:30px;max-width:520px;max-height:800px;flex-shrink:0}
@media (max-width: 1599px) {
.wpo-about-section-s3 .about-wrap .image{max-width:470px}
}
@media (max-width: 1399px) {
.wpo-about-section-s3 .about-wrap .image{max-width:350px}
}
@media (max-width: 1199px) {
.wpo-about-section-s3 .about-wrap .image{max-width:520px;margin:0 auto;margin-bottom:30px}
}
.wpo-about-section-s3 .about-wrap .image img{width:100%;-o-object-fit:cover;object-fit:cover}
.wpo-about-section-s3 .about-wrap .content{border:1px solid #DDD;padding:90px 65px;margin:0 60px;margin-bottom:30px}
@media (max-width: 1779px) {
.wpo-about-section-s3 .about-wrap .content{margin:0 15px;margin-bottom:30px}
}
@media (max-width: 1679px) {
.wpo-about-section-s3 .about-wrap .content{padding:60px 25px}
}
@media (max-width: 1399px) {
.wpo-about-section-s3 .about-wrap .content{padding:40px 25px}
}
@media (max-width: 1199px) {
.wpo-about-section-s3 .about-wrap .content{max-width:520px;margin:0 auto;margin-bottom:30px}
}
@media (max-width: 767px) {
.wpo-about-section-s3 .about-wrap .content{padding:20px 10px}
}
.wpo-about-section-s3 .about-wrap .content h2{color:#000;font-size:60px;font-weight:400;line-height:80px}
@media (max-width: 767px) {
.wpo-about-section-s3 .about-wrap .content h2{font-size:50px;line-height:60px}
}
.wpo-about-section-s3 .about-wrap .content p{color:#000;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 767px) {
.wpo-about-section-s3 .about-wrap .content p{font-size:18px;line-height:30px}
}
.wpo-about-section-s3 .about-wrap .content .about-btn{display:flex;align-items:center;margin-top:60px}
@media (max-width: 767px) {
.wpo-about-section-s3 .about-wrap .content .about-btn{margin-top:30px}
}
.wpo-about-section-s3 .about-wrap .content .about-btn .theme-btn,.wpo-about-section-s3 .about-wrap .content .about-btn .view-cart-btn{background:#000;text-transform:none;border-radius:35px}
.wpo-about-section-s3 .about-wrap .content .about-btn .theme-btn .rolling-text,.wpo-about-section-s3 .about-wrap .content .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-about-section-s3 .about-wrap .content .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 1599px) {
.wpo-about-section-s3 .about-wrap .content .video-wrap{display:none}
}
.wpo-about-section-s3 .about-wrap .content .video-wrap span{padding-left:20px}
.wpo-project-section-s3{padding-bottom:30px}
.wpo-project-section-s3 .container-fulid{max-width:1720px;margin:0 auto}
@media (max-width: 991px) {
.wpo-project-section-s3 .container-fulid{max-width:700px;margin:0 auto}
}
.wpo-project-section-s3 .title{display:flex;align-items:start}
@media (max-width: 1720px) {
.wpo-project-section-s3 .title{margin:0 20px}
}
@media (max-width: 991px) {
.wpo-project-section-s3 .title{display:block;margin-bottom:50px}
}
.wpo-project-section-s3 .title .project-title{width:70%;margin-bottom:60px}
@media (max-width: 991px) {
.wpo-project-section-s3 .title .project-title{width:100%;margin-bottom:20px}
}
.wpo-project-section-s3 .title .project-title h2{color:#000;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1399px) {
.wpo-project-section-s3 .title .project-title h2{font-size:80px;line-height:100px}
}
@media (max-width: 991px) {
.wpo-project-section-s3 .title .project-title h2{font-size:60px;line-height:80px}
}
@media (max-width: 575px) {
.wpo-project-section-s3 .title .project-title h2{font-size:40px;line-height:60px}
}
.wpo-project-section-s3 .title .project-title p{color:#666;font-size:35px;font-weight:400;line-height:55px;max-width:861px}
@media (max-width: 1399px) {
.wpo-project-section-s3 .title .project-title p{font-size:25px;line-height:40px}
}
@media (max-width: 991px) {
.wpo-project-section-s3 .title .project-title p{font-size:20px;line-height:30px}
}
.wpo-project-section-s3 .title .project-allBtn{text-align:end;width:30%;margin-top:50px}
@media (max-width: 991px) {
.wpo-project-section-s3 .title .project-allBtn{text-align:left;width:100%;margin-top:0}
}
.wpo-project-section-s3 .title .project-allBtn .theme-btn,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn{border-radius:35px;border:1px solid #000;color:#000;padding:14px 40px;text-transform:none}
.wpo-project-section-s3 .title .project-allBtn .theme-btn:after,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn:after{background:linear-gradient(to right,#5e5d5d1a 0%,#ffffff1a 100%)}
@media (max-width: 991px) {
.wpo-project-section-s3 .title .project-allBtn .theme-btn,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn{font-size:18px}
}
@media (max-width: 767px) {
.wpo-project-section-s3 .title .project-allBtn .theme-btn,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn{padding:8px 30px;font-size:14px}
.wpo-project-section-s3 .title .project-allBtn .theme-btn img,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn img{display:none}
}
.wpo-project-section-s3 .title .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn .rolling-text{height:17px;line-height:21px}
@media (max-width: 767px) {
.wpo-project-section-s3 .title .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s3 .title .project-allBtn .view-cart-btn .rolling-text{height:29px;line-height:34px}
}
.wpo-project-section-s3 .gallery-container{margin:0 -60px}
@media (max-width: 1720px) {
.wpo-project-section-s3 .gallery-container{margin:0}
}
.wpo-project-section-s3 .gallery-container .col:nth-child(2){margin-top:-100px}
@media (max-width: 991px) {
.wpo-project-section-s3 .gallery-container .col:nth-child(2){margin-top:0}
}
.wpo-project-section-s3 .project-card-s3{margin:0 45px;margin-bottom:80px}
@media (max-width: 1720px) {
.wpo-project-section-s3 .project-card-s3{margin:0 20px;margin-bottom:80px}
}
@media (max-width: 1199px) {
.wpo-project-section-s3 .project-card-s3{margin:0;margin-bottom:50px}
}
@media (max-width: 991px) {
.wpo-project-section-s3 .project-card-s3{margin-bottom:30px}
}
.wpo-project-section-s3 .project-card-s3 .image{overflow:hidden;position:relative}
.wpo-project-section-s3 .project-card-s3 .image img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease;overflow:hidden}
.wpo-project-section-s3 .project-card-s3 .image img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.wpo-project-section-s3 .project-card-s3 .content{margin-top:30px}
.wpo-project-section-s3 .project-card-s3 .content h2{margin-bottom:0}
.wpo-project-section-s3 .project-card-s3 .content h2 a{color:#000;font-family:var(--font);font-size:60px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.wpo-project-section-s3 .project-card-s3 .content h2 a{font-size:50px;line-height:50px}
}
@media (max-width: 991px) {
.wpo-project-section-s3 .project-card-s3 .content h2 a{font-size:35px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-project-section-s3 .project-card-s3 .content h2 a{font-size:30px}
}
.wpo-project-section-s3 .project-card-s3 .content span{font-size:20px;font-weight:400;color:#666;line-height:50px}
@media (max-width: 991px) {
.wpo-project-section-s3 .project-card-s3 .content span{line-height:40px}
}
.wpo-project-section-s3 .project-card-s3:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.wpo-project-section-s3 .project-card-s3:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-service-section-s3 .service-wrap{max-width:1595px;margin-left:95px;display:flex;align-items:center}
@media (max-width: 1699px) {
.wpo-service-section-s3 .service-wrap{margin-left:20px}
}
@media (max-width: 1499px) {
.wpo-service-section-s3 .service-wrap{margin:0 20px}
}
@media (max-width: 991px) {
.wpo-service-section-s3 .service-wrap{display:block}
}
.wpo-service-section-s3 .service-slider{max-width:1060px}
@media (max-width: 1499px) {
.wpo-service-section-s3 .service-slider{max-width:100%;width:60%}
}
@media (max-width: 991px) {
.wpo-service-section-s3 .service-slider{max-width:100%;width:100%}
}
.wpo-service-section-s3 .service-slider .owl-dots{text-align:center;position:relative;z-index:1;display:none;margin-top:20px}
@media (max-width: 991px) {
.wpo-service-section-s3 .service-slider .owl-dots{display:block}
}
.wpo-service-section-s3 .service-slider .owl-dot{border:0;width:10px;height:12px;background:#000;border-radius:100px;margin:0 5px}
.wpo-service-section-s3 .service-slider .owl-dot.active{background:#e3b576}
.wpo-service-section-s3 .item img{width:100%}
.wpo-service-section-s3 .service-left{max-width:530px;margin-left:100px}
@media (max-width: 1599px) {
.wpo-service-section-s3 .service-left{margin-left:20px}
}
@media (max-width: 1499px) {
.wpo-service-section-s3 .service-left{max-width:100%;width:40%}
}
@media (max-width: 991px) {
.wpo-service-section-s3 .service-left{max-width:100%;width:100%;margin-left:0;margin-top:50px;display:flex;flex-wrap:wrap}
}
@media (max-width: 575px) {
.wpo-service-section-s3 .service-left{flex-direction:column}
}
.wpo-service-section-s3 .content{max-width:434px;margin-bottom:30px}
@media (max-width: 991px) {
.wpo-service-section-s3 .content{width:50%}
}
@media (max-width: 575px) {
.wpo-service-section-s3 .content{width:100%}
}
.wpo-service-section-s3 .content:last-child{margin-bottom:0}
.wpo-service-section-s3 .content .icon{margin-bottom:20px}
.wpo-service-section-s3 .content h2 a{color:#000;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.wpo-service-section-s3 .content h2 a{font-size:25px;line-height:35px}
}
.wpo-service-section-s3 .content p{color:#565656;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-service-section-s3 .content p{font-size:15px;line-height:25px}
}
.wpo-service-section-s3 .owl-nav{display:none}
.wpo-testimonial-section-s2 .item{position:relative;padding:115px 0;z-index:11;border:1px solid #3333;border-left:0;border-right:0}
@media (max-width: 757px) {
.wpo-testimonial-section-s2 .item{padding-top:90px}
.wpo-testimonial-section-s2 .item{padding-top:70px}
}
.wpo-testimonial-section-s2 .item .content h3{color:#000}
.wpo-testimonial-section-s2 .item .content h4{color:#000}
.wpo-testimonial-section-s2 .item .content h4::before{background:#000}
.wpo-testimonial-section-s2 .item .content h4::after{background:#000}
.wpo-testimonial-section-s2 .item .content span{color:#000}
.wpo-testimonial-section-s2 .owl-prev::before{content:url(../images/left-arrow-2.svg)}
.wpo-testimonial-section-s2 .owl-next::before{content:url(../images/right-arrow-3.svg)}
.wpo-testimonial-section-s2 .owl-dot{background:#000}
.wpo-pricing-section{padding-bottom:90px}
@media (max-width: 991px) {
.wpo-pricing-section{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-pricing-section{padding-bottom:50px}
}
.wpo-pricing-section .container-fluid{margin:0 auto;max-width:1410px}
.wpo-pricing-section .section-title{max-width:948px;margin:0 auto;text-align:center;margin-bottom:80px}
.wpo-pricing-section .section-title h2{color:#000;font-size:100px;font-weight:400;line-height:130px}
@media (max-width: 1199px) {
.wpo-pricing-section .section-title h2{font-size:80px;line-height:100px}
}
@media (max-width: 991px) {
.wpo-pricing-section .section-title h2{font-size:50px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-pricing-section .section-title h2{font-size:40px;line-height:50px}
}
.wpo-pricing-section .section-title p{color:#666;font-size:25px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-pricing-section .section-title p{font-size:18px;line-height:25px}
}
.wpo-pricing-section .pricing-card{background:#fff;padding:70px 40px;border:1px solid #ebebeb;overflow:hidden;position:relative;z-index:1;transition:all .3s ease-in-out;text-align:center;box-shadow:0 2px 12px 2px #0400340f;margin-bottom:30px}
@media (max-width: 1399px) {
.wpo-pricing-section .pricing-card{padding:50px 30px}
}
.wpo-pricing-section .pricing-card .title h2{color:#565656;font-size:30px;font-weight:700;margin-bottom:20px}
@media (max-width: 1399px) {
.wpo-pricing-section .pricing-card .title h2{font-size:25px}
}
@media (max-width: 1199px) {
.wpo-pricing-section .pricing-card .title h2{font-size:20px}
}
.wpo-pricing-section .pricing-card .pricing-top h2{color:#000;font-size:100px;line-height:120px;font-weight:400;margin-bottom:0;border-bottom:1px solid #D9D9D9}
@media (max-width: 1399px) {
.wpo-pricing-section .pricing-card .pricing-top h2{font-size:60px;line-height:80px}
}
@media (max-width: 1199px) {
.wpo-pricing-section .pricing-card .pricing-top h2{font-size:40px;line-height:60px}
}
.wpo-pricing-section .pricing-card .pricing-top h2 > sub{color:#565656;position:relative;top:-10px;font-family:var(--font),serif;font-size:20px;font-weight:400;line-height:50px}
.wpo-pricing-section .pricing-card .theme-btn,.wpo-pricing-section .pricing-card .view-cart-btn{width:100%;text-align:center;background:transparent;border:1px solid #000;border-radius:0;color:#000;text-transform:capitalize;padding:12px;transition:all .3s ease-in-out;margin-top:30px;text-transform:none}
.wpo-pricing-section .pricing-card .theme-btn .rolling-text,.wpo-pricing-section .pricing-card .view-cart-btn .rolling-text{line-height:28px;height:24px}
.wpo-pricing-section .pricing-card ul{padding-top:20px}
.wpo-pricing-section .pricing-card ul li{position:relative;list-style:none;color:#525252;font-size:20px;font-weight:400;line-height:50px;display:block}
@media (max-width: 1199px) {
.wpo-pricing-section .pricing-card ul li{font-size:17px;line-height:40px}
}
.wpo-pricing-section .pricing-card.active .theme-btn,.wpo-pricing-section .pricing-card.active .view-cart-btn,.wpo-pricing-section .pricing-card:hover .theme-btn,.wpo-pricing-section .pricing-card:hover .view-cart-btn{background:#000;border:1px solid transparent;color:#fff}
.wpo-marqu-section{border:1px solid #666;border-left:0;border-right:0}
.wpo-marqu-section .swiper-wrapper{transition-timing-function:linear!important;position:relative}
.wpo-marqu-section .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;width:auto;position:relative;overflow:hidden;padding:0 50px;font-family:var(--font);color:#666;font-size:150px;font-weight:400;line-height:190px}
.wpo-marqu-section .swiper-slide::before{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:3px;height:60px;background:#565656}
@media (max-width: 1399px) {
.wpo-marqu-section .swiper-slide{font-size:120px;line-height:140px}
}
@media (max-width: 991px) {
.wpo-marqu-section .swiper-slide{font-size:100px;line-height:120px}
}
@media (max-width: 767px) {
.wpo-marqu-section .swiper-slide{font-size:80px;line-height:100px}
}
@media (max-width: 575px) {
.wpo-marqu-section .swiper-slide{font-size:70px;line-height:90px}
}
.wpo-about-section-s4{margin:130px 30px 120px;height:1223px;position:relative}
@media (max-width: 1699px) {
.wpo-about-section-s4{height:1000px}
}
@media (max-width: 1199px) {
.wpo-about-section-s4{height:100%;margin:120px 30px 90px}
}
@media (max-width: 991px) {
.wpo-about-section-s4{margin:90px 30px 60px}
}
@media (max-width: 767px) {
.wpo-about-section-s4{margin:80px 20px 50px}
}
@media (max-width: 575px) {
.wpo-about-section-s4{margin:80px 10px 50px}
}
.wpo-about-section-s4 .about-wrap{margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end}
@media (max-width: 1399px) {
.wpo-about-section-s4 .about-wrap{align-items:flex-start}
}
@media (max-width: 1199px) {
.wpo-about-section-s4 .about-wrap{display:block}
}
.wpo-about-section-s4 .about-wrap .image{max-width:580px;max-height:800px;flex-shrink:0}
@media (max-width: 1699px) {
.wpo-about-section-s4 .about-wrap .image{max-width:450px}
}
@media (max-width: 1399px) {
.wpo-about-section-s4 .about-wrap .image{max-width:350px}
}
@media (max-width: 1199px) {
.wpo-about-section-s4 .about-wrap .image{max-width:520px;margin:0 auto;margin-bottom:30px}
}
.wpo-about-section-s4 .about-wrap .image img{width:100%;-o-object-fit:cover;object-fit:cover}
.wpo-about-section-s4 .about-wrap .image.s2{position:relative;right:0;top:270px}
@media (max-width: 1199px) {
.wpo-about-section-s4 .about-wrap .image.s2{position:unset}
}
.wpo-about-section-s4 .about-wrap .content{padding:0 85px}
@media (max-width: 1859px) {
.wpo-about-section-s4 .about-wrap .content{padding:0 20px}
}
@media (max-width: 1699px) {
.wpo-about-section-s4 .about-wrap .content{padding:0 20px}
}
@media (max-width: 1399px) {
.wpo-about-section-s4 .about-wrap .content{padding:40px 25px}
}
@media (max-width: 1199px) {
.wpo-about-section-s4 .about-wrap .content{max-width:520px;margin:0 auto}
}
@media (max-width: 767px) {
.wpo-about-section-s4 .about-wrap .content{padding:20px 10px}
}
.wpo-about-section-s4 .about-wrap .content h2{color:#000;font-size:60px;font-weight:400;line-height:80px}
@media (max-width: 767px) {
.wpo-about-section-s4 .about-wrap .content h2{font-size:50px;line-height:60px}
}
.wpo-about-section-s4 .about-wrap .content p{color:#000;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 767px) {
.wpo-about-section-s4 .about-wrap .content p{font-size:18px;line-height:30px}
}
.wpo-about-section-s4 .about-wrap .content .about-btn{display:flex;align-items:center;margin-top:60px}
@media (max-width: 767px) {
.wpo-about-section-s4 .about-wrap .content .about-btn{margin-top:30px}
}
.wpo-about-section-s4 .about-wrap .content .about-btn .theme-btn,.wpo-about-section-s4 .about-wrap .content .about-btn .view-cart-btn{background:#000;text-transform:none;border-radius:35px}
.wpo-about-section-s4 .about-wrap .content .about-btn .theme-btn .rolling-text,.wpo-about-section-s4 .about-wrap .content .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-about-section-s4 .about-wrap .content .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 1599px) {
.wpo-about-section-s4 .about-wrap .content .video-wrap{display:none}
}
.wpo-about-section-s4 .about-wrap .content .video-wrap span{padding-left:20px}
.wpo-about-section-s4 .about-wrap .experience{display:flex;align-items:center;justify-content:center;margin-bottom:-20px}
@media (max-width: 1199px) {
.wpo-about-section-s4 .about-wrap .experience{justify-content:flex-start;margin-bottom:0}
}
@media (max-width: 575px) {
.wpo-about-section-s4 .about-wrap .experience{display:block;text-align:left;margin-bottom:30px}
}
.wpo-about-section-s4 .about-wrap .experience h2{color:#000;text-align:center;font-size:200px;font-weight:400;margin-bottom:0;line-height:50px}
@media (max-width: 1699px) {
.wpo-about-section-s4 .about-wrap .experience h2{font-size:100px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-about-section-s4 .about-wrap .experience h2{text-align:left}
}
.wpo-about-section-s4 .about-wrap .experience h2 span{letter-spacing:17px;font-family:var(--font)}
.wpo-about-section-s4 .about-wrap .experience .icon{position:relative;left:-35px;font-size:200px;font-weight:400}
@media (max-width: 1699px) {
.wpo-about-section-s4 .about-wrap .experience .icon{font-size:100px;line-height:50px}
}
@media (max-width: 1550px) {
.wpo-about-section-s4 .about-wrap .experience .icon{font-size:80px}
}
@media (max-width: 991px) {
.wpo-about-section-s4 .about-wrap .experience .icon{font-size:60px}
}
.wpo-about-section-s4 .about-wrap .experience h3{margin-bottom:0}
.wpo-about-section-s4 .feature{max-width:1151px;display:flex;align-items:center;justify-content:space-between;padding-top:150px}
@media (max-width: 1799px) {
.wpo-about-section-s4 .feature{max-width:1000px}
}
@media (max-width: 1699px) {
.wpo-about-section-s4 .feature{padding-top:100px}
}
@media (max-width: 1399px) {
.wpo-about-section-s4 .feature{max-width:770px;padding-top:80px}
}
@media (max-width: 1199px) {
.wpo-about-section-s4 .feature{max-width:100%;padding-top:50px}
}
@media (max-width: 575px) {
.wpo-about-section-s4 .feature{padding-top:80px;display:block}
}
@media (max-width: 425px) {
.wpo-about-section-s4 .feature{padding-top:50px;display:block}
}
.wpo-about-section-s4 .feature .item{text-align:center;margin-bottom:30px}
.wpo-about-section-s4 .feature .item h2{margin-bottom:0;margin-left:15px}
@media (max-width: 1550px) {
.wpo-about-section-s4 .feature .item h2{margin-left:0}
}
.wpo-about-section-s4 .feature .item h2 span{color:#262626;font-family:var(--font);font-size:150px;font-weight:400;letter-spacing:12px}
@media (max-width: 1699px) {
.wpo-about-section-s4 .feature .item h2 span{font-size:100px;letter-spacing:10px}
}
@media (max-width: 991px) {
.wpo-about-section-s4 .feature .item h2 span{font-size:80px;letter-spacing:8px}
}
.wpo-about-section-s4 .feature .item h2 .icon{font-size:100px;position:relative;bottom:-40px}
@media (max-width: 1699px) {
.wpo-about-section-s4 .feature .item h2 .icon{font-size:80px;bottom:-20px}
}
@media (max-width: 991px) {
.wpo-about-section-s4 .feature .item h2 .icon{font-size:60px;bottom:-10px}
}
.wpo-about-section-s4 .feature .item h3{color:#262626;font-family:var(--font),serif;text-transform:uppercase;font-size:25px;font-weight:500;margin-bottom:0;margin-top:-10px}
@media (max-width: 1550px) {
.wpo-about-section-s4 .feature .item h3{margin:0}
}
@media (max-width: 1199px) {
.wpo-about-section-s4 .feature .item h3{font-size:20px;margin-top:0}
}
.wpo-classic-interior-design{margin:0 30px;height:700px;position:relative;overflow:hidden}
@media (max-width: 991px) {
.wpo-classic-interior-design{margin:0 10px;height:400px}
}
.wpo-classic-interior-design h3{color:#fff;font-size:60px;font-weight:400;line-height:80px;margin-bottom:0;max-width:580px;position:absolute;right:40px;top:60px}
@media (max-width: 991px) {
.wpo-classic-interior-design h3{right:20px;top:20px}
}
@media (max-width: 767px) {
.wpo-classic-interior-design h3{font-size:50px;line-height:60px;position:unset;padding:20px}
}
@media (max-width: 575px) {
.wpo-classic-interior-design h3{font-size:40px;line-height:50px}
}
.wpo-work-section{max-width:1719px;margin:0 auto}
@media (max-width: 1719px) {
.wpo-work-section{margin:0 20px}
}
@media (max-width: 991px) {
.wpo-work-section{margin:0 10px}
}
.wpo-work-section .title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-work-section .title{flex-direction:column;text-align:center}
}
.wpo-work-section .title h2{color:#000;font-size:150px;font-weight:400;line-height:180px;margin-bottom:0;max-width:920px}
@media (max-width: 1599px) {
.wpo-work-section .title h2{font-size:100px;line-height:150px}
}
@media (max-width: 1399px) {
.wpo-work-section .title h2{max-width:50%}
}
@media (max-width: 1199px) {
.wpo-work-section .title h2{max-width:100%;margin:0 auto;margin-bottom:10px}
}
@media (max-width: 991px) {
.wpo-work-section .title h2{font-size:60px;line-height:80px}
}
@media (max-width: 757px) {
.wpo-work-section .title h2{font-size:40px;line-height:60px}
}
.wpo-work-section .title p{color:#000;font-size:20px;font-weight:400;line-height:30px;max-width:730px;margin-bottom:30px;margin-right:65px}
@media (max-width: 1399px) {
.wpo-work-section .title p{max-width:50%;margin-right:0}
}
@media (max-width: 1199px) {
.wpo-work-section .title p{margin:0 auto;max-width:100%}
}
@media (max-width: 575px) {
.wpo-work-section .title p{font-size:18px;line-height:25px}
}
.wpo-work-section .item{border-bottom:1px solid #D9D9D9;padding-bottom:30px;margin-bottom:95px;max-width:750px}
@media (max-width: 1399px) {
.wpo-work-section .item{margin-bottom:30px}
}
@media (max-width: 1199px) {
.wpo-work-section .item{margin-bottom:20px;padding-bottom:20px}
}
.wpo-work-section .item:last-child{margin-bottom:0}
@media (max-width: 1399px) {
.wpo-work-section .item:last-child{margin-bottom:0}
}
.wpo-work-section .item h3{color:#000;font-family:var(--font),serif;font-size:50px;font-weight:400;line-height:60px;margin-bottom:50px}
@media (max-width: 1399px) {
.wpo-work-section .item h3{margin-bottom:20px}
}
@media (max-width: 1199px) {
.wpo-work-section .item h3{margin-bottom:0;font-size:40px;line-height:40px}
}
.wpo-work-section .item .text{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.wpo-work-section .item .text{display:block}
}
.wpo-work-section .item .text span{color:#666;font-size:20px;font-weight:400;line-height:60px;max-width:250px}
.wpo-work-section .item .text p{color:#666;font-size:20px;font-weight:400;line-height:30px;width:calc(100% - 250px);margin-bottom:0}
@media (max-width: 1199px) {
.wpo-work-section .item .text p{width:100%}
}
.wpo-work-section .image{max-width:790px;margin-left:auto}
@media (max-width: 991px) {
.wpo-work-section .image{margin-left:0}
}
.wpo-work-section .image img{width:100%}
.wpo-service-section-s4{padding-bottom:90px}
@media (max-width: 1399px) {
.wpo-service-section-s4{margin:0 10px}
}
@media (max-width: 991px) {
.wpo-service-section-s4{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-service-section-s4{padding-bottom:50px}
}
.wpo-service-section-s4 .container-fluid{max-width:1720px;margin:0 auto}
.wpo-service-section-s4 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-service-section-s4 .title{flex-direction:column;text-align:center}
}
.wpo-service-section-s4 .title h2{color:#000;font-size:100px;font-weight:400;line-height:130px;margin-bottom:0;max-width:920px}
@media (max-width: 1599px) {
.wpo-service-section-s4 .title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1399px) {
.wpo-service-section-s4 .title h2{font-size:50px;line-height:60px}
}
@media (max-width: 1199px) {
.wpo-service-section-s4 .title h2{max-width:100%;margin-bottom:10px}
}
@media (max-width: 757px) {
.wpo-service-section-s4 .title h2{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-service-section-s4 .title h2{font-size:30px;line-height:40px}
}
.wpo-service-section-s4 .title p{color:#000;font-size:20px;font-weight:400;line-height:30px;margin:0;max-width:663px}
@media (max-width: 1199px) {
.wpo-service-section-s4 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-service-section-s4 .title p{font-size:18px;line-height:25px}
}
@media (max-width: 767px) {
.wpo-service-section-s4 .service-card{max-width:450px;margin:0 auto;margin-bottom:30px}
}
.wpo-project-section-s4{margin:0 -5px;padding-bottom:90px}
@media (max-width: 991px) {
.wpo-project-section-s4{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-project-section-s4{padding-bottom:50px;margin:0 5px}
}
.project-card-s4{margin:0 5px;margin-bottom:30px}
@media (max-width: 767px) {
.project-card-s4{max-width:450px;margin:0 auto;margin-bottom:30px}
}
.project-card-s4 .image{overflow:hidden;position:relative}
.project-card-s4 img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease;overflow:hidden}
.project-card-s4 img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.project-card-s4 .content{text-align:center}
.project-card-s4 .content h2{margin-bottom:0}
.project-card-s4 .content h2 a{color:#000;font-family:var(--font);font-size:40px;font-weight:400;line-height:80px}
@media (max-width: 1399px) {
.project-card-s4 .content h2 a{font-size:35px;line-height:50px;margin-top:20px;display:block}
}
@media (max-width: 1199px) {
.project-card-s4 .content h2 a{font-size:30px;line-height:50px}
}
@media (max-width: 575px) {
.project-card-s4 .content h2 a{font-size:25px;line-height:35px}
}
.project-card-s4 .content span{color:#000;font-size:20px;font-weight:400;line-height:20px}
.project-card-s4:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.project-card-s4:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-testimonial-section-s3,.wpo-testimonial-section-s11{padding-left:100px;padding-right:100px;border:1px solid #3333;border-left:0;border-right:0}
@media (max-width: 1399px) {
.wpo-testimonial-section-s3,.wpo-testimonial-section-s11{padding-left:50px;padding-right:50px}
}
@media (max-width: 1199px) {
.wpo-testimonial-section-s3,.wpo-testimonial-section-s11{padding-left:30px;padding-right:30px}
}
@media (max-width: 767px) {
.wpo-testimonial-section-s3,.wpo-testimonial-section-s11{padding-left:10px;padding-right:10px}
}
.wpo-testimonial-section-s3 .testimonial-slider-s3,.wpo-testimonial-section-s11 .testimonial-slider-s3{margin:-15px}
@media (max-width: 991px) {
.wpo-testimonial-section-s3 .testimonial-slider-s3,.wpo-testimonial-section-s11 .testimonial-slider-s3{margin:0}
}
.wpo-testimonial-section-s3 .item,.wpo-testimonial-section-s11 .item{background:#fff;box-shadow:0 2px 12px 2px #0400340f;padding:70px 60px;margin:15px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s3 .item,.wpo-testimonial-section-s11 .item{padding:50px 30px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s3 .item,.wpo-testimonial-section-s11 .item{margin:0;box-shadow:0 2px 12px 2px transparent;border:1px solid #3333}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item,.wpo-testimonial-section-s11 .item{padding:30px 20px}
}
.wpo-testimonial-section-s3 .item .icon,.wpo-testimonial-section-s11 .item .icon{width:60px;height:60px}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .icon,.wpo-testimonial-section-s11 .item .icon{width:40px;height:40px}
}
.wpo-testimonial-section-s3 .item h3,.wpo-testimonial-section-s11 .item h3{color:#000;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:40px;margin-top:20px;margin-bottom:35px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s3 .item h3,.wpo-testimonial-section-s11 .item h3{font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item h3,.wpo-testimonial-section-s11 .item h3{font-size:18px;line-height:25px}
}
.wpo-testimonial-section-s3 .item .client-wrap,.wpo-testimonial-section-s11 .item .client-wrap{display:flex;align-items:center}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .client-wrap,.wpo-testimonial-section-s11 .item .client-wrap{display:block}
}
.wpo-testimonial-section-s3 .item .client-wrap .image,.wpo-testimonial-section-s11 .item .client-wrap .image{width:80px;height:80px}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .client-wrap .image,.wpo-testimonial-section-s11 .item .client-wrap .image{width:60px;height:60px}
}
.wpo-testimonial-section-s3 .item .client-wrap .image img,.wpo-testimonial-section-s11 .item .client-wrap .image img{width:100%;border-radius:100%}
.wpo-testimonial-section-s3 .item .client-wrap .text,.wpo-testimonial-section-s11 .item .client-wrap .text{margin-left:30px}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .client-wrap .text,.wpo-testimonial-section-s11 .item .client-wrap .text{margin-left:0;margin-top:20px}
}
.wpo-testimonial-section-s3 .item .client-wrap .text h4,.wpo-testimonial-section-s11 .item .client-wrap .text h4{color:#000;font-size:40px;font-weight:400;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-testimonial-section-s3 .item .client-wrap .text h4,.wpo-testimonial-section-s11 .item .client-wrap .text h4{font-size:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .client-wrap .text h4,.wpo-testimonial-section-s11 .item .client-wrap .text h4{font-size:20px}
}
.wpo-testimonial-section-s3 .item .client-wrap .text span,.wpo-testimonial-section-s11 .item .client-wrap .text span{color:#565656;font-size:18px;font-weight:400}
@media (max-width: 575px) {
.wpo-testimonial-section-s3 .item .client-wrap .text span,.wpo-testimonial-section-s11 .item .client-wrap .text span{font-size:16px}
}
.wpo-testimonial-section-s3 .owl-nav,.wpo-testimonial-section-s11 .owl-nav{display:none}
.wpo-testimonial-section-s3 .owl-dots,.wpo-testimonial-section-s11 .owl-dots{text-align:center;padding-top:55px}
.wpo-testimonial-section-s3 .owl-dot,.wpo-testimonial-section-s11 .owl-dot{border:0;width:15px;height:15px;background:#D9D9D9;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s3 .owl-dot.active,.wpo-testimonial-section-s11 .owl-dot.active{background:#333}
.wpo-blog-section-s2{max-width:1715px;margin:0 auto}
@media (max-width: 1799px) {
.wpo-blog-section-s2{margin:0 10px}
}
@media (max-width: 991px) {
.wpo-blog-section-s2{padding-bottom:50px}
}
@media (max-width: 757px) {
.wpo-blog-section-s2{padding-bottom:40px}
}
.wpo-blog-section-s2 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-blog-section-s2 .title{flex-direction:column;text-align:center}
}
.wpo-blog-section-s2 .title h2{color:#000;font-size:100px;font-weight:400;line-height:130px;margin-bottom:0;max-width:900px}
@media (max-width: 1599px) {
.wpo-blog-section-s2 .title h2{font-size:90px;line-height:120px}
}
@media (max-width: 1399px) {
.wpo-blog-section-s2 .title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s2 .title h2{max-width:100%;margin-bottom:10px}
}
@media (max-width: 757px) {
.wpo-blog-section-s2 .title h2{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-blog-section-s2 .title h2{font-size:40px;line-height:40px}
}
.wpo-blog-section-s2 .title p{color:#000;font-size:20px;font-weight:400;line-height:30px;margin:0;max-width:663px}
@media (max-width: 1199px) {
.wpo-blog-section-s2 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-blog-section-s2 .title p{font-size:18px;line-height:25px}
}
.wpo-blog-section-s2 .blog-wrap .row{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-blog-section-s2 .blog-wrap .row{padding:0 10px;margin:0}
}
@media (max-width: 757px) {
.wpo-blog-section-s2 .blog-wrap .row{padding:0}
}
.wpo-blog-section-s2 .blog-card{margin:0 10px}
@media (max-width: 1399px) {
.wpo-blog-section-s2 .blog-card{margin:0}
}
@media (max-width: 991px) {
.wpo-blog-section-s2 .blog-card{margin-bottom:30px}
}
.wpo-blog-section-s2 .blog-card .image{position:relative;border-radius:0;overflow:hidden}
@media (max-width: 1199px) {
.wpo-blog-section-s2 .blog-card .image{border-radius:0}
}
.wpo-blog-section-s2 .blog-card .image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.wpo-blog-section-s2 .blog-card .image img{width:100%}
.wpo-blog-section-s2 .blog-card h3{margin:0;margin-top:30px}
.wpo-blog-section-s2 .blog-card h3 a{color:#000;font-family:var(--font);font-size:45px;font-weight:400;line-height:60px}
@media (max-width: 1399px) {
.wpo-blog-section-s2 .blog-card h3 a{font-size:35px;line-height:40px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s2 .blog-card h3 a{font-size:30px;line-height:40px}
}
.wpo-blog-section-s2 .blog-card a{color:#000;font-size:25px;font-weight:400;line-height:60px}
.wpo-blog-section-s2 .blog-card:hover .image::before{animation:shine .75s}
.wpo-service-section-s5{background:#000}
.wpo-service-section-s5 .service-wrap{max-width:1720px;margin:0 auto;padding:100px 0}
@media (max-width: 767px) {
.wpo-service-section-s5 .service-wrap{padding:100px 0 80px}
}
.wpo-service-section-s5 .service-card{border:1px solid #333;background:transparent;padding:40px;margin-bottom:30px}
@media (max-width: 1499px) {
.wpo-service-section-s5 .service-card{padding:30px}
}
@media (max-width: 1199px) {
.wpo-service-section-s5 .service-card{padding:30px 20px}
}
.wpo-service-section-s5 .service-card .icon{margin-bottom:20px}
.wpo-service-section-s5 .service-card h2 a{color:#fff;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.wpo-service-section-s5 .service-card h2 a{font-size:25px;line-height:35px}
}
.wpo-service-section-s5 .service-card p{color:#ACACAC;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-service-section-s5 .service-card p{font-size:15px;line-height:25px}
}
.wpo-about-section-s5{background:#000}
.wpo-about-section-s5 .about-wrap{max-width:1674px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
@media (max-width: 1674px) {
.wpo-about-section-s5 .about-wrap{padding:0 20px}
}
@media (max-width: 1199px) {
.wpo-about-section-s5 .about-wrap{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .about-wrap{display:block}
}
.wpo-about-section-s5 .content{max-width:813px}
@media (max-width: 1399px) {
.wpo-about-section-s5 .content{max-width:613px}
}
@media (max-width: 1199px) {
.wpo-about-section-s5 .content{max-width:513px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .content{max-width:100%;margin-bottom:50px}
}
.wpo-about-section-s5 .content p{color:#fff;font-size:20px;margin-bottom:60px;font-weight:400;line-height:40px;margin-bottom:60px;margin-top:20px}
@media (max-width: 991px) {
.wpo-about-section-s5 .content p{font-size:18px;line-height:30px;margin-bottom:20px}
}
.wpo-about-section-s5 .title{max-width:600px}
@media (max-width: 991px) {
.wpo-about-section-s5 .title{max-width:100%}
}
.wpo-about-section-s5 .title h2{position:relative;z-index:1;color:#fff;font-size:130px;font-weight:700;line-height:140px;margin-bottom:0;padding-left:150px}
@media (max-width: 1399px) {
.wpo-about-section-s5 .title h2{font-size:100px;line-height:100px;padding-left:100px}
}
@media (max-width: 1199px) {
.wpo-about-section-s5 .title h2{font-size:70px;line-height:80px;padding-left:80px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .title h2{font-size:50px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-about-section-s5 .title h2{padding-left:50px}
}
.wpo-about-section-s5 .title h2 span{font-size:100px;font-weight:300}
@media (max-width: 1199px) {
.wpo-about-section-s5 .title h2 span{font-size:80px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .title h2 span{font-size:50px;line-height:50px}
}
.wpo-about-section-s5 .title h2 .bg-text{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#363636;color:transparent;font-size:400px;font-weight:700;text-transform:uppercase;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
@media (max-width: 1399px) {
.wpo-about-section-s5 .title h2 .bg-text{font-size:300px}
}
@media (max-width: 1199px) {
.wpo-about-section-s5 .title h2 .bg-text{font-size:200px}
}
.wpo-about-section-s5 .about-btn{display:flex;align-items:center;margin-top:60px}
@media (max-width: 991px) {
.wpo-about-section-s5 .about-btn{margin-top:30px}
}
.wpo-about-section-s5 .about-btn .theme-btn,.wpo-about-section-s5 .about-btn .view-cart-btn{background:#fff;text-transform:none;border-radius:35px;color:#000}
.wpo-about-section-s5 .about-btn .theme-btn .rolling-text,.wpo-about-section-s5 .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-about-section-s5 .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 767px) {
.wpo-about-section-s5 .video-wrap{display:none}
}
.wpo-about-section-s5 .video-wrap span{padding-left:20px;color:#fff}
.wpo-about-section-s5 .funfact{max-width:643px;max-height:450px;height:450px;display:flex;justify-content:space-between;flex-wrap:wrap}
@media (max-width: 991px) {
.wpo-about-section-s5 .funfact{max-width:100%;max-height:100%;height:100%}
}
@media (max-width: 575px) {
.wpo-about-section-s5 .funfact{display:block}
}
.wpo-about-section-s5 .funfact .item{text-align:center;margin-bottom:20px;width:50%}
@media (max-width: 991px) {
.wpo-about-section-s5 .funfact .item{text-align:left}
}
@media (max-width: 575px) {
.wpo-about-section-s5 .funfact .item{width:100%;text-align:center}
}
.wpo-about-section-s5 .funfact .item h2{margin-bottom:0;margin-left:20px}
@media (max-width: 991px) {
.wpo-about-section-s5 .funfact .item h2{margin-left:0}
}
.wpo-about-section-s5 .funfact .item h2 span{color:#fff;font-size:100px;font-weight:700}
@media (max-width: 1550px) {
.wpo-about-section-s5 .funfact .item h2 span{font-size:90px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .funfact .item h2 span{font-size:80px}
}
@media (max-width: 757px) {
.wpo-about-section-s5 .funfact .item h2 span{font-size:50px}
}
.wpo-about-section-s5 .funfact .item h2 .icon{font-size:50px;position:relative;bottom:-20px}
@media (max-width: 1550px) {
.wpo-about-section-s5 .funfact .item h2 .icon{font-size:40px;bottom:-20px}
}
@media (max-width: 991px) {
.wpo-about-section-s5 .funfact .item h2 .icon{font-size:40px;bottom:-20px}
}
@media (max-width: 757px) {
.wpo-about-section-s5 .funfact .item h2 .icon{font-size:30px;bottom:-10px}
}
.wpo-about-section-s5 .funfact .item h3{color:#fff;font-family:var(--font),serif;text-transform:uppercase;color:#999;font-size:25px;font-weight:500;margin-bottom:0}
@media (max-width: 1550px) {
.wpo-about-section-s5 .funfact .item h3{margin:0}
}
@media (max-width: 1199px) {
.wpo-about-section-s5 .funfact .item h3{font-size:20px;margin-top:0}
}
@media (max-width: 757px) {
.wpo-about-section-s5 .funfact .item h3{font-size:18px}
}
.wpo-video-section,.wpo-video-section-s2,.wpo-video-section-s3{background:#000}
.wpo-video-section .wraper,.wpo-video-section-s2 .wraper,.wpo-video-section-s3 .wraper{background-position:center;background-repeat:no-repeat;background-size:cover;max-width:1720px;height:600px;position:relative;margin:0 auto}
@media (max-width: 1199px) {
.wpo-video-section .wraper,.wpo-video-section-s2 .wraper,.wpo-video-section-s3 .wraper{height:500px}
}
@media (max-width: 991px) {
.wpo-video-section .wraper,.wpo-video-section-s2 .wraper,.wpo-video-section-s3 .wraper{height:400px}
}
@media (max-width: 767px) {
.wpo-video-section .wraper,.wpo-video-section-s2 .wraper,.wpo-video-section-s3 .wraper{height:300px}
}
.wpo-video-section .video-wrap,.wpo-video-section-s2 .video-wrap,.wpo-video-section-s3 .video-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.wpo-video-section .video-btn,.wpo-video-section-s2 .video-btn,.wpo-video-section-s3 .video-btn{border:0;display:inline}
.wpo-video-section-s2{background:#fff}
.wpo-video-section-s3{background:#fff}
.wpo-video-section-s3 .wraper{border-radius:40px;height:650px}
@media (max-width: 1199px) {
.wpo-video-section-s3 .wraper{height:500px}
}
@media (max-width: 991px) {
.wpo-video-section-s3 .wraper{height:400px}
}
@media (max-width: 767px) {
.wpo-video-section-s3 .wraper{height:300px}
}
.wpo-project-section-s5{background:#000;z-index:1}
@media (max-width: 991px) {
.wpo-project-section-s5{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-project-section-s5{padding-bottom:50px}
}
.wpo-project-section-s5 .container-fulid{max-width:1720px;margin:0 auto}
@media (max-width: 991px) {
.wpo-project-section-s5 .container-fulid{padding:0 10px}
}
.wpo-project-section-s5 .top-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content{display:block}
}
.wpo-project-section-s5 .top-content .title{width:70%}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content .title{width:100%}
}
.wpo-project-section-s5 .top-content .title h2{position:relative;z-index:1;color:#fff;font-size:130px;font-weight:700;line-height:140px;margin-bottom:0;padding-left:150px}
@media (max-width: 1399px) {
.wpo-project-section-s5 .top-content .title h2{font-size:100px;line-height:100px;padding-left:100px}
}
@media (max-width: 1199px) {
.wpo-project-section-s5 .top-content .title h2{font-size:70px;line-height:80px;padding-left:80px}
}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content .title h2{font-size:50px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-project-section-s5 .top-content .title h2{padding-left:50px}
}
.wpo-project-section-s5 .top-content .title h2 span{font-size:100px;font-weight:300}
@media (max-width: 1199px) {
.wpo-project-section-s5 .top-content .title h2 span{font-size:80px}
}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content .title h2 span{font-size:50px;line-height:50px}
}
.wpo-project-section-s5 .top-content .title h2 .bg-text{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#363636;color:transparent;font-size:400px;font-weight:700;text-transform:uppercase;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}
@media (max-width: 1399px) {
.wpo-project-section-s5 .top-content .title h2 .bg-text{font-size:300px}
}
@media (max-width: 1199px) {
.wpo-project-section-s5 .top-content .title h2 .bg-text{font-size:200px}
}
.wpo-project-section-s5 .top-content .project-allBtn{text-align:end}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content .project-allBtn{text-align:left;margin-top:50px}
}
.wpo-project-section-s5 .top-content .project-allBtn .theme-btn,.wpo-project-section-s5 .top-content .project-allBtn .view-cart-btn{text-transform:none;padding:12px 45px;border-radius:35px}
@media (max-width: 991px) {
.wpo-project-section-s5 .top-content .project-allBtn .theme-btn,.wpo-project-section-s5 .top-content .project-allBtn .view-cart-btn{padding:8px 35px}
}
.wpo-project-section-s5 .top-content .project-allBtn .rolling-text{height:30px;line-height:46px}
.project-card-s5{position:relative;overflow:hidden}
@media (max-width: 991px) {
.project-card-s5{margin-bottom:30px}
}
.project-card-s5 .image{position:relative}
.project-card-s5 img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease;overflow:hidden}
.project-card-s5 img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.project-card-s5 .content{text-align:center;margin-top:20px}
.project-card-s5 .content h2{margin-bottom:0}
.project-card-s5 .content h2 a{color:#fff;font-size:45px;font-weight:500}
@media (max-width: 1599px) {
.project-card-s5 .content h2 a{font-size:35px;line-height:40px}
}
@media (max-width: 1399px) {
.project-card-s5 .content h2 a{font-size:33px;line-height:40px}
}
@media (max-width: 1199px) {
.project-card-s5 .content h2 a{font-size:25px;line-height:35px}
}
@media (max-width: 991px) {
.project-card-s5 .content h2 a{font-size:30px;line-height:40px}
}
@media (max-width: 575px) {
.project-card-s5 .content h2 a{font-size:20px;line-height:35px}
}
.project-card-s5 .content span{color:#CECECE;font-size:22px;font-weight:400;line-height:50px}
.project-card-s5:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.project-card-s5:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-testimonial-section-s4{background:#000;padding-bottom:150px}
@media (max-width: 1399px) {
.wpo-testimonial-section-s4{padding-bottom:120px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4{padding-bottom:90px}
}
@media (max-width: 767px) {
.wpo-testimonial-section-s4{padding-bottom:80px}
}
.wpo-testimonial-section-s4 .wraper{max-width:1720px;margin:0 auto;display:flex;justify-content:space-between}
@media (max-width: 1720px) {
.wpo-testimonial-section-s4 .wraper{padding:0 20px}
}
@media (max-width: 1199px) {
.wpo-testimonial-section-s4 .wraper{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .wraper{flex-direction:column;align-items:center}
}
.wpo-testimonial-section-s4 .testimonial-left{max-width:820px}
@media (max-width: 1720px) {
.wpo-testimonial-section-s4 .testimonial-left{max-width:49%}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .testimonial-left{max-width:100%}
}
.wpo-testimonial-section-s4 .testimonial-left .testimonial-slider{background:#fff;margin-bottom:80px;position:relative}
@media (max-width: 1599px) {
.wpo-testimonial-section-s4 .testimonial-left .testimonial-slider{margin-bottom:30px}
}
.wpo-testimonial-section-s4 .item{background:#fff;padding:80px 60px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s4 .item{padding:70px 30px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .item{margin:0}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item{padding:30px 20px}
}
.wpo-testimonial-section-s4 .item .icon{width:60px;height:60px}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .icon{width:40px;height:40px}
}
.wpo-testimonial-section-s4 .item h3{color:#000;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:40px;margin-top:20px;margin-bottom:35px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s4 .item h3{font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item h3{font-size:18px;line-height:25px}
}
.wpo-testimonial-section-s4 .item .client-wrap{display:flex;align-items:center}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .client-wrap{display:block}
}
.wpo-testimonial-section-s4 .item .client-wrap .image{width:80px;height:80px}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .client-wrap .image{width:60px;height:60px}
}
.wpo-testimonial-section-s4 .item .client-wrap .image img{width:100%;border-radius:100%}
.wpo-testimonial-section-s4 .item .client-wrap .text{margin-left:30px}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .client-wrap .text{margin-left:0;margin-top:20px}
}
.wpo-testimonial-section-s4 .item .client-wrap .text h4{color:#000;font-size:40px;font-weight:400;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-testimonial-section-s4 .item .client-wrap .text h4{font-size:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .client-wrap .text h4{font-size:20px}
}
.wpo-testimonial-section-s4 .item .client-wrap .text span{color:#565656;font-size:18px;font-weight:400}
@media (max-width: 575px) {
.wpo-testimonial-section-s4 .item .client-wrap .text span{font-size:16px}
}
.wpo-testimonial-section-s4 .owl-nav{position:absolute;right:40px;bottom:40px}
@media (max-width: 1399px) {
.wpo-testimonial-section-s4 .owl-nav{bottom:10px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .owl-nav{display:none}
}
.wpo-testimonial-section-s4 .owl-nav button{border:0;background:transparent}
.wpo-testimonial-section-s4 .owl-nav button span{display:none}
.wpo-testimonial-section-s4 .owl-prev{margin-right:30px}
.wpo-testimonial-section-s4 .owl-prev::before{content:url(../images/left-arrow-2.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s4 .owl-prev:hover::before{content:url(../images/left-arrow-white-2.svg)}
.wpo-testimonial-section-s4 .owl-next::before{content:url(../images/right-arrow-3.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s4 .owl-next:hover::before{content:url(../images/right-arrow-white-3.svg)}
.wpo-testimonial-section-s4 .owl-dots{text-align:center;padding-top:55px;display:none}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .owl-dots{display:block;padding:0 0 30px}
}
.wpo-testimonial-section-s4 .owl-dot{border:0;width:15px;height:15px;background:#D9D9D9;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s4 .owl-dot.active{background:#333}
@media (max-width: 1720px) {
.wpo-testimonial-section-s4 .testimonial-right{max-width:49%}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s4 .testimonial-right{max-width:100%;margin-top:30px}
}
.wpo-cta-section,.wpo-cta-section-s2{background-position:center;background-repeat:no-repeat;background-size:cover;height:800px;position:relative;display:flex;align-items:end;justify-content:center}
@media (max-width: 1199px) {
.wpo-cta-section,.wpo-cta-section-s2{height:600px}
}
@media (max-width: 991px) {
.wpo-cta-section,.wpo-cta-section-s2{height:100%;align-items:center}
}
.wpo-cta-section .title,.wpo-cta-section-s2 .title{max-width:1300px;text-align:center;padding-bottom:150px}
@media (max-width: 1199px) {
.wpo-cta-section .title,.wpo-cta-section-s2 .title{padding-bottom:100px}
}
@media (max-width: 991px) {
.wpo-cta-section .title,.wpo-cta-section-s2 .title{padding:150px 0}
}
@media (max-width: 767px) {
.wpo-cta-section .title,.wpo-cta-section-s2 .title{padding:100px 0}
}
.wpo-cta-section .title h2,.wpo-cta-section-s2 .title h2{color:#FFF;text-align:center;font-size:80px;font-weight:700;margin-bottom:30px}
@media (max-width: 1399px) {
.wpo-cta-section .title h2,.wpo-cta-section-s2 .title h2{font-size:70px}
}
@media (max-width: 1199px) {
.wpo-cta-section .title h2,.wpo-cta-section-s2 .title h2{font-size:50px}
}
@media (max-width: 991px) {
.wpo-cta-section .title h2,.wpo-cta-section-s2 .title h2{font-size:40px;margin-bottom:20px}
}
@media (max-width: 575px) {
.wpo-cta-section .title h2,.wpo-cta-section-s2 .title h2{font-size:30px}
}
.wpo-cta-section .title a,.wpo-cta-section-s2 .title a{color:#000;position:relative}
.wpo-cta-section .title a span,.wpo-cta-section-s2 .title a span{text-align:center;font-size:20px;font-weight:600;background:#fff;border-radius:30px;height:60px;line-height:60px;display:inline-block;padding:0 60px}
@media (max-width: 767px) {
.wpo-cta-section .title a span,.wpo-cta-section-s2 .title a span{font-size:16px;height:50px;line-height:50px;padding:0 40px}
}
.wpo-cta-section .title a i,.wpo-cta-section-s2 .title a i{width:60px;height:60px;line-height:60px;border-radius:30px;background:#fff;display:inline-block;font-size:25px;position:relative;top:2px;right:4px;transition:all .3s ease-in-out}
@media (max-width: 767px) {
.wpo-cta-section .title a i,.wpo-cta-section-s2 .title a i{font-size:20px;height:50px;line-height:50px;width:50px}
}
.wpo-cta-section .title a:hover i,.wpo-cta-section-s2 .title a:hover i{background:#000;color:#fff}
.wpo-partners-section-s2,.wpo-partners-section-s3,.wpo-partners-section-s14{background:#000;border:0;border-bottom:1px solid #525252}
.wpo-partners-section-s2 .partners-slider,.wpo-partners-section-s3 .partners-slider,.wpo-partners-section-s14 .partners-slider{max-width:1660px}
.wpo-partners-section-s3{border-bottom:0;border-top:1px solid #525252}
.wpo-about-section-s6 .about-wrap{max-width:1720px;margin:0 auto}
@media (max-width: 1720px) {
.wpo-about-section-s6 .about-wrap{padding:0 20px}
}
@media (max-width: 757px) {
.wpo-about-section-s6 .about-wrap{padding:0 10px}
}
.wpo-about-section-s6 .content{display:flex;justify-content:space-between}
@media (max-width: 991px) {
.wpo-about-section-s6 .content{display:block}
}
.wpo-about-section-s6 .content .title{width:640px;padding-right:20px;display:block}
@media (max-width: 1399px) {
.wpo-about-section-s6 .content .title{width:500px}
}
@media (max-width: 991px) {
.wpo-about-section-s6 .content .title{width:100%;padding-right:0}
}
.wpo-about-section-s6 .content .title h2{color:#000;font-family:var(--font),serif;font-size:40px;font-weight:400;margin-bottom:0}
@media (max-width: 757px) {
.wpo-about-section-s6 .content .title h2{font-size:30px}
}
.wpo-about-section-s6 .content p{width:calc(100% - 640px);color:#000;font-size:55px;line-height:80px;font-weight:400;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-about-section-s6 .content p{width:calc(100% - 500px);font-size:30px;line-height:50px}
}
@media (max-width: 1199px) {
.wpo-about-section-s6 .content p{font-size:25px;line-height:40px}
}
@media (max-width: 991px) {
.wpo-about-section-s6 .content p{width:100%}
}
@media (max-width: 757px) {
.wpo-about-section-s6 .content p{font-size:20px;line-height:35px}
}
.wpo-products-section{height:900px;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}
@media (max-width: 767px) {
.wpo-products-section{height:100%;padding:100px 10px 80px}
}
.wpo-products-section .item{position:absolute;left:165px;bottom:310px}
@media (max-width: 767px) {
.wpo-products-section .item{position:unset;margin:0 auto;margin-bottom:20px;max-width:450px}
}
.wpo-products-section .item::before{position:absolute;right:-40px;top:50%;content:"";background:#fff;width:40px;height:2px;transform:translateY(-50%)}
@media (max-width: 767px) {
.wpo-products-section .item::before{display:none}
}
.wpo-products-section .item::after{position:absolute;right:-40px;top:50%;content:"";background:#fff;width:2px;height:180px}
@media (max-width: 767px) {
.wpo-products-section .item::after{display:none}
}
.wpo-products-section .item .dot{border-radius:26px;background:#ffffff4d;width:26px;height:26px;position:absolute;right:-52px;bottom:-146px}
@media (max-width: 767px) {
.wpo-products-section .item .dot{display:none}
}
.wpo-products-section .item .dot::before{position:absolute;left:50%;top:50%;content:"";background:#fff;width:16px;height:16px;border-radius:26px;transform:translate(-50%,-50%)}
.wpo-products-section .item .content{display:flex;align-items:center;background:#fff;border-radius:10px}
@media (max-width: 575px) {
.wpo-products-section .item .content{display:block;padding:20px;text-align:center}
}
.wpo-products-section .item .content .image{width:97px;height:90px;margin:10px}
@media (max-width: 575px) {
.wpo-products-section .item .content .image{margin:0 auto;margin-bottom:20px}
}
.wpo-products-section .item .content .image img{width:100%;border-radius:10px}
.wpo-products-section .item .content .text{padding:20px 30px;padding-left:10px}
@media (max-width: 575px) {
.wpo-products-section .item .content .text{padding:0}
}
.wpo-products-section .item .content .text h2{font-size:25px;font-weight:700}
@media (max-width: 575px) {
.wpo-products-section .item .content .text h2{font-size:20px}
}
.wpo-products-section .item .content .text h2 a{color:#000}
.wpo-products-section .item .content .text span{color:#333;font-size:20px;font-weight:500;line-height:25px}
.wpo-products-section .item .content .text del{color:#999;font-size:20px;font-weight:400;line-height:25px;padding-left:13px}
.wpo-products-section .item:nth-child(2){left:565px;bottom:auto;top:180px}
@media (max-width: 991px) {
.wpo-products-section .item:nth-child(2){left:300px;top:75px}
}
@media (max-width: 767px) {
.wpo-products-section .item:nth-child(2){position:unset;transform:none}
}
.wpo-products-section .item:nth-child(2)::before{right:auto;top:auto;bottom:-40px;left:50%;width:2px;height:40px;transform:translateX(-50%)}
@media (max-width: 991px) {
.wpo-products-section .item:nth-child(2)::before{height:150px;bottom:-150px}
}
.wpo-products-section .item:nth-child(2)::after{right:auto;top:auto;bottom:-41px;left:-107px;transform:translateY(-50%);width:260px;height:2px}
@media (max-width: 991px) {
.wpo-products-section .item:nth-child(2)::after{display:none}
}
.wpo-products-section .item:nth-child(2) .dot{right:auto;bottom:-52px;left:-128px}
@media (max-width: 991px) {
.wpo-products-section .item:nth-child(2) .dot{bottom:-159px;left:139px}
}
.wpo-products-section .item:last-child{top:327px;right:260px;left:auto;bottom:auto;transform:translate(-50%)}
@media (max-width: 1600px) {
.wpo-products-section .item:last-child{right:200px}
}
@media (max-width: 1499px) {
.wpo-products-section .item:last-child{right:50px}
}
@media (max-width: 1399px) {
.wpo-products-section .item:last-child{right:-100px}
}
@media (max-width: 1199px) {
.wpo-products-section .item:last-child{top:400px;right:-150px}
}
@media (max-width: 991px) {
.wpo-products-section .item:last-child{top:auto;right:150px;bottom:47px}
}
@media (max-width: 767px) {
.wpo-products-section .item:last-child{position:unset;transform:none}
}
.wpo-products-section .item:last-child .content .image{width:125px;height:90px}
.wpo-products-section .item:last-child::before{right:auto;top:50%;bottom:auto;left:-20px;width:40px;height:2px;transform:translateX(-50%)}
@media (max-width: 991px) {
.wpo-products-section .item:last-child::before{right:-220px;top:50%;bottom:auto;left:auto;width:150px;height:2px}
}
.wpo-products-section .item:last-child::after{right:auto;top:auto;bottom:-335px;left:-40px;transform:translateY(-50%);width:2px;height:260px}
@media (max-width: 991px) {
.wpo-products-section .item:last-child::after{display:none}
}
.wpo-products-section .item:last-child .dot{right:auto;bottom:-226px;left:-52px}
@media (max-width: 991px) {
.wpo-products-section .item:last-child .dot{left:auto;bottom:auto;right:-165px;top:40%}
}
.wpo-service-section-s6{padding:150px 0 100px}
@media (max-width: 991px) {
.wpo-service-section-s6{padding:100px 0 90px}
}
@media (max-width: 767px) {
.wpo-service-section-s6{padding:90px 0 60px}
}
.wpo-service-section-s6 .service-wrap{max-width:1716px;margin:0 auto;display:flex;align-items:flex-start}
@media (max-width: 991px) {
.wpo-service-section-s6 .service-wrap{display:block;max-width:100%}
}
.wpo-service-section-s6 .service-wrap .title{max-width:711px}
@media (max-width: 1550px) {
.wpo-service-section-s6 .service-wrap .title{padding-right:20px}
}
@media (max-width: 991px) {
.wpo-service-section-s6 .service-wrap .title{padding:0}
.wpo-service-section-s6 .service-wrap .title{margin-bottom:40px}
}
.wpo-service-section-s6 .service-wrap .title h2{color:#000;font-size:110px;font-weight:700;margin-bottom:35px}
@media (max-width: 1550px) {
.wpo-service-section-s6 .service-wrap .title h2{font-size:90px}
}
@media (max-width: 1399px) {
.wpo-service-section-s6 .service-wrap .title h2{font-size:70px;margin-bottom:20px}
}
@media (max-width: 991px) {
.wpo-service-section-s6 .service-wrap .title h2{font-size:60px;margin-bottom:10px}
}
@media (max-width: 767px) {
.wpo-service-section-s6 .service-wrap .title h2{font-size:40px;margin-bottom:10px}
}
@media (max-width: 575px) {
.wpo-service-section-s6 .service-wrap .title h2{font-size:35px;margin-bottom:10px}
}
.wpo-service-section-s6 .service-wrap .title p{color:#000;font-size:20px;font-weight:400;line-height:30px}
@media (max-width: 575px) {
.wpo-service-section-s6 .service-wrap .title p{font-size:18px;line-height:28px}
}
.wpo-service-section-s6 .service-wrap .row{max-width:900px;margin-left:auto;margin-right:-30px}
@media (max-width: 1399px) {
.wpo-service-section-s6 .service-wrap .row{margin:0}
}
@media (max-width: 991px) {
.wpo-service-section-s6 .service-wrap .row{max-width:100%;margin:0 -10px}
}
.wpo-service-section-s6 .service-wrap .service-card{margin:0 15px 50px}
@media (max-width: 1399px) {
.wpo-service-section-s6 .service-wrap .service-card{margin:0 0 30px}
}
.wpo-project-section-s6{margin:0 20px;position:relative}
@media (max-width: 1699px) {
.wpo-project-section-s6{margin:0}
}
@media (max-width: 991px) {
.wpo-project-section-s6{margin:0 20px;padding-bottom:60px}
}
@media (max-width: 757px) {
.wpo-project-section-s6{margin:0 10px;padding-bottom:50px}
}
.wpo-project-section-s6 .top-content{max-width:399px;position:absolute;top:8%;right:26%}
@media (max-width: 1699px) {
.wpo-project-section-s6 .top-content{max-width:300px;top:4%}
}
@media (max-width: 1399px) {
.wpo-project-section-s6 .top-content{max-width:300px;top:0;right:24%}
}
@media (max-width: 1199px) {
.wpo-project-section-s6 .top-content{max-width:250px;top:0;right:24%}
}
@media (max-width: 991px) {
.wpo-project-section-s6 .top-content{max-width:100%;position:unset;margin-bottom:30px;text-align:center}
}
.wpo-project-section-s6 .top-content .title h2{position:relative;z-index:1;color:#000;font-size:110px;font-weight:700}
@media (max-width: 1399px) {
.wpo-project-section-s6 .top-content .title h2{font-size:100px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-project-section-s6 .top-content .title h2{font-size:70px;line-height:80px}
}
@media (max-width: 991px) {
.wpo-project-section-s6 .top-content .title h2{font-size:50px;line-height:50px}
}
.wpo-project-section-s6 .project-card-s6{margin:0 5px}
@media (max-width: 1699px) {
.wpo-project-section-s6 .project-card-s6{margin:0}
}
@media (max-width: 991px) {
.wpo-project-section-s6 .project-card-s6{margin-bottom:30px}
}
.wpo-project-section-s6 .col:nth-child(2){margin-top:200px}
@media (max-width: 991px) {
.wpo-project-section-s6 .col:nth-child(2){margin-top:0}
}
.wpo-project-section-s6 .col:nth-child(3){margin-top:570px}
@media (max-width: 1399px) {
.wpo-project-section-s6 .col:nth-child(3){margin-top:470px}
}
@media (max-width: 991px) {
.wpo-project-section-s6 .col:nth-child(3){margin-top:0}
}
.wpo-project-section-s6 .col:last-child{margin-top:30px}
@media (max-width: 991px) {
.wpo-project-section-s6 .col:last-child{margin-top:0}
}
.project-card-s6{position:relative;overflow:hidden}
@media (max-width: 991px) {
.project-card-s6{margin-bottom:30px}
}
.project-card-s6 .image{position:relative}
.project-card-s6 img{width:100%;border-radius:0;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease;overflow:hidden}
.project-card-s6 img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.project-card-s6 .content{text-align:center;margin-top:20px}
.project-card-s6 .content h2{margin-bottom:0}
.project-card-s6 .content h2 a{color:#000;font-size:35px;font-weight:500}
@media (max-width: 1599px) {
.project-card-s6 .content h2 a{font-size:30px}
}
@media (max-width: 1399px) {
.project-card-s6 .content h2 a{font-size:25px}
}
@media (max-width: 1199px) {
.project-card-s6 .content h2 a{font-size:22px}
}
.project-card-s6 .content span{color:#666;font-size:22px;font-weight:400;line-height:50px}
@media (max-width: 1199px) {
.project-card-s6 .content span{font-size:18px;line-height:40px}
}
.project-card-s6:hover img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.project-card-s6:hover img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.wpo-work-section-s2{max-width:1734px;margin:0 auto}
@media (max-width: 1719px) {
.wpo-work-section-s2{margin:0 20px}
}
@media (max-width: 991px) {
.wpo-work-section-s2{margin:0 10px}
}
.wpo-work-section-s2 .title{margin-bottom:40px}
@media (max-width: 991px) {
.wpo-work-section-s2 .title{margin-bottom:20px}
}
.wpo-work-section-s2 .title h2{margin-bottom:0;font-size:150px;font-weight:700;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:transparent;text-transform:uppercase}
@media (max-width: 1599px) {
.wpo-work-section-s2 .title h2{font-size:90px;line-height:110px}
}
@media (max-width: 1199px) {
.wpo-work-section-s2 .title h2{max-width:100%;margin:0 auto;margin-bottom:10px;font-size:70px;line-height:80px}
}
@media (max-width: 991px) {
.wpo-work-section-s2 .title h2{font-size:60px;line-height:80px}
}
@media (max-width: 757px) {
.wpo-work-section-s2 .title h2{font-size:40px;line-height:60px}
}
.wpo-work-section-s2 p{color:#000;font-size:20px;font-weight:400;line-height:40px;margin-bottom:30px}
@media (max-width: 1199px) {
.wpo-work-section-s2 p{font-size:18px;line-height:30px;margin-bottom:20px}
}
.wpo-work-section-s2 .item{padding-bottom:30px;margin-bottom:30px;max-width:750px}
@media (max-width: 1399px) {
.wpo-work-section-s2 .item{margin-bottom:10px;padding-bottom:0}
}
@media (max-width: 1199px) {
.wpo-work-section-s2 .item{margin-bottom:20px}
}
@media (max-width: 991px) {
.wpo-work-section-s2 .item{margin-bottom:30px}
}
.wpo-work-section-s2 .item:last-child{margin-bottom:0}
@media (max-width: 1399px) {
.wpo-work-section-s2 .item:last-child{margin-bottom:0}
}
.wpo-work-section-s2 .item h3{color:#000;font-family:var(--font),serif;margin-bottom:40px;font-size:50px;font-weight:400;line-height:60px}
@media (max-width: 1399px) {
.wpo-work-section-s2 .item h3{margin-bottom:0;font-size:40px;line-height:50px}
}
@media (max-width: 1199px) {
.wpo-work-section-s2 .item h3{margin-bottom:0;font-size:30px;line-height:30px}
}
.wpo-work-section-s2 .item .text{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.wpo-work-section-s2 .item .text{display:block}
}
.wpo-work-section-s2 .item .text span{color:#666;font-size:20px;font-weight:400;line-height:60px;max-width:250px}
.wpo-work-section-s2 .item .text p{color:#666;font-size:20px;font-weight:400;line-height:30px;width:calc(100% - 250px);margin-bottom:0}
@media (max-width: 1199px) {
.wpo-work-section-s2 .item .text p{width:100%;font-size:18px}
}
.wpo-work-section-s2 .image{max-width:790px}
@media (max-width: 991px) {
.wpo-work-section-s2 .image{margin-bottom:30px}
}
.wpo-work-section-s2 .image img{width:100%}
.wpo-instagram-section .wraper{max-width:1720px;margin:0 auto}
@media (max-width: 1719px) {
.wpo-instagram-section .wraper{max-width:100%}
.wpo-instagram-section .wraper .instagram-card{max-width:23%}
}
@media (max-width: 1499px) {
.wpo-instagram-section .wraper .instagram-card{max-width:22%}
}
@media (max-width: 1199px) {
.wpo-instagram-section .wraper .instagram-card{max-width:23%}
}
@media (max-width: 991px) {
.wpo-instagram-section .wraper .instagram-card{max-width:100%;width:46%;margin:10px;margin-top:0;margin-bottom:20px}
}
@media (max-width: 767px) {
.wpo-instagram-section .wraper .instagram-card{max-width:100%;width:100%;margin:0;margin-bottom:20px}
}
.wpo-instagram-section .wraper .instagram-card:first-child{margin-top:200px}
@media (max-width: 1399px) {
.wpo-instagram-section .wraper .instagram-card:first-child{margin-top:150px}
}
@media (max-width: 1199px) {
.wpo-instagram-section .wraper .instagram-card:first-child{margin-top:100px}
}
@media (max-width: 991px) {
.wpo-instagram-section .wraper .instagram-card:first-child{margin-top:0}
}
.wpo-instagram-section .wraper .instagram-card:nth-child(4){margin-top:200px}
@media (max-width: 1399px) {
.wpo-instagram-section .wraper .instagram-card:nth-child(4){margin-top:150px}
}
@media (max-width: 1199px) {
.wpo-instagram-section .wraper .instagram-card:nth-child(4){margin-top:100px}
}
@media (max-width: 991px) {
.wpo-instagram-section .wraper .instagram-card:nth-child(4){margin-top:0}
}
.wpo-instagram-section .instagram-card{position:absolute;margin:15px}
@media (max-width: 1199px) {
.wpo-instagram-section .instagram-card{margin:10px}
}
.wpo-instagram-section .instagram-card:hover .popup-icon{opacity:1;visibility:visible}
.wpo-instagram-section .instagram-card .popup-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#fff;text-align:center;border-radius:100px;opacity:0;visibility:hidden;transition:all .3s ease-in-out}
.wpo-instagram-section .instagram-card .popup-icon i{line-height:50px;font-size:18px;color:#000}
.wpo-instagram-section .instagram-card img{width:100%;height:100%}
.wpo-blog-section-s3{max-width:1715px;margin:0 auto}
@media (max-width: 1799px) {
.wpo-blog-section-s3{margin:0 10px}
}
@media (max-width: 757px) {
.wpo-blog-section-s3{margin:0}
}
@media (max-width: 991px) {
.wpo-blog-section-s3{padding-bottom:50px}
}
@media (max-width: 757px) {
.wpo-blog-section-s3{padding-bottom:40px}
}
.wpo-blog-section-s3 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-blog-section-s3 .title{flex-direction:column;text-align:center}
}
.wpo-blog-section-s3 .title h2{color:#000;margin-bottom:0;max-width:900px;font-size:90px;font-weight:500}
@media (max-width: 1599px) {
.wpo-blog-section-s3 .title h2{font-size:90px;line-height:100px}
}
@media (max-width: 1399px) {
.wpo-blog-section-s3 .title h2{font-size:80px;line-height:90px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s3 .title h2{max-width:100%;margin-bottom:10px}
}
@media (max-width: 757px) {
.wpo-blog-section-s3 .title h2{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-blog-section-s3 .title h2{font-size:40px;line-height:40px}
}
.wpo-blog-section-s3 .title p{color:#000;font-size:20px;font-weight:400;line-height:30px;margin:0;max-width:663px}
@media (max-width: 1199px) {
.wpo-blog-section-s3 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-blog-section-s3 .title p{font-size:18px;line-height:25px}
}
.wpo-blog-section-s3 .blog-wrap .row{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-blog-section-s3 .blog-wrap .row{padding:0 10px;margin:0}
}
@media (max-width: 757px) {
.wpo-blog-section-s3 .blog-wrap .row{padding:0}
}
.wpo-blog-section-s3 .blog-card{margin:0 10px}
@media (max-width: 1399px) {
.wpo-blog-section-s3 .blog-card{margin:0}
}
@media (max-width: 991px) {
.wpo-blog-section-s3 .blog-card{margin-bottom:30px}
}
.wpo-blog-section-s3 .blog-card .image{position:relative;border-radius:0;overflow:hidden}
@media (max-width: 1199px) {
.wpo-blog-section-s3 .blog-card .image{border-radius:0}
}
.wpo-blog-section-s3 .blog-card .image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.wpo-blog-section-s3 .blog-card .image img{width:100%}
.wpo-blog-section-s3 .blog-card h3{margin:0;margin-top:30px}
.wpo-blog-section-s3 .blog-card h3 a{color:#000;font-size:40px;font-weight:700;line-height:50px}
@media (max-width: 1399px) {
.wpo-blog-section-s3 .blog-card h3 a{font-size:35px;line-height:40px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s3 .blog-card h3 a{font-size:30px;line-height:40px}
}
.wpo-blog-section-s3 .blog-card a{color:#000;font-size:25px;font-weight:400;line-height:60px}
.wpo-blog-section-s3 .blog-card:hover .image::before{animation:shine .75s}
.wpo-about-section-s7{background:#000}
.wpo-about-section-s7 .about-wrap{max-width:1763px;margin-right:auto;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 991px) {
.wpo-about-section-s7 .about-wrap{display:block;padding:0 10px}
}
.wpo-about-section-s7 .image{width:calc(100% - 730px);height:890px;position:relative}
@media (max-width: 1399px) {
.wpo-about-section-s7 .image{width:calc(100% - 530px);height:690px}
}
@media (max-width: 1199px) {
.wpo-about-section-s7 .image{height:490px}
}
@media (max-width: 991px) {
.wpo-about-section-s7 .image{max-width:700px;width:100%;margin-bottom:50px}
}
@media (max-width: 767px) {
.wpo-about-section-s7 .image{height:100%}
}
.wpo-about-section-s7 .image .image-1{max-width:900px;max-height:680px}
@media (max-width: 1499px) {
.wpo-about-section-s7 .image .image-1{max-width:700px;max-height:580px}
}
@media (max-width: 1399px) {
.wpo-about-section-s7 .image .image-1{max-width:600px;max-height:480px}
}
.wpo-about-section-s7 .image .image-2{max-width:580px;max-height:580px;position:absolute;bottom:0;right:0}
@media (max-width: 1399px) {
.wpo-about-section-s7 .image .image-2{max-width:380px;max-height:380px}
}
@media (max-width: 1199px) {
.wpo-about-section-s7 .image .image-2{max-width:300px;max-height:300px}
}
@media (max-width: 767px) {
.wpo-about-section-s7 .image .image-2{max-width:250px;max-height:250px}
}
@media (max-width: 575px) {
.wpo-about-section-s7 .image .image-2{display:none}
}
.wpo-about-section-s7 .image .image-2 img{width:100%;border-radius:100%;border:30px solid #000}
@media (max-width: 1399px) {
.wpo-about-section-s7 .image .image-2 img{border:20px solid #000}
}
@media (max-width: 1199px) {
.wpo-about-section-s7 .image .image-2 img{border:10px solid #000}
}
@media (max-width: 767px) {
.wpo-about-section-s7 .image .image-2 img{border:7px solid #000}
}
.wpo-about-section-s7 .content{max-width:660px}
@media (max-width: 1399px) {
.wpo-about-section-s7 .content{max-width:530px;padding:0 20px}
}
@media (max-width: 991px) {
.wpo-about-section-s7 .content{max-width:100%;padding:0}
}
.wpo-about-section-s7 .content h2{color:#fff;font-size:100px;font-weight:400;line-height:150px;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-about-section-s7 .content h2{font-size:80px;line-height:120px}
}
@media (max-width: 1199px) {
.wpo-about-section-s7 .content h2{font-size:60px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-about-section-s7 .content h2{font-size:40px;line-height:60px}
}
.wpo-about-section-s7 .content p{color:#fff;font-size:30px;font-weight:400;line-height:50px}
@media (max-width: 1199px) {
.wpo-about-section-s7 .content p{font-size:20px;line-height:30px}
}
.wpo-about-section-s7 .about-funfact{display:flex;align-items:center;justify-content:flex-start;margin-top:80px}
@media (max-width: 1399px) {
.wpo-about-section-s7 .about-funfact{margin-top:30px}
}
@media (max-width: 575px) {
.wpo-about-section-s7 .about-funfact h3{margin-bottom:0}
}
.wpo-about-section-s7 .about-funfact h3 span{color:#fff;font-family:var(--font);font-size:200px;font-weight:400;line-height:200px;letter-spacing:10px}
@media (max-width: 1199px) {
.wpo-about-section-s7 .about-funfact h3 span{font-size:100px;line-height:100px;letter-spacing:6px}
}
@media (max-width: 575px) {
.wpo-about-section-s7 .about-funfact h3 span{font-size:70px;line-height:80px;letter-spacing:4px}
}
.wpo-about-section-s7 .about-funfact h3 .icon{line-height:0;position:relative;bottom:-50px}
@media (max-width: 1199px) {
.wpo-about-section-s7 .about-funfact h3 .icon{bottom:-20px}
}
@media (max-width: 575px) {
.wpo-about-section-s7 .about-funfact h3 .icon{bottom:-10px}
}
.wpo-about-section-s7 .about-funfact h4{color:#fff;font-size:30px;font-weight:400;line-height:40px;margin-bottom:0;margin-left:20px}
@media (max-width: 1199px) {
.wpo-about-section-s7 .about-funfact h4{font-size:25px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-about-section-s7 .about-funfact h4{font-size:18px;line-height:25px}
}
.wpo-service-section-s7{background:#000;padding-bottom:90px}
@media (max-width: 1399px) {
.wpo-service-section-s7{padding:0 10px 90px}
}
@media (max-width: 991px) {
.wpo-service-section-s7{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-service-section-s7{padding:0 10px 50px}
}
.wpo-service-section-s7 .container-fluid{max-width:1720px;margin:0 auto}
.wpo-service-section-s7 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-service-section-s7 .title{flex-direction:column;text-align:center}
}
.wpo-service-section-s7 .title h2{color:#fff;font-weight:400;line-height:130px;margin-bottom:0;max-width:850px;font-size:120px}
@media (max-width: 1599px) {
.wpo-service-section-s7 .title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-service-section-s7 .title h2{font-size:50px;line-height:60px}
.wpo-service-section-s7 .title h2{max-width:100%;margin-bottom:10px}
}
@media (max-width: 757px) {
.wpo-service-section-s7 .title h2{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-service-section-s7 .title h2{font-size:30px;line-height:40px}
}
.wpo-service-section-s7 .title p{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin:0;max-width:565px}
@media (max-width: 1199px) {
.wpo-service-section-s7 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-service-section-s7 .title p{font-size:18px;line-height:25px}
}
.wpo-service-section-s7 .service-card{border:1px solid #333;background:transparent;padding:40px;margin-bottom:30px}
@media (max-width: 1499px) {
.wpo-service-section-s7 .service-card{padding:30px}
}
@media (max-width: 1199px) {
.wpo-service-section-s7 .service-card{padding:30px 20px}
}
.wpo-service-section-s7 .service-card .icon{margin-bottom:20px}
.wpo-service-section-s7 .service-card h2 a{color:#fff;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.wpo-service-section-s7 .service-card h2 a{font-size:25px;line-height:35px}
}
.wpo-service-section-s7 .service-card p{color:#ACACAC;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-service-section-s7 .service-card p{font-size:15px;line-height:25px}
}
@media (max-width: 767px) {
.wpo-service-section-s7 .service-card{max-width:450px;margin:0 auto;margin-bottom:30px}
}
.wpo-project-section-s7,.wpo-project-section-s10{background:#000}
@media (max-width: 1399px) {
.wpo-project-section-s7,.wpo-project-section-s10{padding:120px 10px}
}
@media (max-width: 991px) {
.wpo-project-section-s7,.wpo-project-section-s10{padding-top:90px;padding-bottom:90px}
}
@media (max-width: 767px) {
.wpo-project-section-s7,.wpo-project-section-s10{padding:80px 10px}
}
.wpo-project-section-s7 .container-fulid,.wpo-project-section-s10 .container-fulid{max-width:1720px;margin:0 auto;overflow:hidden}
.wpo-project-section-s7 .title,.wpo-project-section-s10 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-project-section-s7 .title,.wpo-project-section-s10 .title{flex-direction:column;text-align:center}
}
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{color:#fff;font-weight:400;line-height:130px;margin-bottom:0;max-width:850px;font-size:120px}
@media (max-width: 1599px) {
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{font-size:50px;line-height:60px}
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{max-width:100%;margin-bottom:10px}
}
@media (max-width: 757px) {
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-project-section-s7 .title h2,.wpo-project-section-s10 .title h2{font-size:30px;line-height:40px}
}
.wpo-project-section-s7 .title p,.wpo-project-section-s10 .title p{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin:0;max-width:585px}
@media (max-width: 1199px) {
.wpo-project-section-s7 .title p,.wpo-project-section-s10 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-project-section-s7 .title p,.wpo-project-section-s10 .title p{font-size:18px;line-height:25px}
}
.wpo-project-section-s7 .swiper-slide,.wpo-project-section-s10 .swiper-slide{width:360px;align-items:center;justify-content:center;transition:.3s;box-sizing:border-box}
@media (max-width: 1399px) {
.wpo-project-section-s7 .swiper-slide,.wpo-project-section-s10 .swiper-slide{width:350px}
}
.wpo-project-section-s7 .swiper-slide .imgWrap,.wpo-project-section-s10 .swiper-slide .imgWrap{font-size:0;box-sizing:border-box}
.wpo-project-section-s7 .swiper-slide .imgWrap img,.wpo-project-section-s10 .swiper-slide .imgWrap img{width:100%;-o-object-fit:cover;object-fit:cover}
.wpo-project-section-s7 .swiper-slide.swiper-slide-active,.wpo-project-section-s10 .swiper-slide.swiper-slide-active{width:550px!important}
@media (max-width: 1749px) {
.wpo-project-section-s7 .swiper-slide.swiper-slide-active,.wpo-project-section-s10 .swiper-slide.swiper-slide-active{width:450px!important}
}
@media (max-width: 575px) {
.wpo-project-section-s7 .swiper-slide.swiper-slide-active,.wpo-project-section-s10 .swiper-slide.swiper-slide-active{width:100%!important}
}
.wpo-project-section-s7 .swiper-slide .imgWrap .x2,.wpo-project-section-s10 .swiper-slide .imgWrap .x2{display:none}
.wpo-project-section-s7 .swiper-slide.swiper-slide-active .x1,.wpo-project-section-s10 .swiper-slide.swiper-slide-active .x1{display:none}
.wpo-project-section-s7 .swiper-slide.swiper-slide-active .x2,.wpo-project-section-s10 .swiper-slide.swiper-slide-active .x2{display:block}
.wpo-project-section-s7 .owl-item,.wpo-project-section-s10 .owl-item{overflow:hidden;width:360px!important;transition:all .3s ease-in-out}
@media (max-width: 575px) {
.wpo-project-section-s7 .owl-item,.wpo-project-section-s10 .owl-item{width:100%!important}
}
.wpo-project-section-s7 .item img,.wpo-project-section-s10 .item img{height:640px!important;transition:all .3s ease-in-out}
@media (max-width: 575px) {
.wpo-project-section-s7 .item img,.wpo-project-section-s10 .item img{height:400px!important}
}
.wpo-project-section-s7 .item .content,.wpo-project-section-s10 .item .content{text-align:center;margin-top:30px}
.wpo-project-section-s7 .item .content h2,.wpo-project-section-s10 .item .content h2{margin-bottom:0}
.wpo-project-section-s7 .item .content h2 a,.wpo-project-section-s10 .item .content h2 a{color:#fff;font-size:40px;font-weight:400;line-height:50px}
@media (max-width: 575px) {
.wpo-project-section-s7 .item .content h2 a,.wpo-project-section-s10 .item .content h2 a{font-size:30px;line-height:40px}
}
.wpo-project-section-s7 .item .content span,.wpo-project-section-s10 .item .content span{color:#999;font-size:18px;font-weight:400;line-height:20px}
.wpo-project-section-s7 .owl-item.active.center,.wpo-project-section-s10 .owl-item.active.center{width:550px!important}
@media (max-width: 1749px) {
.wpo-project-section-s7 .owl-item.active.center,.wpo-project-section-s10 .owl-item.active.center{width:450px!important}
}
@media (max-width: 575px) {
.wpo-project-section-s7 .owl-item.active.center,.wpo-project-section-s10 .owl-item.active.center{width:100%!important}
}
.wpo-testimonial-section-s5{background:#000;overflow:hidden;position:relative;border:1px solid #444;border-left:0;border-right:0}
.wpo-testimonial-section-s5 .item{position:relative;padding:115px 0;z-index:11}
@media (max-width: 757px) {
.wpo-testimonial-section-s5 .item{padding-top:90px}
.wpo-testimonial-section-s5 .item{padding-top:70px}
}
.wpo-testimonial-section-s5 .item .content{max-width:1382px;margin:0 auto;text-align:center}
@media (max-width: 1799px) {
.wpo-testimonial-section-s5 .item .content{max-width:1282px}
}
@media (max-width: 1699px) {
.wpo-testimonial-section-s5 .item .content{max-width:1182px}
}
@media (max-width: 1399px) {
.wpo-testimonial-section-s5 .item .content{max-width:1000px}
}
@media (max-width: 1199px) {
.wpo-testimonial-section-s5 .item .content{max-width:800px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s5 .item .content{max-width:100%;padding:0 20px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s5 .item .content{padding:0 10px}
}
.wpo-testimonial-section-s5 .item .content .icon{width:89px;height:65px;margin:0 auto}
.wpo-testimonial-section-s5 .item .content h3{color:#fff;font-size:50px;font-weight:400;line-height:70px;margin-top:50px;margin-bottom:0;padding-bottom:40px}
@media (max-width: 1399px) {
.wpo-testimonial-section-s5 .item .content h3{font-size:40px;line-height:60px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s5 .item .content h3{margin-top:40px}
}
@media (max-width: 757px) {
.wpo-testimonial-section-s5 .item .content h3{font-size:35px;line-height:45px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s5 .item .content h3{font-size:30px;line-height:40px;margin-top:30px}
}
.wpo-testimonial-section-s5 .item .content h4{color:#fff;font-family:var(--font),serif;font-size:40px;font-weight:400;line-height:50px;padding-top:60px;position:relative}
@media (max-width: 757px) {
.wpo-testimonial-section-s5 .item .content h4{font-size:35px;line-height:45px;padding-top:50px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s5 .item .content h4{font-size:30px;line-height:35px;padding-top:40px}
}
.wpo-testimonial-section-s5 .item .content h4::before{position:absolute;left:50%;top:0;content:"";width:500px;height:1px;background:#444;transform:translateX(-50%);border-radius:10px}
.wpo-testimonial-section-s5 .item .content h4::after{position:absolute;left:50%;top:10px;content:"";width:300px;height:1px;background:#444;transform:translateX(-50%);border-radius:10px}
.wpo-testimonial-section-s5 .item .content span{color:#fff;font-size:20px;font-weight:400}
@media (max-width: 991px) {
.wpo-testimonial-section-s5 .item .content span{font-size:18px}
.wpo-testimonial-section-s5 .owl-nav{display:none}
}
.wpo-testimonial-section-s5 .owl-prev{position:absolute;left:100px;top:50%;transform:translateY(-50%);background:transparent;border:0}
@media (max-width: 1699px) {
.wpo-testimonial-section-s5 .owl-prev{left:50px}
}
.wpo-testimonial-section-s5 .owl-prev::before{position:absolute;content:url(../images/right-arrow.svg);width:50px;height:50px}
.wpo-testimonial-section-s5 .owl-prev span{display:none}
.wpo-testimonial-section-s5 .owl-next{position:absolute;right:100px;top:50%;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section-s5 .owl-next::before{position:absolute;content:url(../images/left-arrow.svg);width:50px;height:50px}
.wpo-testimonial-section-s5 .owl-next span{display:none}
.wpo-testimonial-section-s5 .owl-dots{text-align:center;top:-75px;position:relative;z-index:1;display:none}
@media (max-width: 991px) {
.wpo-testimonial-section-s5 .owl-dots{display:block}
}
.wpo-testimonial-section-s5 .owl-dot{border:0;width:10px;height:12px;background:#fff;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s5 .owl-dot.active{background:#e3b576}
.wpo-funfact-section-s6{background:#000}
.wpo-funfact-section-s6 .container-fluid{max-width:1740px}
.wpo-funfact-section-s6 .funfact-wrap{display:flex;align-items:center;justify-content:space-between}
@media (max-width: 991px) {
.wpo-funfact-section-s6 .funfact-wrap{display:block}
}
.wpo-funfact-section-s6 .left-content{max-width:765px}
@media (max-width: 1720px) {
.wpo-funfact-section-s6 .left-content{margin-right:10px}
}
@media (max-width: 991px) {
.wpo-funfact-section-s6 .left-content{display:none}
}
.wpo-funfact-section-s6 .left-content img{width:100%;-o-object-fit:cover;object-fit:cover}
.wpo-funfact-section-s6 .funfact-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:70px}
@media (max-width: 575px) {
.wpo-funfact-section-s6 .funfact-content{display:block}
}
.wpo-funfact-section-s6 .funfact-content .item{flex-basis:50%;text-align:center;height:235px;border:1px solid #202020;display:flex;flex-direction:column;justify-content:flex-end}
@media (max-width: 1599px) {
.wpo-funfact-section-s6 .funfact-content .item{height:200px}
}
@media (max-width: 1399px) {
.wpo-funfact-section-s6 .funfact-content .item{height:150px}
}
@media (max-width: 1199px) {
.wpo-funfact-section-s6 .funfact-content .item{height:120px}
}
@media (max-width: 575px) {
.wpo-funfact-section-s6 .funfact-content .item{justify-content:center;border:0}
}
.wpo-funfact-section-s6 .funfact-content .item h2{color:#fff;text-align:center;font-size:120px;font-weight:400;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-funfact-section-s6 .funfact-content .item h2{font-size:80px}
}
@media (max-width: 1199px) {
.wpo-funfact-section-s6 .funfact-content .item h2{font-size:70px}
}
.wpo-funfact-section-s6 .funfact-content .item h2 span{line-height:110px;font-family:var(--font);letter-spacing:4px}
@media (max-width: 1399px) {
.wpo-funfact-section-s6 .funfact-content .item h2 span{line-height:90px}
}
@media (max-width: 1199px) {
.wpo-funfact-section-s6 .funfact-content .item h2 span{line-height:80px}
}
.wpo-funfact-section-s6 .funfact-content .item h2 .icon{margin-left:-15px}
.wpo-funfact-section-s6 .funfact-content .item h3{color:#999;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:5px;margin:0}
@media (max-width: 1199px) {
.wpo-funfact-section-s6 .funfact-content .item h3{font-size:20px;line-height:5px}
}
.wpo-funfact-section-s6 .funfact-content .item:first-child{justify-content:flex-start;border-left:0;border-top:0}
@media (max-width: 575px) {
.wpo-funfact-section-s6 .funfact-content .item:first-child{justify-content:center}
}
.wpo-funfact-section-s6 .funfact-content .item:nth-child(2){justify-content:flex-start;border-right:0;border-top:0}
@media (max-width: 575px) {
.wpo-funfact-section-s6 .funfact-content .item:nth-child(2){justify-content:center}
}
.wpo-funfact-section-s6 .funfact-content .item:nth-child(3){border-left:0;border-bottom:0}
.wpo-funfact-section-s6 .funfact-content .item:last-child{border-right:0;border-bottom:0}
.wpo-funfact-section-s6 .right-content{max-width:890px;display:flex;align-content:center;flex-direction:column}
@media (max-width: 991px) {
.wpo-funfact-section-s6 .right-content{max-width:100%}
}
.wpo-cta-section-s2,.wpo-cta-section-s3{background-position:center;background-repeat:no-repeat;background-size:cover;height:893px;position:relative;display:flex;align-items:start;justify-content:center}
@media (max-width: 1199px) {
.wpo-cta-section-s2,.wpo-cta-section-s3{height:500px}
}
@media (max-width: 991px) {
.wpo-cta-section-s2,.wpo-cta-section-s3{height:100%;align-items:center}
}
.wpo-cta-section-s2 .title,.wpo-cta-section-s3 .title{max-width:1650px;text-align:center;padding-top:160px;padding-bottom:0}
@media (max-width: 1199px) {
.wpo-cta-section-s2 .title,.wpo-cta-section-s3 .title{padding-top:100px}
}
@media (max-width: 991px) {
.wpo-cta-section-s2 .title,.wpo-cta-section-s3 .title{padding:150px 0}
}
@media (max-width: 767px) {
.wpo-cta-section-s2 .title,.wpo-cta-section-s3 .title{padding:100px 0}
}
.wpo-cta-section-s2 .title h2,.wpo-cta-section-s3 .title h2{color:#FFF;text-align:center;font-family:var(--font);font-size:120px;font-weight:400;margin-bottom:30px}
@media (max-width: 1499px) {
.wpo-cta-section-s2 .title h2,.wpo-cta-section-s3 .title h2{font-size:100px}
}
@media (max-width: 1199px) {
.wpo-cta-section-s2 .title h2,.wpo-cta-section-s3 .title h2{font-size:60px}
}
@media (max-width: 991px) {
.wpo-cta-section-s2 .title h2,.wpo-cta-section-s3 .title h2{font-size:50px;margin-bottom:20px}
}
@media (max-width: 575px) {
.wpo-cta-section-s2 .title h2,.wpo-cta-section-s3 .title h2{font-size:40px}
}
.wpo-cta-section-s2 .title a,.wpo-cta-section-s3 .title a{color:#fff;position:relative}
.wpo-cta-section-s2 .title a span,.wpo-cta-section-s3 .title a span{text-align:center;font-size:20px;font-weight:600;background:#000;border-radius:30px;height:60px;line-height:60px;display:inline-block;padding:0 60px}
@media (max-width: 767px) {
.wpo-cta-section-s2 .title a span,.wpo-cta-section-s3 .title a span{font-size:16px;height:50px;line-height:50px;padding:0 40px}
}
.wpo-cta-section-s2 .title a i,.wpo-cta-section-s3 .title a i{width:60px;height:60px;line-height:60px;border-radius:30px;background:#000;display:inline-block;font-size:25px;position:relative;top:2px;right:4px;transition:all .3s ease-in-out}
@media (max-width: 767px) {
.wpo-cta-section-s2 .title a i,.wpo-cta-section-s3 .title a i{font-size:20px;height:50px;line-height:50px;width:50px}
}
.wpo-cta-section-s2 .title a:hover i,.wpo-cta-section-s3 .title a:hover i{background:#fff;color:#000}
.wpo-service-section-s8{padding-top:90px;padding-bottom:90px}
@media (max-width: 1399px) {
.wpo-service-section-s8{margin:0 10px}
}
@media (max-width: 991px) {
.wpo-service-section-s8{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-service-section-s8{padding-bottom:50px}
}
.wpo-service-section-s8 .container-fluid{max-width:1740px;margin:0 auto}
.wpo-service-section-s8 .service-card{margin-left:6px;margin-right:6px}
@media (max-width: 1399px) {
.wpo-service-section-s8 .service-card{margin-left:0;margin-right:0}
}
.wpo-project-section-s8{padding-bottom:30px}
@media (max-width: 1199px) {
.wpo-project-section-s8{padding-bottom:90px}
}
@media (max-width: 991px) {
.wpo-project-section-s8{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-project-section-s8{padding-bottom:50px}
}
.wpo-project-section-s8 .container-fulid{max-width:1720px;margin:0 auto}
@media (max-width: 1199px) {
.wpo-project-section-s8 .container-fulid{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-project-section-s8 .container-fulid{max-width:700px;margin:0 auto}
}
.wpo-project-section-s8 .title{max-width:855px;margin-bottom:90px}
@media (max-width: 1499px) {
.wpo-project-section-s8 .title{max-width:655px}
}
@media (max-width: 1399px) {
.wpo-project-section-s8 .title{max-width:600px}
}
@media (max-width: 1199px) {
.wpo-project-section-s8 .title{margin-bottom:60px}
}
@media (max-width: 991px) {
.wpo-project-section-s8 .title{max-width:100%}
}
.wpo-project-section-s8 .title h2{color:#000;font-size:80px;font-weight:700;margin-bottom:0}
@media (max-width: 1499px) {
.wpo-project-section-s8 .title h2{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-project-section-s8 .title h2{font-size:50px}
}
@media (max-width: 991px) {
.wpo-project-section-s8 .title h2{font-size:40px}
}
@media (max-width: 575px) {
.wpo-project-section-s8 .title h2{font-size:30px}
}
.wpo-project-section-s8 .title span{color:#000;font-size:20px;font-weight:600;margin-bottom:10px;display:block}
.wpo-project-section-s8 .gallery-container .col:first-child .project-card-s7{max-width:700px;max-height:850px}
@media (max-width: 1199px) {
.wpo-project-section-s8 .gallery-container .col:first-child .project-card-s7{max-width:100%;max-height:100%}
}
.wpo-project-section-s8 .gallery-container .col:nth-child(2){margin-top:-250px}
@media (max-width: 1199px) {
.wpo-project-section-s8 .gallery-container .col:nth-child(2){margin-top:0}
}
.wpo-project-section-s8 .gallery-container .col:nth-child(2) .project-card-s7{max-width:700px;margin-left:auto}
@media (max-width: 1199px) {
.wpo-project-section-s8 .gallery-container .col:nth-child(2) .project-card-s7{max-width:100%;max-height:100%}
}
.wpo-project-section-s8 .gallery-container .col:nth-child(3) .project-card-s7{max-width:650px;max-height:800px;margin-left:auto}
@media (max-width: 1199px) {
.wpo-project-section-s8 .gallery-container .col:nth-child(3) .project-card-s7{max-width:100%;max-height:100%}
}
.project-card-s7{position:relative;z-index:1;max-width:800px;max-height:1000px;overflow:hidden;margin-bottom:200px;display:block}
@media (max-width: 1199px) {
.project-card-s7{max-width:100%;max-height:100%;margin-bottom:30px}
}
.project-card-s7 .image img{width:100%;transform:scale(1);transition:all .3s ease-in-out}
.project-card-s7 .content{position:absolute;content:"";left:0;bottom:0;padding:35px 140px 35px 35px;z-index:1}
@media (max-width: 1399px) {
.project-card-s7 .content{padding:30px 120px 30px 35px}
}
@media (max-width: 1199px) {
.project-card-s7 .content{padding:25px 80px 25px 25px}
}
@media (max-width: 575px) {
.project-card-s7 .content{padding:20px 30px 20px 20px}
}
.project-card-s7 .content::before{border-radius:0 10px 0 0;background:#fff;position:absolute;content:"";width:100%;height:100%;left:-50px;bottom:-2px;z-index:-1;transform:skew(25deg);transition:all .3s ease-in-out}
@media (max-width: 1199px) {
.project-card-s7 .content::before{transform:skew(15deg);left:-20px}
}
@media (max-width: 575px) {
.project-card-s7 .content::before{transform:none;left:0}
}
.project-card-s7 .content h2{margin-bottom:0}
.project-card-s7 .content h2 a{color:#000;font-size:40px;font-weight:500}
@media (max-width: 1399px) {
.project-card-s7 .content h2 a{font-size:30px}
}
@media (max-width: 575px) {
.project-card-s7 .content h2 a{font-size:25px}
}
.project-card-s7 .content span{color:#666;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 575px) {
.project-card-s7 .content span{font-size:18px}
}
.project-card-s7:hover .image img{transform:scale(1.1)}
.wpo-work-section-s3 .wraper{margin-left:auto;max-width:1840px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1840px) {
.wpo-work-section-s3 .wraper{padding-left:10px}
}
@media (max-width: 991px) {
.wpo-work-section-s3 .wraper{padding:0 10px;flex-direction:column-reverse}
}
.wpo-work-section-s3 .left-content{max-width:785px;padding-right:140px;margin-top:-20px}
@media (max-width: 1499px) {
.wpo-work-section-s3 .left-content{max-width:585px;padding-right:50px}
}
@media (max-width: 1399px) {
.wpo-work-section-s3 .left-content{max-width:485px;padding-right:10px}
}
@media (max-width: 1199px) {
.wpo-work-section-s3 .left-content{max-width:585px;padding-right:0}
}
@media (max-width: 991px) {
.wpo-work-section-s3 .left-content{max-width:100%;margin-top:0}
}
.wpo-work-section-s3 .left-content h2{color:#000;font-size:80px;font-weight:700;margin-bottom:70px}
@media (max-width: 1499px) {
.wpo-work-section-s3 .left-content h2{font-size:50px;margin-bottom:40px}
}
@media (max-width: 1199px) {
.wpo-work-section-s3 .left-content h2{font-size:40px;margin-bottom:30px}
}
@media (max-width: 575px) {
.wpo-work-section-s3 .left-content h2{font-size:30px;margin-bottom:30px}
}
.wpo-work-section-s3 .left-content ul li{list-style:none;border-bottom:1px solid #DDD;margin-bottom:25px;padding-bottom:25px}
@media (max-width: 1499px) {
.wpo-work-section-s3 .left-content ul li{margin-bottom:15px;padding-bottom:20px}
}
@media (max-width: 1199px) {
.wpo-work-section-s3 .left-content ul li{margin-bottom:10px;padding-bottom:15px}
}
.wpo-work-section-s3 .left-content ul li:last-child{margin-bottom:0}
.wpo-work-section-s3 .left-content ul li a{font-weight:500;color:#555;font-size:30px}
@media (max-width: 1499px) {
.wpo-work-section-s3 .left-content ul li a{font-size:25px}
}
@media (max-width: 1199px) {
.wpo-work-section-s3 .left-content ul li a{font-size:20px}
}
.wpo-work-section-s3 .right-image{width:calc(100% - 785px)}
@media (max-width: 1499px) {
.wpo-work-section-s3 .right-image{width:calc(100% - 585px)}
}
@media (max-width: 1399px) {
.wpo-work-section-s3 .right-image{width:calc(100% - 485px)}
}
@media (max-width: 1199px) {
.wpo-work-section-s3 .right-image{width:calc(100% - 585px)}
}
@media (max-width: 991px) {
.wpo-work-section-s3 .right-image{width:100%;max-width:660px;margin-bottom:40px}
}
.wpo-work-section-s3 .right-image img{width:100%}
.wpo-testimonial-section-s6 .testimonial-wrap{background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;padding:133px 0 160px}
@media (max-width: 991px) {
.wpo-testimonial-section-s6 .testimonial-wrap{padding:90px 0 120px}
}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .testimonial-wrap{padding:80px 0 100px}
}
.wpo-testimonial-section-s6 .testimonial-wrap::before{position:absolute;right:-141px;top:0;width:53%;height:100%;content:"";background:#FFF;opacity:.6;transform:skewX(340deg)}
@media (max-width: 1699px) {
.wpo-testimonial-section-s6 .testimonial-wrap::before{right:-70px;transform:skewX(350deg);width:60%}
}
@media (max-width: 1399px) {
.wpo-testimonial-section-s6 .testimonial-wrap::before{right:-70px;transform:skewX(350deg);width:80%}
}
@media (max-width: 1199px) {
.wpo-testimonial-section-s6 .testimonial-wrap::before{right:-70px;transform:skewX(350deg);width:90%}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s6 .testimonial-wrap::before{right:0;transform:none;width:100%}
}
.wpo-testimonial-section-s6 .testimonial-slider-s4{max-width:700px;max-height:505px;margin-left:auto}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .testimonial-slider-s4{padding:0 10px}
}
.wpo-testimonial-section-s6 .item .icon{width:80px;height:80px;margin-bottom:60px}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .item .icon{margin-bottom:10px;width:70px;height:70px}
}
.wpo-testimonial-section-s6 .item h3{color:#000;font-size:35px;font-weight:500;position:relative;padding-bottom:70px;margin-bottom:0}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .item h3{font-size:25px;line-height:35px;padding-bottom:50px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s6 .item h3{font-size:20px;line-height:30px;padding-bottom:50px}
}
.wpo-testimonial-section-s6 .item h3::before{position:absolute;left:0;content:"";width:500px;height:1px;background:#000;bottom:10px}
@media (max-width: 575px) {
.wpo-testimonial-section-s6 .item h3::before{width:300px}
}
.wpo-testimonial-section-s6 .item h3::after{position:absolute;left:0;bottom:0;content:"";width:300px;height:1px;background:#000;border-radius:10px}
@media (max-width: 575px) {
.wpo-testimonial-section-s6 .item h3::after{width:220px}
}
.wpo-testimonial-section-s6 .item h4{color:#000;font-family:var(--font),serif;font-size:40px;font-weight:400;line-height:50px;margin-top:40px}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .item h4{font-size:30px;line-height:30px;margin-top:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s6 .item h4{font-size:25px;line-height:25px;margin-top:30px}
}
.wpo-testimonial-section-s6 .item span{color:#000;font-size:20px;font-weight:400;line-height:50px}
@media (max-width: 767px) {
.wpo-testimonial-section-s6 .item span{font-size:18px;line-height:40px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s6 .owl-nav{display:none}
}
.wpo-testimonial-section-s6 .owl-prev{position:absolute;right:120px;bottom:-160px;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section-s6 .owl-prev::before{content:url(../images/left-arrow-2.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s6 .owl-prev span{display:none}
.wpo-testimonial-section-s6 .owl-next{position:absolute;right:15px;bottom:-160px;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section-s6 .owl-next::before{content:url(../images/right-arrow-3.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s6 .owl-next span{display:none}
.wpo-testimonial-section-s6 .owl-dots{bottom:-20px;position:relative;z-index:1;display:none}
@media (max-width: 991px) {
.wpo-testimonial-section-s6 .owl-dots{display:block}
}
.wpo-testimonial-section-s6 .owl-dot{border:0;width:10px;height:12px;background:#000;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s6 .owl-dot.active{background:#e3b576}
.wpo-team-section-s2{padding-bottom:100px;max-width:1720px;margin:0 auto}
@media (max-width: 1799px) {
.wpo-team-section-s2{margin:0 10px}
}
@media (max-width: 991px) {
.wpo-team-section-s2{padding-bottom:70px}
}
@media (max-width: 757px) {
.wpo-team-section-s2{padding-bottom:60px}
}
.wpo-team-section-s2 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-team-section-s2 .title{flex-direction:column;text-align:center}
}
.wpo-team-section-s2 .title h2{color:#000;margin-bottom:0;max-width:900px;font-size:80px;font-weight:700}
@media (max-width: 1599px) {
.wpo-team-section-s2 .title h2{font-size:70px;line-height:90px}
}
@media (max-width: 1399px) {
.wpo-team-section-s2 .title h2{font-size:60px;line-height:80px}
}
@media (max-width: 1199px) {
.wpo-team-section-s2 .title h2{max-width:100%;margin-bottom:10px;font-size:50px;line-height:70px}
}
@media (max-width: 757px) {
.wpo-team-section-s2 .title h2{font-size:40px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-team-section-s2 .title h2{font-size:35px;line-height:40px}
}
.wpo-team-section-s2 .title p{color:#000;font-size:25px;font-weight:400;line-height:40px;margin:0;max-width:508px}
@media (max-width: 1199px) {
.wpo-team-section-s2 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-team-section-s2 .title p{font-size:18px;line-height:25px}
}
.wpo-team-section-s2 .team-wrap{margin:0 -9px}
@media (max-width: 1399px) {
.wpo-team-section-s2 .team-wrap{margin:0 5px}
}
.wpo-team-section-s2 .team-card{padding:0 9px}
@media (max-width: 1399px) {
.wpo-team-section-s2 .team-card{padding:0}
}
.wpo-team-section-s2 .team-card h2{margin-top:10px;}
@media (max-width: 1399px) {
.wpo-team-section-s2 .team-card h2{margin-top:10px}
}
.wpo-team-section-s2 .team-card h2 a,.wpo-team-section-s2 .team-card h2 span{color:#555;font-size:20px;font-weight:bold}
@media (max-width: 1399px) {
.wpo-team-section-s2 .team-card h2 a,.wpo-team-section-s2 .team-card h2 span{font-size:25px;height:40px!important}
}
.wpo-team-section-s2 .team-card .image img{filter:grayscale(0%)}
.wpo-team-section-s2 .team-card:hover .image img{filter:grayscale(100%)}
.wpo-cta-section-s3{background-repeat:no-repeat!important;background-size:cover!important;height:750px}
@media (max-width: 1199px) {
.wpo-cta-section-s3{height:500px}
}
@media (max-width: 991px) {
.wpo-cta-section-s3{height:100%;align-items:center}
}
.wpo-cta-section-s3 .title{padding-top:100px}
@media (max-width: 1199px) {
.wpo-cta-section-s3 .title{padding-top:100px}
}
@media (max-width: 991px) {
.wpo-cta-section-s3 .title{padding:150px 0}
}
@media (max-width: 767px) {
.wpo-cta-section-s3 .title{padding:100px 0}
}
.wpo-cta-section-s3 .title h2{color:#000;text-align:center;font-size:80px;font-weight:700;margin-bottom:30px}
@media (max-width: 1399px) {
.wpo-cta-section-s3 .title h2{font-size:70px}
}
@media (max-width: 1199px) {
.wpo-cta-section-s3 .title h2{font-size:50px}
}
@media (max-width: 991px) {
.wpo-cta-section-s3 .title h2{font-size:40px;margin-bottom:20px}
}
@media (max-width: 575px) {
.wpo-cta-section-s3 .title h2{font-size:30px}
}
.wpo-cta-section-s3 .title a{color:#000;position:relative}
.wpo-cta-section-s3 .title a span{text-align:center;font-size:20px;font-weight:600;background:#fff;border-radius:30px;height:60px;line-height:60px;display:inline-block;padding:0 30px}
@media (max-width: 767px) {
.wpo-cta-section-s3 .title a span{font-size:16px;height:50px;line-height:50px}
}
.wpo-cta-section-s3 .title a i{display:none}
.wpo-category-section ul,.wpo-category-section-s2 ul{display:flex;align-items:center;flex-wrap:wrap}
.wpo-category-section ul li,.wpo-category-section-s2 ul li{flex-basis:16.66%;list-style:none}
@media (max-width: 1399px) {
.wpo-category-section ul li,.wpo-category-section-s2 ul li{flex-basis:33.33%}
}
@media (max-width: 767px) {
.wpo-category-section ul li,.wpo-category-section-s2 ul li{flex-basis:50%}
}
@media (max-width: 575px) {
.wpo-category-section ul li,.wpo-category-section-s2 ul li{flex-basis:100%}
}
.wpo-category-section ul li a,.wpo-category-section-s2 ul li a{height:200px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #DDD;border-top:0;margin:0 -.5px}
.wpo-category-section ul li span,.wpo-category-section-s2 ul li span{color:#000;text-align:center;font-size:20px;font-weight:500;margin-top:20px}
.wpo-category-section ul li:last-child a,.wpo-category-section-s2 ul li:last-child a{border-right:0}
.wpo-category-section-s2 ul li a{border-top:1px solid #DDD}
.wpo-project-section-s9{padding-bottom:90px}
@media (max-width: 991px) {
.wpo-project-section-s9{padding-bottom:60px}
}
@media (max-width: 757px) {
.wpo-project-section-s9{padding-bottom:50px}
}
.wpo-project-section-s9 .container-fulid{max-width:1720px;margin:0 auto}
@media (max-width: 757px) {
.wpo-project-section-s9 .container-fulid{max-width:550px}
}
.wpo-project-section-s9 .row{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .row{margin:0}
}
.wpo-project-section-s9 .col:first-child .project-card-s9{padding:0;max-width:800px;margin-bottom:60px;padding-left:10px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:first-child .project-card-s9{padding-left:0}
}
@media (max-width: 767px) {
.wpo-project-section-s9 .col:first-child .project-card-s9{margin-bottom:30px}
}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content{position:unset;max-width:560px;margin-bottom:60px}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content{margin-bottom:30px}
}
@media (max-width: 767px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content{margin-bottom:30px}
}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content div{display:block;padding:0}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content span{display:block;padding-right:0;color:#DDD;font-size:120px;font-weight:400;line-height:120px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content span{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content span{font-size:50px;line-height:60px}
}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content h2{display:block;max-width:100%}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content h2 a{text-decoration:none;position:unset;font-size:50px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content h2 a{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:first-child .project-card-s9 .content h2 a{font-size:30px}
}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content p{display:block}
.wpo-project-section-s9 .col:first-child .project-card-s9 .content a{display:block;position:unset}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9{padding:0;max-width:800px;margin-left:auto;padding-right:10px;margin-bottom:60px;display:flex;flex-wrap:wrap-reverse}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9{padding-right:0}
}
@media (max-width: 767px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9{margin-bottom:30px;flex-wrap:wrap}
}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content{position:unset;max-width:560px;margin-top:60px}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content{margin-top:30px}
}
@media (max-width: 767px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content{margin-top:0;margin-bottom:30px}
}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content div{display:block;padding:0}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content span{display:block;padding-right:0;color:#DDD;font-size:120px;font-weight:400;line-height:120px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content span{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content span{font-size:50px;line-height:60px}
}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content h2{display:block;max-width:100%}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content h2 a{text-decoration:none;position:unset;font-size:50px}
@media (max-width: 1399px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content h2 a{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content h2 a{font-size:30px}
}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content p{display:block}
.wpo-project-section-s9 .col:nth-child(2) .project-card-s9 .content a{display:block;position:unset}
.project-card-s9{position:relative;padding:0 10px;overflow:hidden;margin-bottom:30px}
@media (max-width: 1399px) {
.project-card-s9{padding:0}
}
.project-card-s9 .content{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1}
.project-card-s9 .content div{display:flex;align-items:center;padding:20px 40px}
@media (max-width: 1399px) {
.project-card-s9 .content div{padding:20px}
}
@media (max-width: 1199px) {
.project-card-s9 .content div{padding:20px 10px}
}
@media (max-width: 767px) {
.project-card-s9 .content div{display:block}
}
.project-card-s9 .content span{color:#000;font-family:var(--font);font-size:80px;font-weight:400;display:inline;padding-right:30px}
@media (max-width: 1399px) {
.project-card-s9 .content span{font-size:60px}
}
@media (max-width: 1199px) {
.project-card-s9 .content span{font-size:50px;padding-right:20px}
}
@media (max-width: 767px) {
.project-card-s9 .content span{padding-right:0;margin-bottom:10px}
}
.project-card-s9 .content h2{display:inline;max-width:260px}
@media (max-width: 767px) {
.project-card-s9 .content h2{max-width:100%;line-height:0;margin-bottom:20px}
}
.project-card-s9 .content h2 a{color:#000;font-size:30px;font-weight:700;text-decoration:none;position:unset}
@media (max-width: 1399px) {
.project-card-s9 .content h2 a{font-size:25px}
}
.project-card-s9 .content p{color:#666;font-size:20px;font-weight:400;line-height:30px;display:none}
@media (max-width: 1399px) {
.project-card-s9 .content p{font-size:18px}
}
.project-card-s9 .content a{color:#000;font-size:22px;font-weight:700;text-decoration:underline;display:block;position:absolute;bottom:30px;left:40px}
@media (max-width: 1399px) {
.project-card-s9 .content a{font-size:20px;bottom:20px;left:20px}
}
.project-card-s9 .image{position:relative;overflow:hidden}
.project-card-s9 .image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.project-card-s9 .image img{width:100%;transition:all .3s ease-in-out}
.project-card-s9:hover .image::before{animation:shine .75s}
.project-card-s9:hover .image img{transform:scale(1.1)}
.wpo-product-section,.wpo-product-section-s2{padding-bottom:100px;max-width:1740px;margin:0 auto}
@media (max-width: 991px) {
.wpo-product-section,.wpo-product-section-s2{padding-bottom:70px}
}
@media (max-width: 757px) {
.wpo-product-section,.wpo-product-section-s2{padding-bottom:60px;max-width:550px}
}
.wpo-product-section .title,.wpo-product-section-s2 .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
@media (max-width: 1199px) {
.wpo-product-section .title,.wpo-product-section-s2 .title{flex-direction:column;text-align:center}
}
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{color:#000;margin-bottom:0;max-width:800px;font-size:80px;font-weight:700}
@media (max-width: 1599px) {
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{font-size:70px;line-height:90px}
}
@media (max-width: 1399px) {
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{font-size:60px;line-height:80px}
}
@media (max-width: 1199px) {
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{max-width:100%;margin-bottom:10px;font-size:50px;line-height:70px}
}
@media (max-width: 757px) {
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{font-size:40px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-product-section .title h2,.wpo-product-section-s2 .title h2{font-size:35px;line-height:40px}
}
.wpo-product-section .title p,.wpo-product-section-s2 .title p{color:#000;font-size:25px;font-weight:400;line-height:40px;margin:0;max-width:508px}
@media (max-width: 1199px) {
.wpo-product-section .title p,.wpo-product-section-s2 .title p{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-product-section .title p,.wpo-product-section-s2 .title p{font-size:18px;line-height:25px}
}
.wpo-product-section .row,.wpo-product-section-s2 .row{margin:0 -20px}
@media (max-width: 1399px) {
.wpo-product-section .row,.wpo-product-section-s2 .row{margin:0}
}
.wpo-product-section .col,.wpo-product-section-s2 .col{padding:0 20px}
@media (max-width: 1399px) {
.wpo-product-section .col,.wpo-product-section-s2 .col{padding:0 10px}
}
@media (max-width: 767px) {
.wpo-product-section .col,.wpo-product-section-s2 .col{padding:0}
}
.wpo-product-section .project-allBtn,.wpo-product-section-s2 .project-allBtn{text-align:center;margin-top:20px}
.wpo-product-section .project-allBtn .theme-btn,.wpo-product-section .project-allBtn .view-cart-btn,.wpo-product-section-s2 .project-allBtn .theme-btn,.wpo-product-section-s2 .project-allBtn .view-cart-btn{border-radius:35px;border:1px solid #000;color:#000;padding:16px 40px 12px;text-transform:none}
.wpo-product-section .project-allBtn .theme-btn:after,.wpo-product-section .project-allBtn .view-cart-btn:after,.wpo-product-section-s2 .project-allBtn .theme-btn:after,.wpo-product-section-s2 .project-allBtn .view-cart-btn:after{background:linear-gradient(to right,#5e5d5d1a 0%,#ffffff1a 100%)}
@media (max-width: 1199px) {
.wpo-product-section .project-allBtn .theme-btn,.wpo-product-section .project-allBtn .view-cart-btn,.wpo-product-section-s2 .project-allBtn .theme-btn,.wpo-product-section-s2 .project-allBtn .view-cart-btn{font-size:18px}
}
@media (max-width: 767px) {
.wpo-product-section .project-allBtn .theme-btn,.wpo-product-section .project-allBtn .view-cart-btn,.wpo-product-section-s2 .project-allBtn .theme-btn,.wpo-product-section-s2 .project-allBtn .view-cart-btn{padding:8px 30px;font-size:14px}
.wpo-product-section .project-allBtn .theme-btn img,.wpo-product-section .project-allBtn .view-cart-btn img,.wpo-product-section-s2 .project-allBtn .theme-btn img,.wpo-product-section-s2 .project-allBtn .view-cart-btn img{display:none}
}
.wpo-product-section .project-allBtn .theme-btn .rolling-text,.wpo-product-section .project-allBtn .view-cart-btn .rolling-text,.wpo-product-section-s2 .project-allBtn .theme-btn .rolling-text,.wpo-product-section-s2 .project-allBtn .view-cart-btn .rolling-text{height:17px;line-height:21px}
@media (max-width: 767px) {
.wpo-product-section .project-allBtn .theme-btn .rolling-text,.wpo-product-section .project-allBtn .view-cart-btn .rolling-text,.wpo-product-section-s2 .project-allBtn .theme-btn .rolling-text,.wpo-product-section-s2 .project-allBtn .view-cart-btn .rolling-text{height:29px;line-height:34px}
}
.shop-card{text-align:center;background:#FFF;box-shadow:0 2px 12px 2px #0400340f;margin-bottom:40px}
.shop-card .image{position:relative;overflow:hidden;padding:10px;padding-bottom:0}
.shop-card .image img{width:100%;transition:all .3s ease-in-out}
.shop-card .image button{background:transparent;border:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;display:flex;align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .3s ease-in-out;z-index:1}
.shop-card .image button i{background:#fff;text-align:center;width:40px;height:40px;line-height:40px;color:#D4B0A5;display:inline-block;font-size:20px}
.shop-card .image button span{color:#D4B0A5;text-align:center;font-size:18px;font-weight:500;background:#fff;height:40px;line-height:40px;padding:0 22px;display:inline-block;margin-left:3px}
.shop-card .image::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg)}
.shop-card .content{padding:35px 10px}
@media (max-width: 1199px) {
.shop-card .content{padding:25px 10px}
}
.shop-card .content h2{margin-bottom:15px}
@media (max-width: 1199px) {
.shop-card .content h2{margin-bottom:7px}
}
.shop-card .content h2 a{color:#101010;font-family:var(--font),serif;font-size:22px;font-weight:500}
@media (max-width: 1199px) {
.shop-card .content h2 a{font-size:18px}
}
.shop-card .content .del{display:inline-block;color:#999;font-size:18px;font-weight:400}
.shop-card .content span{color:#000;font-size:18px;font-weight:400;margin-left:7px}
.shop-card:hover .image button{opacity:1;visibility:visible}
.shop-card:hover .image::before{animation:shine .75s}
.wpo-offer-section{padding:130px 0;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
@media (max-width: 991px) {
.wpo-offer-section{padding:80px 0}
}
.wpo-offer-section .offer-wraper{max-width:614px;margin-left:200px}
@media (max-width: 1399px) {
.wpo-offer-section .offer-wraper{margin-left:100px}
}
@media (max-width: 1199px) {
.wpo-offer-section .offer-wraper{margin-left:50px}
}
@media (max-width: 991px) {
.wpo-offer-section .offer-wraper{margin-left:30px}
}
@media (max-width: 767px) {
.wpo-offer-section .offer-wraper{margin:0 auto;padding:0 10px;text-align:center}
}
.wpo-offer-section .offer-wraper h2{color:#000;font-size:50px;font-weight:700}
@media (max-width: 991px) {
.wpo-offer-section .offer-wraper h2{font-size:40px}
}
.wpo-offer-section .offer-wraper p{color:#3F3F3F;font-size:20px;font-weight:400;line-height:30px;margin-bottom:25px;position:relative;padding-bottom:30px}
.wpo-offer-section .offer-wraper p::before{position:absolute;left:0;bottom:0;background:#666;width:50%;height:2px;content:""}
@media (max-width: 767px) {
.wpo-offer-section .offer-wraper p::before{left:50%;transform:translateX(-50%)}
}
.wpo-offer-section .offer-wraper h3{color:#000;font-size:120px;font-weight:700;margin:0;margin-bottom:50px}
@media (max-width: 991px) {
.wpo-offer-section .offer-wraper h3{font-size:80px;margin-bottom:20px}
}
@media (max-width: 575px) {
.wpo-offer-section .offer-wraper h3{font-size:60px;margin-bottom:10px}
}
.wpo-offer-section .offer-wraper h3 span{font-size:30px;font-weight:700;position:relative;top:-30px;margin-left:20px}
@media (max-width: 991px) {
.wpo-offer-section .offer-wraper h3 span{font-size:25px;top:-20px;margin-left:10px}
}
@media (max-width: 575px) {
.wpo-offer-section .offer-wraper h3 span{font-size:20px;top:-10px}
}
.wpo-product-cetegory-section{padding:30px 0;border-bottom:1px solid #DDD}
.wpo-product-cetegory-section .row{margin:-1.5px}
.wpo-product-cetegory-section .col:nth-child(2) .product-card{background:#E6F0F4}
.wpo-product-cetegory-section .col:last-child .product-card{background:#F8EAE7}
.product-card{background:#F2F1E7;margin:1.5px;text-align:center;padding:48px}
@media (max-width: 1450px) {
.product-card{padding:35px 20px}
}
.product-card h2{margin-bottom:0}
.product-card h2 a{color:#000;font-family:var(--font);font-size:60px;font-weight:400;line-height:80px}
@media (max-width: 1399px) {
.product-card h2 a{font-size:40px;line-height:70px}
}
@media (max-width: 1199px) {
.product-card h2 a{font-size:35px;line-height:50px}
}
.product-card span{display:block;margin-bottom:10px}
.product-card span a{color:#000;font-family:var(--font),serif;font-size:20px;font-weight:600;line-height:50px;text-decoration:underline}
.wpo-product-section-s2 .title{display:block;max-width:1200px;margin:0 auto;text-align:center;margin-bottom:50px}
.wpo-product-section-s2 .title h2{max-width:100%;font-family:var(--font);font-size:120px;font-weight:400;line-height:150px}
.wpo-product-section-s2 .title p{max-width:100%;max-width:828px;margin:0 auto}
.wpo-product-section-s2 .shop-card{margin-bottom:75px}
.wpo-product-section-s2 .shop-card .image img{background:#F9F9F9;width:auto}
.wpo-product-section-s2 .project-allBtn{margin-top:0}
.wpo-offer-section-s2 .offer-wraper{max-width:1734px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-wraper{align-items:flex-start}
}
@media (max-width: 991px) {
.wpo-offer-section-s2 .offer-wraper{flex-direction:column}
}
.wpo-offer-section-s2 .offer-left,.wpo-offer-section-s2 .offer-right{width:50%;background:#F5F5F5;margin:0 7px;display:flex;align-items:center;padding:70px 50px;padding-left:30px;height:575px}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-left,.wpo-offer-section-s2 .offer-right{padding:40px 20px}
}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-left,.wpo-offer-section-s2 .offer-right{flex-direction:column;height:100%;align-items:flex-end}
}
@media (max-width: 991px) {
.wpo-offer-section-s2 .offer-left,.wpo-offer-section-s2 .offer-right{width:100%;max-width:600px;margin:0 auto}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-left,.wpo-offer-section-s2 .offer-right{padding:30px 10px}
}
.wpo-offer-section-s2 .offer-left .image,.wpo-offer-section-s2 .offer-right .image{width:calc(100% - 420px)}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-left .image,.wpo-offer-section-s2 .offer-right .image{width:calc(100% - 320px)}
}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-left .image,.wpo-offer-section-s2 .offer-right .image{width:100%;text-align:center}
}
.wpo-offer-section-s2 .offer-left .contnet,.wpo-offer-section-s2 .offer-right .contnet{max-width:420px;text-align:right}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-left .contnet,.wpo-offer-section-s2 .offer-right .contnet{max-width:320px}
}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-left .contnet,.wpo-offer-section-s2 .offer-right .contnet{max-width:100%}
}
.wpo-offer-section-s2 .offer-left .contnet h2,.wpo-offer-section-s2 .offer-right .contnet h2{margin-bottom:0}
.wpo-offer-section-s2 .offer-left .contnet h2 a,.wpo-offer-section-s2 .offer-right .contnet h2 a{color:#000;font-family:var(--font);font-size:60px;font-weight:400;line-height:80px}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-left .contnet h2 a,.wpo-offer-section-s2 .offer-right .contnet h2 a{font-size:50px;line-height:60px}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-left .contnet h2 a,.wpo-offer-section-s2 .offer-right .contnet h2 a{font-size:40px;line-height:50px}
}
.wpo-offer-section-s2 .offer-left .contnet .reting,.wpo-offer-section-s2 .offer-right .contnet .reting{display:flex;align-items:center;justify-content:flex-end;padding-bottom:10px}
.wpo-offer-section-s2 .offer-left .contnet .reting li,.wpo-offer-section-s2 .offer-right .contnet .reting li{display:inline-block}
.wpo-offer-section-s2 .offer-left .contnet .reting li span,.wpo-offer-section-s2 .offer-right .contnet .reting li span{color:#000;font-size:20px;font-weight:400;line-height:40px;padding-left:10px}
.wpo-offer-section-s2 .offer-left .contnet .reting li img,.wpo-offer-section-s2 .offer-right .contnet .reting li img{width:20px;height:20px;line-height:40px}
.wpo-offer-section-s2 .offer-left .contnet span,.wpo-offer-section-s2 .offer-right .contnet span{color:#000;font-size:30px;font-weight:500;line-height:50px}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-left .contnet span,.wpo-offer-section-s2 .offer-right .contnet span{font-size:20px;line-height:40px}
}
.wpo-offer-section-s2 .offer-left .contnet .dat,.wpo-offer-section-s2 .offer-right .contnet .dat{color:#AAA;padding-left:20px}
.wpo-offer-section-s2 .offer-left .contnet .shop-btn,.wpo-offer-section-s2 .offer-right .contnet .shop-btn{border-radius:0;margin-top:30px}
.wpo-offer-section-s2 .offer-right{background:#F2F1E7;align-items:flex-end;padding:70px 50px;padding-right:30px}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-right{align-items:flex-start;flex-direction:column-reverse}
}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-right{padding:40px 20px}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-right{padding:30px 10px}
}
.wpo-offer-section-s2 .offer-right .image{width:calc(100% - 290px)}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-right .image{width:100%;margin-bottom:60px}
}
.wpo-offer-section-s2 .offer-right .contnet{text-align:left;max-width:290px}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-right .contnet{max-width:100%}
}
.wpo-offer-section-s2 .offer-right .contnet h2 a{color:#233D50;font-size:55px}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-right .contnet h2 a{font-size:45px}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-right .contnet h2 a{font-size:40px;line-height:50px}
}
.wpo-offer-section-s2 .offer-right .contnet .shop-btn{background:transparent;border:1px solid #000;color:#000}
.wpo-offer-section-s2 .offer-time{display:flex;align-items:center;justify-content:space-between;margin-top:60px;max-width:400px;margin-left:auto}
@media (max-width: 1199px) {
.wpo-offer-section-s2 .offer-time{margin-top:20px}
}
.wpo-offer-section-s2 .offer-time .box{width:90px;border:2px solid #FFF;background:#ffffff80;text-align:center;padding:10px}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-time .box{width:75px}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-time .box{width:60px;padding:5px}
}
.wpo-offer-section-s2 .offer-time .box .time{color:#233D50;font-family:var(--font);font-size:50px;font-weight:400;line-height:50px}
@media (max-width: 1399px) {
.wpo-offer-section-s2 .offer-time .box .time{font-size:40px;line-height:50px}
}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-time .box .time{font-size:30px;line-height:40px}
}
.wpo-offer-section-s2 .offer-time .box span{color:#233D50;font-size:18px;font-weight:400;line-height:20px}
@media (max-width: 767px) {
.wpo-offer-section-s2 .offer-time .box span{font-size:16px}
}
.wpo-service-section-s9{max-width:1730px;margin:0 auto;padding-bottom:90px}
@media (max-width: 991px) {
.wpo-service-section-s9{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-service-section-s9{padding-bottom:50px}
}
.wpo-service-section-s9 .title{max-width:959px;margin:0 auto;text-align:center;margin-bottom:60px}
.wpo-service-section-s9 .title span{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-service-section-s9 .title h2{color:#000;font-size:100px;font-weight:400;line-height:100px}
@media (max-width: 991px) {
.wpo-service-section-s9 .title h2{font-size:80px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-service-section-s9 .title h2{font-size:60px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-service-section-s9 .title h2{font-size:50px;line-height:60px}
}
.wpo-service-section-s9 .title p{color:#000;font-size:20px!important;font-weight:400;line-height:30px;max-width:784px;margin:0 auto}
.wpo-service-section-s9 .service-card{margin:0 9px;margin-bottom:30px}
@media (max-width: 1399px) {
.wpo-service-section-s9 .service-card{margin:0;margin-bottom:30px}
}
.wpo-service-section-s9 .service-card h2 a{font-size:30px;line-height:40px}
@media (max-width: 1399px) {
.wpo-service-section-s9 .service-card h2 a{font-size:25px;line-height:35px}
}
.wpo-project-section-s10{background:#fff}
.wpo-project-section-s10 .title{max-width:959px;margin:0 auto;text-align:center;margin-bottom:60px;display:block}
.wpo-project-section-s10 .title h2{color:#000;font-size:100px;font-weight:400;line-height:100px;margin:0 auto}
@media (max-width: 991px) {
.wpo-project-section-s10 .title h2{font-size:80px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-project-section-s10 .title h2{font-size:60px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-project-section-s10 .title h2{font-size:50px;line-height:60px}
}
.wpo-project-section-s10 .title p{max-width:941px;margin:0 auto;color:#666;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 991px) {
.wpo-project-section-s10 .title p{font-size:30px}
}
@media (max-width: 767px) {
.wpo-project-section-s10 .title p{font-size:25px;line-height:35px}
}
@media (max-width: 575px) {
.wpo-project-section-s10 .title p{font-size:20px;line-height:25px}
}
.wpo-project-section-s10 .item{position:relative;overflow:hidden;z-index:11}
.wpo-project-section-s10 .item::before{position:absolute;left:0;bottom:0;width:100%;content:"";background:linear-gradient(180deg,#0000 0%,#000 100%);height:400px;z-index:1;opacity:0;visibility:hidden;transition:all .3s ease-in-out}
.wpo-project-section-s10 .item .content{text-align:left;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;width:100%;padding:30px 40px;padding-top:0;opacity:0;visibility:hidden;transition:all .3s ease-in-out}
@media (max-width: 767px) {
.wpo-project-section-s10 .item .content{padding:20px}
}
.wpo-project-section-s10 .item .content span{color:#fff}
.wpo-project-section-s10 .swiper-slide.swiper-slide-active .item::before{opacity:1;visibility:visible}
.wpo-project-section-s10 .swiper-slide.swiper-slide-active .item .content{opacity:1;visibility:visible}
.wpo-funfact-section-s11{padding-top:0;padding-bottom:0}
.wpo-testimonial-section-s11{border:0}
.wpo-testimonial-section-s11 .testimonial-slider-s3{padding-top:150px;border-top:1px solid #3333}
@media (max-width: 991px) {
.wpo-testimonial-section-s11 .testimonial-slider-s3{padding-top:90px}
}
@media (max-width: 767px) {
.wpo-testimonial-section-s11 .testimonial-slider-s3{padding-top:80px}
}
.wpo-consultaForm-section .wraper,.wpo-consultaForm-section-s3 .wraper{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;max-width:1720px;margin:0 auto;padding:100px}
@media (max-width: 767px) {
.wpo-consultaForm-section .wraper,.wpo-consultaForm-section-s3 .wraper{padding:20px}
}
@media (max-width: 575px) {
.wpo-consultaForm-section .wraper,.wpo-consultaForm-section-s3 .wraper{padding:0}
}
.wpo-consultaForm-section .contact,.wpo-consultaForm-section-s3 .contact{max-width:600px;padding:50px;background:#fffffff2;display:block}
@media (max-width: 767px) {
.wpo-consultaForm-section .contact,.wpo-consultaForm-section-s3 .contact{max-width:100%}
}
@media (max-width: 575px) {
.wpo-consultaForm-section .contact,.wpo-consultaForm-section-s3 .contact{padding:60px 20px}
}
.wpo-consultaForm-section .contact h2,.wpo-consultaForm-section-s3 .contact h2{color:#000;font-size:50px;font-weight:400;line-height:65px;margin-bottom:20px}
@media (max-width: 767px) {
.wpo-consultaForm-section .contact h2,.wpo-consultaForm-section-s3 .contact h2{font-size:40px}
}
@media (max-width: 575px) {
.wpo-consultaForm-section .contact h2,.wpo-consultaForm-section-s3 .contact h2{font-size:30px;line-height:45px;margin-bottom:20px}
}
.wpo-consultaForm-section .contact-validation-active,.wpo-consultaForm-section-s3 .contact-validation-active{position:relative}
.wpo-consultaForm-section .contact-validation-active div,.wpo-consultaForm-section-s3 .contact-validation-active div{position:relative}
.wpo-consultaForm-section .contact-validation-active label,.wpo-consultaForm-section-s3 .contact-validation-active label{color:#000;font-size:20px;font-weight:400;line-height:30px}
.wpo-consultaForm-section .contact-validation-active .form-control,.wpo-consultaForm-section-s3 .contact-validation-active .form-control{background:transparent;border:0;border-bottom:1px solid #B6B6B6;border-radius:0;margin-bottom:12px;color:#000;font-size:20px;font-weight:400;padding:0}
.wpo-consultaForm-section .contact-validation-active .form-control:focus,.wpo-consultaForm-section-s3 .contact-validation-active .form-control:focus{box-shadow:0 0 0 .25rem transparent}
.wpo-consultaForm-section .contact-validation-active .form-control::-moz-placeholder,.wpo-consultaForm-section-s3 .contact-validation-active .form-control::-moz-placeholder{color:#000}
.wpo-consultaForm-section .contact-validation-active .form-control::placeholder,.wpo-consultaForm-section-s3 .contact-validation-active .form-control::placeholder{color:#000}
.wpo-consultaForm-section .contact-validation-active label.error,.wpo-consultaForm-section-s3 .contact-validation-active label.error{font-size:15px;margin:0;color:red;position:absolute;bottom:-23px}
.wpo-consultaForm-section .contact-validation-active .clearfix.error-handling-messages,.wpo-consultaForm-section-s3 .contact-validation-active .clearfix.error-handling-messages{position:absolute;bottom:-35px}
@media (max-width: 499px) {
.wpo-consultaForm-section .contact-validation-active .clearfix.error-handling-messages,.wpo-consultaForm-section-s3 .contact-validation-active .clearfix.error-handling-messages{bottom:-60px}
}
.wpo-consultaForm-section .contact-validation-active .shop-btn,.wpo-consultaForm-section-s3 .contact-validation-active .shop-btn{border-radius:0;border:0;margin-top:30px}
.wpo-about-section-s12{border:1px solid #E3E3E3;border-left:0;border-right:0}
.wpo-about-section-s12 .wraper{max-width:1680px;margin:0 auto}
@media (max-width: 1680px) {
.wpo-about-section-s12 .wraper{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-about-section-s12 .about-left{margin-bottom:40px}
}
.wpo-about-section-s12 .about-right{max-width:751px;margin-left:auto}
.wpo-about-section-s12 .about-right h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-about-section-s12 .about-right h3{color:#000;font-size:70px;font-weight:700;margin-bottom:24px}
@media (max-width: 1499px) {
.wpo-about-section-s12 .about-right h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-about-section-s12 .about-right h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-about-section-s12 .about-right h3{font-size:35px}
}
@media (max-width: 767px) {
.wpo-about-section-s12 .about-right h3{font-size:30px}
}
.wpo-about-section-s12 .about-right p{color:#000;font-size:20px;font-weight:400;line-height:40px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-about-section-s12 .about-right p{font-size:18px;line-height:30px;margin-bottom:10px}
}
.wpo-about-section-s12 .about-right .fanfuct{max-width:557px}
.wpo-about-section-s12 .about-right .fanfuct .item{text-align:left}
@media (max-width: 767px) {
.wpo-about-section-s12 .about-right .fanfuct .item{margin-bottom:20px}
}
.wpo-about-section-s12 .about-right .fanfuct .item h4{margin-bottom:0}
.wpo-about-section-s12 .about-right .fanfuct .item h4 span{color:#262626;font-family:var(--font);letter-spacing:5px;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1550px) {
.wpo-about-section-s12 .about-right .fanfuct .item h4 span{font-size:100px;letter-spacing:10px}
}
@media (max-width: 1199px) {
.wpo-about-section-s12 .about-right .fanfuct .item h4 span{font-size:80px;line-height:100px;letter-spacing:5px}
}
.wpo-about-section-s12 .about-right .fanfuct .item h4 .icon{font-size:100px;position:relative;bottom:-40px}
@media (max-width: 1550px) {
.wpo-about-section-s12 .about-right .fanfuct .item h4 .icon{font-size:100px;bottom:-20px}
}
@media (max-width: 1199px) {
.wpo-about-section-s12 .about-right .fanfuct .item h4 .icon{font-size:60px;bottom:-10px}
}
.wpo-about-section-s12 .about-right .fanfuct .item h5{color:#262626;font-family:var(--font),serif;text-transform:uppercase;font-size:20px;font-weight:500;margin-bottom:0}
@media (max-width: 1550px) {
.wpo-about-section-s12 .about-right .fanfuct .item h5{margin:0}
}
@media (max-width: 1199px) {
.wpo-about-section-s12 .about-right .fanfuct .item h5{font-size:20px;margin-top:0}
}
.wpo-service-section-s12 .container-fluid,.wpo-service-section-s13 .container-fluid,.wpo-service-section-s15 .container-fluid{max-width:1740px;margin:0 auto}
@media (max-width: 1740px) {
.wpo-service-section-s12 .service-wrap,.wpo-service-section-s13 .service-wrap,.wpo-service-section-s15 .service-wrap{padding:0 10px}
}
.wpo-service-section-s12 .title,.wpo-service-section-s13 .title,.wpo-service-section-s15 .title{max-width:649px;margin:0 auto;margin-bottom:60px;text-align:center}
@media (max-width: 991px) {
.wpo-service-section-s12 .title,.wpo-service-section-s13 .title,.wpo-service-section-s15 .title{margin-bottom:40px}
}
.wpo-service-section-s12 .title h2,.wpo-service-section-s13 .title h2,.wpo-service-section-s15 .title h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-service-section-s12 .title h3,.wpo-service-section-s13 .title h3,.wpo-service-section-s15 .title h3{color:#000;font-size:70px;font-weight:700}
@media (max-width: 1499px) {
.wpo-service-section-s12 .title h3,.wpo-service-section-s13 .title h3,.wpo-service-section-s15 .title h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-service-section-s12 .title h3,.wpo-service-section-s13 .title h3,.wpo-service-section-s15 .title h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-service-section-s12 .title h3,.wpo-service-section-s13 .title h3,.wpo-service-section-s15 .title h3{font-size:35px}
}
@media (max-width: 767px) {
.wpo-service-section-s12 .title h3,.wpo-service-section-s13 .title h3,.wpo-service-section-s15 .title h3{font-size:30px}
}
.wpo-service-section-s12 .service-card-s12,.wpo-service-section-s13 .service-card-s12,.wpo-service-section-s15 .service-card-s12{margin:0 10px;margin-bottom:30px}
@media (max-width: 1740px) {
.wpo-service-section-s12 .service-card-s12,.wpo-service-section-s13 .service-card-s12,.wpo-service-section-s15 .service-card-s12{margin:0;margin-bottom:30px}
}
.service-card-s12{border-radius:20px;border:1px solid #E3E3E3;background:#FFF}
.service-card-s12 .top{padding:40px}
@media (max-width: 1740px) {
.service-card-s12 .top{padding:40px 20px}
}
.service-card-s12 .icon{margin-bottom:20px}
.service-card-s12 h2 a{color:#000;font-size:30px;font-weight:700}
@media (max-width: 1399px) {
.service-card-s12 h2 a{font-size:25px}
}
@media (max-width: 1199px) {
.service-card-s12 h2 a{font-size:20px}
}
.service-card-s12 p{color:#525252;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
.service-card-s12 .buttom{border-top:1px solid #E3E3E3}
.service-card-s12 .buttom a{color:#000;font-size:18px;font-weight:500;line-height:30px;padding:20px 40px;display:block}
@media (max-width: 1740px) {
.service-card-s12 .buttom a{padding:20px}
}
.wpo-project-section-s12{background:#000;padding:100px 0;position:relative;z-index:1;overflow:hidden}
.wpo-project-section-s12 .bg-image{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
.wpo-project-section-s12 .bg-image img{width:100%}
.wpo-project-section-s12 .wraper{display:flex;justify-content:space-between;max-width:1830px;margin-left:auto}
@media (max-width: 1830px) {
.wpo-project-section-s12 .wraper{max-width:1730px}
}
@media (max-width: 1699px) {
.wpo-project-section-s12 .wraper{display:block;max-width:1399px;margin:0 auto}
}
.wpo-project-section-s12 .title{max-width:556px}
@media (max-width: 1699px) {
.wpo-project-section-s12 .title{text-align:center;margin:0 auto;margin-bottom:50px;max-width:756px}
}
.wpo-project-section-s12 .title span{color:#fff;font-size:20px;font-weight:400;border-radius:20px;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif;background:#222}
.wpo-project-section-s12 .title h2{color:#FFF;font-size:60px;font-weight:700;margin-bottom:27px}
@media (max-width: 1699px) {
.wpo-project-section-s12 .title h2{font-size:50px;margin-bottom:20px}
}
@media (max-width: 1399px) {
.wpo-project-section-s12 .title h2{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-project-section-s12 .title h2{font-size:35px}
}
@media (max-width: 767px) {
.wpo-project-section-s12 .title h2{font-size:30px}
}
.wpo-project-section-s12 .title p{color:#FFF;font-size:20px;font-weight:400;line-height:30px}
.wpo-project-section-s12 .project-slider-s11{width:calc(100% - 556px);margin-right:-35px}
@media (max-width: 1830px) {
.wpo-project-section-s12 .project-slider-s11{width:calc(100% - 500px)}
}
@media (max-width: 1730px) {
.wpo-project-section-s12 .project-slider-s11{width:calc(100% - 450px)}
}
@media (max-width: 1699px) {
.wpo-project-section-s12 .project-slider-s11{width:100%;margin-right:0}
}
.wpo-project-section-s12 .item{position:relative;border-radius:20px;overflow:hidden}
@media (max-width: 1699px) {
.wpo-project-section-s12 .item{max-width:100%}
}
@media (max-width: 767px) {
.wpo-project-section-s12 .item{max-width:390px;margin:0 auto}
}
.wpo-project-section-s12 .item img{width:100%}
.wpo-project-section-s12 .item .content{border-radius:15px;background:#fff;padding:20px 30px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-width:350px;width:100%;transition:all .3s ease-in-out;opacity:0;visibility:hidden}
@media (max-width: 991px) {
.wpo-project-section-s12 .item .content{padding:20px}
}
.wpo-project-section-s12 .item .content h2 a{color:#000;font-size:30px;font-weight:700}
@media (max-width: 991px) {
.wpo-project-section-s12 .item .content h2 a{font-size:25px}
}
.wpo-project-section-s12 .item .content span{color:#333;font-size:20px;font-weight:400;line-height:30px}
@media (max-width: 991px) {
.wpo-project-section-s12 .item .content span{font-size:18px;line-height:25px}
}
.wpo-project-section-s12 .item:hover .content{opacity:1;visibility:visible;bottom:20px}
.wpo-project-section-s12 .owl-nav{display:none}
.wpo-project-section-s12 .owl-dots{margin-top:50px;text-align:center}
@media (min-width: 992px) {
.wpo-project-section-s12 .owl-dots{display:none}
}
.wpo-project-section-s12 .owl-dots button{width:15px;height:15px;border-radius:15px;background:#fff;border:0;margin:0 5px}
.wpo-project-section-s12 .owl-dots button.active{background:#222}
.wpo-testimonial-section-s12 .testimonial-wrap{max-width:1622px;margin-right:auto;display:flex;align-items:center}
@media (max-width: 1199px) {
.wpo-testimonial-section-s12 .testimonial-wrap{margin:0 auto;display:block}
.wpo-testimonial-section-s12 .image{display:none}
}
.wpo-testimonial-section-s12 .testimonial-slider-s5{margin-left:-175px;max-width:800px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s12 .testimonial-slider-s5{margin:0 auto;max-width:700px}
}
.wpo-testimonial-section-s12 .item{background:#fff;padding:70px 60px;border-radius:20px;box-shadow:0 2px 12px 2px #0400340f;margin:10px}
@media (max-width: 1399px) {
.wpo-testimonial-section-s12 .item{padding:50px 30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item{padding:30px 20px}
}
.wpo-testimonial-section-s12 .item .icon{width:60px;height:60px}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .icon{width:40px;height:40px}
}
.wpo-testimonial-section-s12 .item h3{color:#000;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:40px;margin-top:20px;margin-bottom:35px}
@media (max-width: 1199px) {
.wpo-testimonial-section-s12 .item h3{font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item h3{font-size:18px;line-height:25px}
}
.wpo-testimonial-section-s12 .item .client-wrap{display:flex;align-items:center}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .client-wrap{display:block}
}
.wpo-testimonial-section-s12 .item .client-wrap .image{width:80px;height:80px;display:block}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .client-wrap .image{width:60px;height:60px}
}
.wpo-testimonial-section-s12 .item .client-wrap .image img{width:100%;border-radius:100%}
.wpo-testimonial-section-s12 .item .client-wrap .text{margin-left:30px}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .client-wrap .text{margin-left:0;margin-top:20px}
}
.wpo-testimonial-section-s12 .item .client-wrap .text h4{color:#000;font-size:40px;font-weight:400;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-testimonial-section-s12 .item .client-wrap .text h4{font-size:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .client-wrap .text h4{font-size:20px}
}
.wpo-testimonial-section-s12 .item .client-wrap .text span{color:#565656;font-size:18px;font-weight:400}
@media (max-width: 575px) {
.wpo-testimonial-section-s12 .item .client-wrap .text span{font-size:16px}
}
.wpo-testimonial-section-s12 .owl-nav{position:absolute;right:30%;bottom:-20%}
@media (max-width: 1399px) {
.wpo-testimonial-section-s12 .owl-nav{bottom:10px}
}
@media (max-width: 1199px) {
.wpo-testimonial-section-s12 .owl-nav{display:none}
}
.wpo-testimonial-section-s12 .owl-nav button{border:0;background:transparent}
.wpo-testimonial-section-s12 .owl-nav button span{display:none}
.wpo-testimonial-section-s12 .owl-prev{margin-right:30px}
.wpo-testimonial-section-s12 .owl-prev::before{content:url(../images/left-arrow-2.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s12 .owl-prev:hover::before{content:url(../images/left-arrow-white-2.svg)}
.wpo-testimonial-section-s12 .owl-next::before{content:url(../images/right-arrow-3.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s12 .owl-next:hover::before{content:url(../images/right-arrow-white-3.svg)}
.wpo-testimonial-section-s12 .owl-dots{text-align:center;padding-top:20px}
@media (min-width: 1200px) {
.wpo-testimonial-section-s12 .owl-dots{display:none}
}
.wpo-testimonial-section-s12 .owl-dot{border:0;width:15px;height:15px;background:#D9D9D9;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s12 .owl-dot.active{background:#333}
.wpo-team-section-s12,.wpo-team-section-s15{padding-top:0}
.wpo-team-section-s12 .title,.wpo-team-section-s15 .title{max-width:749px;margin:0 auto;margin-bottom:60px;text-align:center}
@media (max-width: 991px) {
.wpo-team-section-s12 .title,.wpo-team-section-s15 .title{margin-bottom:40px}
}
.wpo-team-section-s12 .title h2,.wpo-team-section-s15 .title h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-team-section-s12 .title h3,.wpo-team-section-s15 .title h3{color:#000;font-size:70px;font-weight:700}
@media (max-width: 1499px) {
.wpo-team-section-s12 .title h3,.wpo-team-section-s15 .title h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-team-section-s12 .title h3,.wpo-team-section-s15 .title h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-team-section-s12 .title h3,.wpo-team-section-s15 .title h3{font-size:35px}
}
@media (max-width: 767px) {
.wpo-team-section-s12 .title h3,.wpo-team-section-s15 .title h3{font-size:30px}
}
.team-card-s12{margin:0 10px;margin-bottom:30px;border-radius:20px;background:#FFF;box-shadow:0 2px 12px 2px #0400340f;overflow:hidden}
@media (max-width: 1399px) {
.team-card-s12{margin:0;margin-bottom:30px}
}
@media (max-width: 991px) {
.team-card-s12{margin:0 auto;margin-bottom:30px}
}
.team-card-s12 .image{max-width:100%;overflow:hidden;position:relative}
.team-card-s12 .image img{border-radius:0;width:100%;height:100%;position:relative;display:block;-o-object-fit:cover;object-fit:cover;transition:all 500ms ease}
.team-card-s12 .image img:first-child{position:absolute;left:0;top:0;right:0;bottom:0;transform:translateX(50%) scaleX(2);opacity:0;filter:blur(10px);transition:all .4s ease-in-out}
.team-card-s12:hover .image img:first-child{transform:translateX(0) scaleX(1);opacity:1;filter:blur(0)}
.team-card-s12:hover .image img:nth-child(2){transform:translateX(-50%) scaleX(2);opacity:0;filter:blur(10px)}
.team-card-s12 .text{padding:40px 30px 25px}
.team-card-s12 h2{margin-bottom:0}
.team-card-s12 h2 a,.team-card-s12 h2 span{color:#000;line-height:30px;height:35px!important;font-size:40px;font-weight:500}
@media (max-width: 1199px) {
.team-card-s12 h2 a,.team-card-s12 h2 span{font-size:25px;height:20px!important;line-height:20px}
}
.team-card-s12 span{color:#565656;font-size:25px;font-weight:400;line-height:50px}
@media (max-width: 1199px) {
.team-card-s12 span{font-size:20px;line-height:30px}
}
.wpo-cta-section-s4{background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;padding:90px 210px}
@media (max-width: 1799px) {
.wpo-cta-section-s4{padding:90px 100px}
}
@media (max-width: 991px) {
.wpo-cta-section-s4{padding:90px}
}
@media (max-width: 767px) {
.wpo-cta-section-s4{padding:80px 0}
}
.wpo-cta-section-s4 .contact{max-width:480px;border-radius:30px;background:#FFF;padding:65px 55px;padding-right:30px}
@media (max-width: 767px) {
.wpo-cta-section-s4 .contact{margin:0 auto}
}
@media (max-width: 575px) {
.wpo-cta-section-s4 .contact{padding:35px 25px;max-width:400px}
}
.wpo-cta-section-s4 .contact h3{color:#000;font-size:40px;font-weight:700;margin-bottom:40px}
@media (max-width: 575px) {
.wpo-cta-section-s4 .contact h3{font-size:30px;margin-bottom:15px}
}
.wpo-cta-section-s4 .contact li{color:#666;font-size:22px;font-weight:400;line-height:40px;display:flex;align-items:flex-start;margin-bottom:20px}
@media (max-width: 575px) {
.wpo-cta-section-s4 .contact li{font-size:20px;line-height:30px}
}
.wpo-cta-section-s4 .contact li:last-child{margin-bottom:0}
.wpo-cta-section-s4 .contact li img{margin-right:15px;margin-top:10px}
@media (max-width: 575px) {
.wpo-cta-section-s4 .contact li img{margin-top:7px}
}
.wpo-blog-section-s12{padding:150px 0 120px}
@media (max-width: 991px) {
.wpo-blog-section-s12{padding:90px 0 60px}
}
@media (max-width: 767px) {
.wpo-blog-section-s12{padding:80px 0 50px}
}
.wpo-blog-section-s12 .title{max-width:749px;margin:0 auto;margin-bottom:60px;text-align:center}
@media (max-width: 991px) {
.wpo-blog-section-s12 .title{margin-bottom:40px}
}
.wpo-blog-section-s12 .title h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-blog-section-s12 .title h3{color:#000;font-size:70px;font-weight:700}
@media (max-width: 1499px) {
.wpo-blog-section-s12 .title h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-blog-section-s12 .title h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s12 .title h3{font-size:35px}
}
@media (max-width: 767px) {
.wpo-blog-section-s12 .title h3{font-size:30px}
}
.wpo-blog-section-s12 .blog-wrap{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-blog-section-s12 .blog-wrap{margin:0}
}
.wpo-blog-section-s12 .col:first-child .blog-card-s12{position:relative}
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .image{max-height:750px}
@media (max-width: 991px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .image{max-height:346px}
}
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text{padding:35px 30px;max-width:670px;margin-top:-185px}
@media (max-width: 1199px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text{margin-top:-200px}
}
@media (max-width: 991px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;padding:30px 20px}
}
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text h2 a{font-size:40px}
@media (max-width: 1399px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text h2 a{font-size:35px}
}
@media (max-width: 991px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text h2 a{font-size:25px}
}
@media (max-width: 575px) {
.wpo-blog-section-s12 .col:first-child .blog-card-s12 .text h2 a{font-size:20px}
}
.blog-card-s12{position:relative;margin:0 10px;margin-bottom:40px}
@media (max-width: 1399px) {
.blog-card-s12{margin:0;margin-bottom:30px}
}
.blog-card-s12 .image{max-height:346px;overflow:hidden;border-radius:30px}
@media (max-width: 991px) {
.blog-card-s12 .image{border-bottom-left-radius:0;border-bottom-right-radius:0}
}
@media (max-width: 575px) {
.blog-card-s12 .image{border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}
}
.blog-card-s12 .image img{width:100%}
.blog-card-s12 .text{border-radius:20px;background:#FFF;box-shadow:0 2px 12px 2px #0400340f;padding:30px 20px;max-width:476px;margin:0 auto;margin-top:-100px;position:relative;z-index:1}
@media (max-width: 991px) {
.blog-card-s12 .text{max-width:670px}
.blog-card-s12 .text{margin:0;border-top-left-radius:0;border-top-right-radius:0}
}
.blog-card-s12 .text h2{margin-bottom:10px}
.blog-card-s12 .text h2 a{color:#000;font-size:30px;font-weight:700;text-decoration:none}
@media (max-width: 1399px) {
.blog-card-s12 .text h2 a{font-size:25px}
}
@media (max-width: 575px) {
.blog-card-s12 .text h2 a{font-size:20px}
}
.blog-card-s12 .text p{color:#666;font-size:20px;font-weight:400;line-height:30px;max-width:567px}
@media (max-width: 575px) {
.blog-card-s12 .text p{font-size:18px}
}
.blog-card-s12 .text a{color:#444;font-family:var(--font),serif;font-size:20px;font-weight:600;line-height:30px;text-decoration:underline}
@media (max-width: 575px) {
.blog-card-s12 .text a{font-size:18px}
}
.wpo-service-section-s13{padding-top:110px;padding-bottom:100px}
@media (max-width: 991px) {
.wpo-service-section-s13{padding-top:90px;padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-service-section-s13{padding-top:80px;padding-bottom:50px}
}
.wpo-about-section-s13 .wraper{display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:0 auto}
@media (max-width: 1800px) {
.wpo-about-section-s13 .wraper{padding:0 20px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .wraper{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-about-section-s13 .wraper{flex-direction:column}
}
.wpo-about-section-s13 .about-left{max-width:550px;max-height:850px;overflow:hidden;border-radius:315px}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-left{margin-bottom:40px;max-width:400px}
}
.wpo-about-section-s13 .about-mid{max-width:614px;margin-right:-40px}
@media (max-width: 1699px) {
.wpo-about-section-s13 .about-mid{margin-right:0}
}
@media (max-width: 1649px) {
.wpo-about-section-s13 .about-mid{padding:0 10px}
}
@media (max-width: 1399px) {
.wpo-about-section-s13 .about-mid{max-width:514px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid{max-width:400px}
}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-mid{max-width:500px;padding:0}
}
.wpo-about-section-s13 .about-mid h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-about-section-s13 .about-mid h3{color:#000;font-family:var(--font);font-size:70px;margin-bottom:30px;font-weight:400}
@media (max-width: 1499px) {
.wpo-about-section-s13 .about-mid h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-about-section-s13 .about-mid h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid h3{font-size:35px}
}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-mid h3{font-size:35px;margin-bottom:20px}
}
@media (max-width: 767px) {
.wpo-about-section-s13 .about-mid h3{font-size:30px}
}
.wpo-about-section-s13 .about-mid p{color:#000;font-size:20px;font-weight:400;line-height:40px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid p{font-size:18px;line-height:30px;margin-bottom:10px}
}
.wpo-about-section-s13 .about-mid .fanfuct{max-width:557px}
.wpo-about-section-s13 .about-mid .fanfuct .item{text-align:left}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-mid .fanfuct .item{text-align:center}
}
@media (max-width: 767px) {
.wpo-about-section-s13 .about-mid .fanfuct .item{margin-bottom:20px}
}
.wpo-about-section-s13 .about-mid .fanfuct .item h4{margin-bottom:0}
.wpo-about-section-s13 .about-mid .fanfuct .item h4 span{color:#262626;font-family:var(--font);letter-spacing:5px;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1550px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h4 span{font-size:100px;letter-spacing:10px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h4 span{font-size:70px;line-height:90px;letter-spacing:5px}
}
.wpo-about-section-s13 .about-mid .fanfuct .item h4 .icon{font-size:100px;position:relative;bottom:-40px}
@media (max-width: 1550px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h4 .icon{font-size:100px;bottom:-20px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h4 .icon{font-size:50px;bottom:-5px}
}
.wpo-about-section-s13 .about-mid .fanfuct .item h5{color:#262626;font-family:var(--font),serif;text-transform:uppercase;font-size:20px;font-weight:500;margin-bottom:0}
@media (max-width: 1550px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h5{margin:0}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-mid .fanfuct .item h5{font-size:16px;margin-top:0}
}
.wpo-about-section-s13 .about-right{max-width:400px;bottom:-100px;position:relative}
@media (max-width: 1699px) {
.wpo-about-section-s13 .about-right{bottom:0}
}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-right{max-width:500px;margin-top:40px}
}
.wpo-about-section-s13 .about-right .about-funfact{display:flex;align-items:center;justify-content:flex-end;margin-top:0}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-right .about-funfact{justify-content:center}
}
.wpo-about-section-s13 .about-right .about-funfact h3 span{color:#000;font-family:var(--font);font-size:150px;font-weight:400;line-height:160px;letter-spacing:10px}
@media (max-width: 1499px) {
.wpo-about-section-s13 .about-right .about-funfact h3 span{font-size:100px;line-height:100px;letter-spacing:6px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-right .about-funfact h3 span{font-size:70px;line-height:90px;letter-spacing:6px}
}
.wpo-about-section-s13 .about-right .about-funfact h3 .icon{line-height:0;position:relative;bottom:-20px}
@media (max-width: 1499px) {
.wpo-about-section-s13 .about-right .about-funfact h3 .icon{bottom:-20px}
}
@media (max-width: 991px) {
.wpo-about-section-s13 .about-right .about-funfact h3 .icon{bottom:-10px}
}
.wpo-about-section-s13 .about-right .about-funfact h4{color:#000;font-size:30px;font-weight:400;line-height:40px;margin-bottom:0}
@media (max-width: 1499px) {
.wpo-about-section-s13 .about-right .about-funfact h4{font-size:25px;line-height:30px}
}
@media (max-width: 1199px) {
.wpo-about-section-s13 .about-right .about-funfact h4{font-size:18px;line-height:20px}
}
.wpo-about-section-s13 .about-right .image{max-width:400px;max-height:603px;overflow:hidden;border-radius:315px}
.wpo-project-section-s13,.wpo-project-section-s15{border-top:1px solid #D9D9D9;padding-bottom:90px}
@media (max-width: 991px) {
.wpo-project-section-s13,.wpo-project-section-s15{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-project-section-s13,.wpo-project-section-s15{padding-bottom:50px}
}
.wpo-project-section-s13 .wraper,.wpo-project-section-s15 .wraper{max-width:1810px;margin:0 auto;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between}
@media (max-width: 1810px) {
.wpo-project-section-s13 .wraper,.wpo-project-section-s15 .wraper{padding:0 10px}
}
@media (max-width: 1199px) {
.wpo-project-section-s13 .wraper,.wpo-project-section-s15 .wraper{flex-direction:row;flex-direction:column}
}
.wpo-project-section-s13 .title,.wpo-project-section-s15 .title{max-width:600px;padding-left:70px}
@media (max-width: 1750px) {
.wpo-project-section-s13 .title,.wpo-project-section-s15 .title{padding-left:10px;max-width:500px}
}
@media (max-width: 1450px) {
.wpo-project-section-s13 .title,.wpo-project-section-s15 .title{max-width:400px}
}
@media (max-width: 1199px) {
.wpo-project-section-s13 .title,.wpo-project-section-s15 .title{max-width:500px;padding:0;text-align:center;margin-bottom:50px}
}
.wpo-project-section-s13 .title h2,.wpo-project-section-s15 .title h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{color:#000;font-family:var(--font);font-size:90px;margin-bottom:20px;font-weight:400}
@media (max-width: 1650px) {
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{font-size:60px}
}
@media (max-width: 1399px) {
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{font-size:40px}
}
@media (max-width: 1199px) {
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{font-size:50px}
}
@media (max-width: 991px) {
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{font-size:35px;margin-bottom:20px}
}
@media (max-width: 767px) {
.wpo-project-section-s13 .title h3,.wpo-project-section-s15 .title h3{font-size:30px}
}
.wpo-project-section-s13 .title p,.wpo-project-section-s15 .title p{color:#000;font-size:20px;font-weight:400;line-height:40px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-project-section-s13 .title p,.wpo-project-section-s15 .title p{font-size:18px;line-height:30px;margin-bottom:10px}
}
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{margin:0 -10px}
@media (max-width: 1650px) {
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{margin:0}
}
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{width:calc(100% - 600px)}
@media (max-width: 1750px) {
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{width:calc(100% - 500px)}
}
@media (max-width: 1450px) {
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{width:calc(100% - 400px)}
}
@media (max-width: 1199px) {
.wpo-project-section-s13 .project-content,.wpo-project-section-s15 .project-content{width:100%}
}
.wpo-project-section-s13 .project-allBtn,.wpo-project-section-s15 .project-allBtn{margin-top:40px}
.wpo-project-section-s13 .project-allBtn .theme-btn,.wpo-project-section-s13 .project-allBtn .view-cart-btn,.wpo-project-section-s15 .project-allBtn .theme-btn,.wpo-project-section-s15 .project-allBtn .view-cart-btn{border-radius:35px;border:1px solid #000;color:#000;padding:16px 40px 12px;text-transform:none}
.wpo-project-section-s13 .project-allBtn .theme-btn:after,.wpo-project-section-s13 .project-allBtn .view-cart-btn:after,.wpo-project-section-s15 .project-allBtn .theme-btn:after,.wpo-project-section-s15 .project-allBtn .view-cart-btn:after{background:linear-gradient(to right,#5e5d5d1a 0%,#ffffff1a 100%)}
@media (max-width: 1199px) {
.wpo-project-section-s13 .project-allBtn .theme-btn,.wpo-project-section-s13 .project-allBtn .view-cart-btn,.wpo-project-section-s15 .project-allBtn .theme-btn,.wpo-project-section-s15 .project-allBtn .view-cart-btn{font-size:18px;padding:9px 30px 6px}
}
@media (max-width: 767px) {
.wpo-project-section-s13 .project-allBtn .theme-btn,.wpo-project-section-s13 .project-allBtn .view-cart-btn,.wpo-project-section-s15 .project-allBtn .theme-btn,.wpo-project-section-s15 .project-allBtn .view-cart-btn{padding:8px 30px;font-size:14px}
.wpo-project-section-s13 .project-allBtn .theme-btn img,.wpo-project-section-s13 .project-allBtn .view-cart-btn img,.wpo-project-section-s15 .project-allBtn .theme-btn img,.wpo-project-section-s15 .project-allBtn .view-cart-btn img{display:none}
}
.wpo-project-section-s13 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s13 .project-allBtn .view-cart-btn .rolling-text,.wpo-project-section-s15 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s15 .project-allBtn .view-cart-btn .rolling-text{height:17px;line-height:21px}
@media (max-width: 767px) {
.wpo-project-section-s13 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s13 .project-allBtn .view-cart-btn .rolling-text,.wpo-project-section-s15 .project-allBtn .theme-btn .rolling-text,.wpo-project-section-s15 .project-allBtn .view-cart-btn .rolling-text{height:29px;line-height:34px}
}
.wpo-project-section-s13 .item,.wpo-project-section-s15 .item{position:relative;overflow:hidden;margin:0 10px;margin-bottom:30px}
@media (max-width: 1650px) {
.wpo-project-section-s13 .item,.wpo-project-section-s15 .item{margin:0;margin-bottom:30px}
}
@media (max-width: 767px) {
.wpo-project-section-s13 .item,.wpo-project-section-s15 .item{max-width:390px;margin:0 auto;margin-bottom:30px}
}
.wpo-project-section-s13 .item img,.wpo-project-section-s15 .item img{width:100%;border-radius:185px}
.wpo-project-section-s13 .item .content,.wpo-project-section-s15 .item .content{background:#fff;padding:20px 0;padding-bottom:0;text-align:center;margin-top:15px}
@media (max-width: 991px) {
.wpo-project-section-s13 .item .content,.wpo-project-section-s15 .item .content{padding:20px 0;padding-bottom:0}
}
.wpo-project-section-s13 .item .content h2 a,.wpo-project-section-s15 .item .content h2 a{color:#000;font-size:30px;font-weight:700}
@media (max-width: 1450px) {
.wpo-project-section-s13 .item .content h2 a,.wpo-project-section-s15 .item .content h2 a{font-size:25px}
}
@media (max-width: 767px) {
.wpo-project-section-s13 .item .content h2 a,.wpo-project-section-s15 .item .content h2 a{font-size:22px}
}
.wpo-project-section-s13 .item .content span,.wpo-project-section-s15 .item .content span{color:#333;font-size:20px;font-weight:400;line-height:30px}
@media (max-width: 991px) {
.wpo-project-section-s13 .item .content span,.wpo-project-section-s15 .item .content span{font-size:18px;line-height:25px}
}
.wpo-testimonial-section-s13{position:relative;z-index:1;padding-top:300px}
@media (max-width: 1699px) {
.wpo-testimonial-section-s13{padding-top:200px}
}
@media (max-width: 1620px) {
.wpo-testimonial-section-s13{padding-top:0}
}
.wpo-testimonial-section-s13 .image-right{position:absolute;right:2px;bottom:120px;max-width:2181px;max-height:905px}
@media (max-width: 1899px) {
.wpo-testimonial-section-s13 .image-right{right:-5px}
}
@media (max-width: 1879px) {
.wpo-testimonial-section-s13 .image-right{right:-8px}
}
@media (max-width: 1829px) {
.wpo-testimonial-section-s13 .image-right{right:-9px;bottom:122px}
}
@media (max-width: 1699px) {
.wpo-testimonial-section-s13 .image-right{right:-22px}
}
@media (max-width: 1629px) {
.wpo-testimonial-section-s13 .image-right{display:none}
}
.wpo-testimonial-section-s13 .testimonial-wrap{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;position:relative}
.wpo-testimonial-section-s13 .testimonial-wrap::before{position:absolute;left:0;top:0;width:900px;height:100%;content:"";background:#FFF;border-radius:0 330px 330px 0;box-shadow:0 2px 12px 2px #0400340f;z-index:1}
.wpo-testimonial-section-s13 .testimonial-slider-s4{max-width:900px;margin-right:auto;padding:75px 100px 95px;position:relative;z-index:1}
@media (max-width: 1829px) {
.wpo-testimonial-section-s13 .testimonial-slider-s4{padding:75px 100px}
}
@media (max-width: 1789px) {
.wpo-testimonial-section-s13 .testimonial-slider-s4{padding:60px 100px 52px}
}
@media (max-width: 767px) {
.wpo-testimonial-section-s13 .testimonial-slider-s4{padding:30px 10px}
}
.wpo-testimonial-section-s13 .item .icon{width:80px;height:80px;margin-bottom:40px}
@media (max-width: 767px) {
.wpo-testimonial-section-s13 .item .icon{margin-bottom:10px;width:70px;height:70px}
}
.wpo-testimonial-section-s13 .item h3{color:#000;font-size:35px;font-weight:500;position:relative;padding-bottom:70px;margin-bottom:0}
@media (max-width: 767px) {
.wpo-testimonial-section-s13 .item h3{font-size:25px;line-height:35px;padding-bottom:50px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s13 .item h3{font-size:20px;line-height:30px;padding-bottom:50px}
}
.wpo-testimonial-section-s13 .item h3::before{position:absolute;left:0;content:"";width:500px;height:1px;background:#000;bottom:10px}
@media (max-width: 575px) {
.wpo-testimonial-section-s13 .item h3::before{width:300px}
}
.wpo-testimonial-section-s13 .item h3::after{position:absolute;left:0;bottom:0;content:"";width:300px;height:1px;background:#000;border-radius:10px}
@media (max-width: 575px) {
.wpo-testimonial-section-s13 .item h3::after{width:220px}
}
.wpo-testimonial-section-s13 .item h4{color:#000;font-family:var(--font),serif;font-size:40px;font-weight:400;line-height:50px;margin-top:40px}
@media (max-width: 767px) {
.wpo-testimonial-section-s13 .item h4{font-size:30px;line-height:30px;margin-top:30px}
}
@media (max-width: 575px) {
.wpo-testimonial-section-s13 .item h4{font-size:25px;line-height:25px;margin-top:30px}
}
.wpo-testimonial-section-s13 .item span{color:#000;font-size:20px;font-weight:400;line-height:30px}
@media (max-width: 767px) {
.wpo-testimonial-section-s13 .item span{font-size:18px;line-height:40px}
}
@media (max-width: 991px) {
.wpo-testimonial-section-s13 .owl-nav{display:none}
}
.wpo-testimonial-section-s13 .owl-prev{position:absolute;right:auto;left:90px;bottom:-100px;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section-s13 .owl-prev::before{content:url(../images/left-arrow-2.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s13 .owl-prev span{display:none}
.wpo-testimonial-section-s13 .owl-next{position:absolute;left:240px;right:auto;bottom:-100px;transform:translateY(-50%);background:transparent;border:0}
.wpo-testimonial-section-s13 .owl-next::before{content:url(../images/right-arrow-3.svg);transition:all .3s ease-in-out}
.wpo-testimonial-section-s13 .owl-next span{display:none}
.wpo-testimonial-section-s13 .owl-dots{bottom:-20px;position:relative;z-index:1;display:none}
@media (max-width: 991px) {
.wpo-testimonial-section-s13 .owl-dots{display:block}
}
.wpo-testimonial-section-s13 .owl-dot{border:0;width:10px;height:12px;background:#000;border-radius:100px;margin:0 5px}
.wpo-testimonial-section-s13 .owl-dot.active{background:#e3b576}
.wpo-blog-section-s13{padding:50px 0 120px}
@media (max-width: 991px) {
.wpo-blog-section-s13{padding:0 0 60px}
}
@media (max-width: 767px) {
.wpo-blog-section-s13{padding:0 0 50px}
}
.wpo-blog-section-s13 .title{max-width:749px;margin:0 auto;margin-bottom:60px;text-align:center}
@media (max-width: 991px) {
.wpo-blog-section-s13 .title{margin-bottom:40px}
}
.wpo-blog-section-s13 .title h2{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
@media (max-width: 767px) {
.wpo-blog-section-s13 .title h2{margin-bottom:10px}
}
.wpo-blog-section-s13 .title h3{color:#000;font-family:var(--font);font-size:70px;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1499px) {
.wpo-blog-section-s13 .title h3{font-size:60px;line-height:80px}
}
@media (max-width: 1399px) {
.wpo-blog-section-s13 .title h3{font-size:40px;line-height:70px}
}
@media (max-width: 1199px) {
.wpo-blog-section-s13 .title h3{font-size:35px;line-height:50px}
}
@media (max-width: 767px) {
.wpo-blog-section-s13 .title h3{font-size:30px;line-height:45px}
}
.wpo-blog-section-s13 .container-fluid{max-width:1540px;margin:0 auto}
.wpo-blog-section-s13 .blog-wrap{margin:0 -10px}
@media (max-width: 1399px) {
.wpo-blog-section-s13 .blog-wrap{margin:0}
}
.wpo-blog-section-s13 .blog-card-s12{position:relative;margin:0 8px;margin-bottom:40px}
@media (max-width: 1399px) {
.wpo-blog-section-s13 .blog-card-s12{margin:0;margin-bottom:30px}
}
.wpo-blog-section-s13 .blog-card-s12 .image{max-height:346px;overflow:hidden;border-radius:30px}
@media (max-width: 991px) {
.wpo-blog-section-s13 .blog-card-s12 .image{border-bottom-left-radius:0;border-bottom-right-radius:0}
}
@media (max-width: 575px) {
.wpo-blog-section-s13 .blog-card-s12 .image{border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0}
}
.wpo-blog-section-s13 .blog-card-s12 .image img{width:100%}
.wpo-blog-section-s13 .blog-card-s12 .text{border-radius:20px;background:#FFF;box-shadow:0 2px 12px 2px #0400340f;padding:30px 20px;margin:0 auto;margin-top:-100px;position:relative;z-index:1}
@media (max-width: 991px) {
.wpo-blog-section-s13 .blog-card-s12 .text{max-width:670px;margin:0;border-top-left-radius:0;border-top-right-radius:0}
}
@media (max-width: 767px) {
.wpo-blog-section-s13 .blog-card-s12 .text{max-width:100%}
}
.wpo-blog-section-s13 .blog-card-s12 .text h2{margin-bottom:10px}
.wpo-blog-section-s13 .blog-card-s12 .text h2 a{color:#000;font-weight:700;text-decoration:none;line-height:45px}
.wpo-blog-section-s13 .blog-card-s12 .text p{color:#666;font-size:20px;font-weight:400;line-height:30px;max-width:567px}
@media (max-width: 575px) {
.wpo-blog-section-s13 .blog-card-s12 .text p{font-size:18px;line-height:28px}
}
.wpo-blog-section-s13 .blog-card-s12 .text a{color:#444;font-family:var(--font),serif;font-size:20px;font-weight:600;line-height:30px;text-decoration:underline}
@media (max-width: 575px) {
.wpo-blog-section-s13 .blog-card-s12 .text a{font-size:18px}
}
.wpo-blog-section-s13 .blog-card-s12{position:relative}
.wpo-blog-section-s13 .blog-card-s12 .image{max-height:750px}
.wpo-blog-section-s13 .blog-card-s12 .text{padding:35px 30px;max-width:670px;margin-top:-185px}
@media (max-width: 1199px) {
.wpo-blog-section-s13 .blog-card-s12 .text{margin-top:-200px}
}
@media (max-width: 991px) {
.wpo-blog-section-s13 .blog-card-s12 .text{margin-top:0;border-top-left-radius:0;border-top-right-radius:0;padding:30px 20px}
}
@media (max-width: 767px) {
.wpo-blog-section-s13 .blog-card-s12 .text{max-width:100%}
}
.wpo-blog-section-s13 .blog-card-s12 .text h2 a{font-size:40px}
@media (max-width: 1399px) {
.wpo-blog-section-s13 .blog-card-s12 .text h2 a{font-size:35px}
}
@media (max-width: 991px) {
.wpo-blog-section-s13 .blog-card-s12 .text h2 a{font-size:25px;line-height:35px}
}
@media (max-width: 575px) {
.wpo-blog-section-s13 .blog-card-s12 .text h2 a{font-size:20px;line-height:25px}
}
.wpo-partners-section-s14{border-bottom:0;border-top:1px solid #444}
.wpo-partners-section-s14 .partners-slider{max-width:1790px;margin:0 auto;display:flex}
.wpo-service-section-s14{border-top:1px solid #444;border-bottom:1px solid #444;background:#000;display:flex;align-items:center}
@media (max-width: 991px) {
.wpo-service-section-s14{flex-direction:column}
}
.wpo-service-section-s14 .service-left{max-width:648px;width:100%;min-height:640px;display:flex;justify-content:center;flex-direction:column;padding-left:90px}
@media (max-width: 1599px) {
.wpo-service-section-s14 .service-left{max-width:548px;padding-left:60px}
}
@media (max-width: 1499px) {
.wpo-service-section-s14 .service-left{max-width:500px;padding-left:30px}
}
@media (max-width: 1399px) {
.wpo-service-section-s14 .service-left{max-width:450px;padding-left:20px}
}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-left{max-width:350px;padding-left:10px}
}
@media (max-width: 991px) {
.wpo-service-section-s14 .service-left{max-width:450px;padding-left:0;min-height:300px}
}
.wpo-service-section-s14 .service-left .title{max-width:305px}
@media (max-width: 991px) {
.wpo-service-section-s14 .service-left .title{max-width:100%;text-align:center}
}
.wpo-service-section-s14 .service-left .title h2{color:#FFF;font-size:60px;font-weight:400;line-height:70px}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-left .title h2{font-size:45px;line-height:50px}
}
.wpo-service-section-s14 .service-left .title p{color:#999;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
.wpo-service-section-s14 .service-wrap{width:calc(100% - 648px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:-.5px 0}
@media (max-width: 1599px) {
.wpo-service-section-s14 .service-wrap{width:calc(100% - 548px)}
}
@media (max-width: 1499px) {
.wpo-service-section-s14 .service-wrap{width:calc(100% - 500px)}
}
@media (max-width: 1399px) {
.wpo-service-section-s14 .service-wrap{width:calc(100% - 450px)}
}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-wrap{width:calc(100% - 350px)}
}
@media (max-width: 991px) {
.wpo-service-section-s14 .service-wrap{width:100%;margin:-.5px -1px}
}
.wpo-service-section-s14 .service-card-s14{border:1px solid #444;flex-basis:50%;margin:-.5px;min-height:322px;display:flex;flex-direction:column;justify-content:center;padding:60px}
@media (max-width: 1499px) {
.wpo-service-section-s14 .service-card-s14{padding:30px}
}
@media (max-width: 1399px) {
.wpo-service-section-s14 .service-card-s14{padding:20px}
}
@media (max-width: 767px) {
.wpo-service-section-s14 .service-card-s14{flex-basis:100%;min-height:250px}
}
.wpo-service-section-s14 .service-card-s14 .item{display:flex;align-items:flex-start}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-card-s14 .item{flex-direction:column}
}
@media (max-width: 991px) {
.wpo-service-section-s14 .service-card-s14 .item{width:100%;align-items:center;text-align:center;max-width:450px;margin:0 auto}
}
.wpo-service-section-s14 .service-card-s14 .icon{width:50px;height:50px}
.wpo-service-section-s14 .service-card-s14 .content{width:calc(100% - 50px);padding-left:45px}
@media (max-width: 1399px) {
.wpo-service-section-s14 .service-card-s14 .content{padding-left:20px}
}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-card-s14 .content{padding-left:0;padding-top:20px}
}
.wpo-service-section-s14 .service-card-s14 .content h2{margin-top:-8px}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-card-s14 .content h2{margin-top:0}
}
.wpo-service-section-s14 .service-card-s14 .content h2 a{color:#FFF;font-size:35px;font-weight:400;line-height:50px}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-card-s14 .content h2 a{font-size:30px;line-height:35px}
}
.wpo-service-section-s14 .service-card-s14 .content p{color:#ACACAC;font-size:18px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-service-section-s14 .service-card-s14 .content p{font-size:16px;line-height:25px}
}
.wpo-project-section-s14{background:#000}
.wpo-project-section-s14 .title{max-width:1307px;margin:0 auto;text-align:center;margin-bottom:70px}
@media (max-width: 1199px) {
.wpo-project-section-s14 .title{margin:0 20px;margin-bottom:70px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .title{margin:0 10px;margin-bottom:50px}
}
.wpo-project-section-s14 .title h2{color:#fff;font-size:100px;font-weight:400}
@media (max-width: 1399px) {
.wpo-project-section-s14 .title h2{font-size:90px}
}
@media (max-width: 1199px) {
.wpo-project-section-s14 .title h2{font-size:80px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .title h2{font-size:50px}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .title h2{font-size:40px}
}
.wpo-project-section-s14 .title p{color:#FFF;font-size:20px;font-weight:400;line-height:30px;max-width:1095px;margin:0 auto}
@media (max-width: 1399px) {
.wpo-project-section-s14 .title p{font-size:18px}
}
.wpo-project-section-s14 .project-content .item{display:flex;align-items:center;border-bottom:1px solid #444;padding:0 100px}
@media (max-width: 1699px) {
.wpo-project-section-s14 .project-content .item{padding:0 50px}
}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item{padding:0 20px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item{flex-direction:column}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item{padding:0 5px}
}
.wpo-project-section-s14 .project-content .item .imgWrap{width:50%;border-left:1px solid #444;border-right:1px solid #444;padding:40px;min-height:623px}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item .imgWrap{padding:20px;min-height:423px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item .imgWrap{min-height:100%;width:100%}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item .imgWrap{padding:5px}
}
.wpo-project-section-s14 .project-content .item .imgWrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;height:540px}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item .imgWrap img{height:384px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item .imgWrap img{height:100%}
}
.wpo-project-section-s14 .project-content .item .content{width:50%;padding:50px 100px;display:flex;flex-direction:column;justify-content:space-between;min-height:623px;text-align:left;border-right:1px solid #444}
@media (max-width: 1499px) {
.wpo-project-section-s14 .project-content .item .content{padding:50px}
}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item .content{padding:20px;min-height:423px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item .content{min-height:100%;width:100%;border-left:1px solid #444}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item .content{padding:5px}
}
.wpo-project-section-s14 .project-content .item .content h3{color:#434343;font-family:var(--font);font-size:180px;font-weight:400;line-height:200px;margin-bottom:0}
@media (max-width: 1399px) {
.wpo-project-section-s14 .project-content .item .content h3{font-size:130px;line-height:160px}
}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item .content h3{font-size:100px;line-height:120px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item .content h3{font-size:80px;line-height:100px}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item .content h3{font-size:40px;line-height:60px}
}
.wpo-project-section-s14 .project-content .item .content h2{margin-bottom:0}
.wpo-project-section-s14 .project-content .item .content h2 a{color:#FFF;font-family:var(--font);font-size:80px;font-weight:400;line-height:90px}
@media (max-width: 1699px) {
.wpo-project-section-s14 .project-content .item .content h2 a{font-size:60px;line-height:70px}
}
@media (max-width: 1399px) {
.wpo-project-section-s14 .project-content .item .content h2 a{font-size:40px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item .content h2 a{font-size:30px;line-height:40px}
}
.wpo-project-section-s14 .project-content .item .content span{color:#999;font-family:var(--font),serif;font-size:22px;font-weight:400;line-height:30px}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item .content span{font-size:20px}
}
.wpo-project-section-s14 .project-content .item:first-child{border-top:1px solid #444}
.wpo-project-section-s14 .project-content .item:nth-child(even){flex-direction:row-reverse}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item:nth-child(even){flex-direction:column}
}
.wpo-project-section-s14 .project-content .item:nth-child(even) .content{width:50%;padding:50px 100px;text-align:right;border-right:1px solid transparent;border-left:1px solid #444}
@media (max-width: 1499px) {
.wpo-project-section-s14 .project-content .item:nth-child(even) .content{padding:50px}
}
@media (max-width: 1199px) {
.wpo-project-section-s14 .project-content .item:nth-child(even) .content{padding:20px}
}
@media (max-width: 767px) {
.wpo-project-section-s14 .project-content .item:nth-child(even) .content{width:100%;text-align:left}
}
@media (max-width: 575px) {
.wpo-project-section-s14 .project-content .item:nth-child(even) .content{padding:5px}
}
.wpo-funfact-section-s14{background:#000;padding:80px 55px 70px}
@media (max-width: 1750px) {
.wpo-funfact-section-s14{padding:80px 55px 70px}
}
@media (max-width: 1699px) {
.wpo-funfact-section-s14{padding:80px 50px 70px}
}
@media (max-width: 1399px) {
.wpo-funfact-section-s14{padding:80px 20px 70px}
}
@media (max-width: 1199px) {
.wpo-funfact-section-s14{padding:80px 10px 70px}
}
.wpo-funfact-section-s14 .item h2 span{color:#fff}
.wpo-funfact-section-s14 .item h3{color:#999;font-family:var(--font),serif}
.wpo-faq-section{background:#000;border-top:1px solid #444;border-bottom:1px solid #444;padding:0 100px;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1599px) {
.wpo-faq-section{padding:0 50px}
}
@media (max-width: 1399px) {
.wpo-faq-section{padding:0 20px}
}
@media (max-width: 991px) {
.wpo-faq-section{flex-direction:column;padding:50px 20px 0}
}
@media (max-width: 575px) {
.wpo-faq-section{padding:40px 10px 0}
}
.wpo-faq-section .title{max-width:760px}
@media (max-width: 1399px) {
.wpo-faq-section .title{max-width:600px}
}
@media (max-width: 991px) {
.wpo-faq-section .title{margin:0 auto;text-align:center;margin-bottom:50px}
}
.wpo-faq-section .title .content{max-width:536px}
.wpo-faq-section .title .content h2{color:#fff;font-size:80px;font-weight:400;line-height:100px;margin-bottom:20px}
@media (max-width: 1399px) {
.wpo-faq-section .title .content h2{font-size:60px;line-height:70px;margin-bottom:20px}
}
@media (max-width: 991px) {
.wpo-faq-section .title .content h2{font-size:50px;line-height:70px;margin-bottom:0}
}
@media (max-width: 575px) {
.wpo-faq-section .title .content h2{font-size:40px;line-height:50px}
}
.wpo-faq-section .title .content p{color:#fff;font-size:25px;font-weight:400;line-height:30px;max-width:392px;margin-bottom:40px}
@media (max-width: 991px) {
.wpo-faq-section .title .content p{margin:0 auto;margin-bottom:30px;font-size:20px}
}
.wpo-faq-section .title .content .theme-btn,.wpo-faq-section .title .content .view-cart-btn{padding:9px 46px;border-radius:25px}
.accordion-wrap{max-width:960px}
@media (max-width: 1699px) {
.accordion-wrap{max-width:800px}
}
@media (max-width: 1399px) {
.accordion-wrap{max-width:600px}
}
@media (max-width: 1199px) {
.accordion-wrap{max-width:550px}
}
@media (max-width: 991px) {
.accordion-wrap{max-width:600px}
}
.accordion-wrap .accordion-item{background-color:#000;border:1px solid #444;border-top:1px solid transparent}
.accordion-wrap .accordion-item:first-child{border-radius:0}
@media (max-width: 991px) {
.accordion-wrap .accordion-item:first-child{border-top:1px solid #444}
}
.accordion-wrap .accordion-item:last-child{border-bottom:1px solid transparent;border-radius:0}
.accordion-wrap .accordion-item:last-child .accordion-collapse{border-bottom-right-radius:0;border-bottom-left-radius:0}
.accordion-wrap .accordion-button:focus{border-color:#0;outline:0;box-shadow:0 0 0 .25rem transparent}
.accordion-wrap .accordion-button{padding:28px 40px;color:#fff;background-color:transparent;font-family:var(--font),serif;font-size:25px;font-weight:400;line-height:50px}
@media (max-width: 1699px) {
.accordion-wrap .accordion-button{padding:20px 40px}
}
@media (max-width: 1399px) {
.accordion-wrap .accordion-button{padding:15px 20px;font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.accordion-wrap .accordion-button{padding:15px 10px;font-size:18px;line-height:25px}
}
.accordion-wrap .accordion-button:not(.collapsed){color:#fff;background-color:transparent;box-shadow:inset 0 -1px 0 transparent}
.accordion-wrap .accordion-body{color:#999;font-family:var(--font),serif;font-size:18px;font-weight:400;line-height:28px;padding:0 40px 30px}
@media (max-width: 1399px) {
.accordion-wrap .accordion-body{padding:0 20px 20px;font-size:16px;line-height:25px}
}
@media (max-width: 575px) {
.accordion-wrap .accordion-body{padding:0 10px 10px}
}
.accordion-wrap .accordion-button::after{content:"\e61a";font-family:"themify";font-size:15px;height:auto;color:#fff;background-image:none;background-repeat:no-repeat}
.accordion-wrap .accordion-button:not(.collapsed)::after{background-image:none;transform:none;content:"\e622"}
.wpo-consultaForm-section-s2{background:#000;border-bottom:1px solid #444}
.wpo-consultaForm-section-s2 .title{max-width:588px}
@media (max-width: 991px) {
.wpo-consultaForm-section-s2 .title{margin:0 auto;margin-bottom:50px;text-align:center}
}
.wpo-consultaForm-section-s2 .title h2{color:#fff;font-size:80px;font-weight:400;line-height:100px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-consultaForm-section-s2 .title h2{font-size:70px;line-height:80px}
}
@media (max-width: 991px) {
.wpo-consultaForm-section-s2 .title h2{font-size:55px;line-height:60px}
}
@media (max-width: 575px) {
.wpo-consultaForm-section-s2 .title h2{font-size:30px;line-height:40px}
}
.wpo-consultaForm-section-s2 .title P{color:#fff;font-size:20px;font-weight:400;line-height:30px;margin-bottom:0}
@media (max-width: 991px) {
.wpo-consultaForm-section-s2 .title P{font-size:18px;line-height:25px}
}
.wpo-consultaForm-section-s2 .contact{max-width:600px;padding:50px;display:block;border:1px solid #444;margin-left:auto;text-align:left}
@media (max-width: 1199px) {
.wpo-consultaForm-section-s2 .contact{padding:40px 20px}
}
@media (max-width: 991px) {
.wpo-consultaForm-section-s2 .contact{margin:0 auto}
}
@media (max-width: 767px) {
.wpo-consultaForm-section-s2 .contact{max-width:100%}
}
@media (max-width: 575px) {
.wpo-consultaForm-section-s2 .contact{padding:50px 10px}
}
.wpo-consultaForm-section-s2 .contact h2{color:#fff;font-size:50px;font-weight:400;line-height:65px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-consultaForm-section-s2 .contact h2{font-size:40px}
}
@media (max-width: 575px) {
.wpo-consultaForm-section-s2 .contact h2{font-size:30px;line-height:45px;margin-bottom:20px}
}
.wpo-consultaForm-section-s2 .contact p{color:#FFF;font-size:20px;font-weight:400;line-height:30px}
.wpo-consultaForm-section-s2 .contact-validation-active{position:relative}
.wpo-consultaForm-section-s2 .contact-validation-active div{position:relative}
.wpo-consultaForm-section-s2 .contact-validation-active label{color:#fff;font-size:20px;font-weight:400;line-height:30px}
.wpo-consultaForm-section-s2 .contact-validation-active .form-control{background:transparent;border:0;border-bottom:1px solid #444;border-radius:0;margin-bottom:12px;color:#fff;font-size:20px;font-weight:400;padding:0}
.wpo-consultaForm-section-s2 .contact-validation-active .form-control:focus{box-shadow:0 0 0 .25rem transparent}
.wpo-consultaForm-section-s2 .contact-validation-active .form-control::-moz-placeholder{color:#fff}
.wpo-consultaForm-section-s2 .contact-validation-active .form-control::placeholder{color:#fff}
.wpo-consultaForm-section-s2 .contact-validation-active .form-control option{color:#000}
.wpo-consultaForm-section-s2 .contact-validation-active label.error{font-size:15px;margin:0;color:red;position:absolute;bottom:-23px}
.wpo-consultaForm-section-s2 .contact-validation-active .clearfix.error-handling-messages{position:absolute;bottom:-35px}
@media (max-width: 499px) {
.wpo-consultaForm-section-s2 .contact-validation-active .clearfix.error-handling-messages{bottom:-60px}
}
.wpo-consultaForm-section-s2 .contact-validation-active .theme-btn,.wpo-consultaForm-section-s2 .contact-validation-active .view-cart-btn{border-radius:100px;border:0;margin-top:30px;background:#fff;color:#000;padding:10px 40px}
.wpo-about-section-s15{border-top:1px solid #D9D9D9}
.wpo-about-section-s15 .wraper{max-width:1649px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
@media (max-width: 1649px) {
.wpo-about-section-s15 .wraper{padding:0 10px}
}
@media (max-width: 991px) {
.wpo-about-section-s15 .wraper{padding:0 10px;flex-direction:column}
}
.wpo-about-section-s15 .about-left{max-width:746px;max-height:746px;border-radius:476px;margin-right:20px}
@media (max-width: 991px) {
.wpo-about-section-s15 .about-left{max-width:480px;max-height:480px;border-radius:480px;margin-right:0;margin-bottom:30px}
}
.wpo-about-section-s15 .about-left img{width:100%}
.wpo-about-section-s15 .about-right{max-width:736px}
@media (max-width: 1399px) {
.wpo-about-section-s15 .about-right{max-width:536px}
}
@media (max-width: 1199px) {
.wpo-about-section-s15 .about-right{max-width:480px}
}
.wpo-about-section-s15 .about-right .content h3{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-about-section-s15 .about-right .content h2{color:#000;font-size:70px;font-weight:700;margin-bottom:30px}
@media (max-width: 1399px) {
.wpo-about-section-s15 .about-right .content h2{font-size:50px;line-height:70px}
}
@media (max-width: 1199px) {
.wpo-about-section-s15 .about-right .content h2{font-size:45px;line-height:60px;margin-bottom:20px}
}
@media (max-width: 991px) {
.wpo-about-section-s15 .about-right .content h2{font-size:30px;line-height:40px;margin-bottom:10px}
}
.wpo-about-section-s15 .about-right .content p{color:#000;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 575px) {
.wpo-about-section-s15 .about-right .content p{font-size:18px;line-height:30px}
}
.wpo-about-section-s15 .about-right .content .about-btn{display:flex;align-items:center;max-width:480px;margin-top:40px}
@media (max-width: 991px) {
.wpo-about-section-s15 .about-right .content .about-btn{margin-top:20px}
}
@media (max-width: 575px) {
.wpo-about-section-s15 .about-right .content .about-btn{display:block;margin-top:34px}
}
.wpo-about-section-s15 .about-right .content .about-btn .theme-btn,.wpo-about-section-s15 .about-right .content .about-btn .view-cart-btn{background:#000;text-transform:none;border-radius:35px}
.wpo-about-section-s15 .about-right .content .about-btn .theme-btn .rolling-text,.wpo-about-section-s15 .about-right .content .about-btn .view-cart-btn .rolling-text{line-height:25px}
.wpo-about-section-s15 .about-right .content .video-wrap{display:flex;align-items:center;margin-left:30px}
@media (max-width: 575px) {
.wpo-about-section-s15 .about-right .content .video-wrap{margin-left:0;margin-top:20px}
}
.wpo-about-section-s15 .about-right .content .video-wrap span{padding-left:20px}
.wpo-service-section-s15{border:1px solid #c8c8c899;border-left:0;border-right:0}
.wpo-service-section-s15 .title{max-width:949px}
.wpo-service-section-s15 .title h3{font-size:100px}
@media (max-width: 1499px) {
.wpo-service-section-s15 .title h3{font-size:80px}
}
@media (max-width: 1399px) {
.wpo-service-section-s15 .title h3{font-size:60px}
}
@media (max-width: 1199px) {
.wpo-service-section-s15 .title h3{font-size:45px}
}
@media (max-width: 767px) {
.wpo-service-section-s15 .title h3{font-size:30px}
}
.wpo-project-section-s15{border-top:transparent}
.wpo-project-section-s15 .title h3{color:#000;font-size:65px;margin-bottom:20px;font-weight:700}
@media (max-width: 1650px) {
.wpo-project-section-s15 .title h3{font-size:60px}
}
@media (max-width: 1499px) {
.wpo-project-section-s15 .title h3{font-size:40px}
}
@media (max-width: 991px) {
.wpo-project-section-s15 .title h3{font-size:35px;margin-bottom:20px}
}
@media (max-width: 767px) {
.wpo-project-section-s15 .title h3{font-size:30px}
}
.wpo-project-section-s15 .title p{color:#000;font-size:20px;font-weight:400;line-height:40px;margin-bottom:20px}
@media (max-width: 1199px) {
.wpo-project-section-s15 .title p{font-size:18px;line-height:30px;margin-bottom:10px}
}
.wpo-team-section-s15{padding-top:145px}
@media (max-width: 991px) {
.wpo-team-section-s15{padding-top:100px}
}
@media (max-width: 767px) {
.wpo-team-section-s15{padding-top:90px}
}
.wpo-team-section-s15 .team-wrap{max-width:1720px;margin:0 auto}
.wpo-consultaForm-section-s3 .wraper{max-width:100%;padding:100px;padding-right:300px}
@media (max-width: 991px) {
.wpo-consultaForm-section-s3 .wraper{padding:20px}
}
@media (max-width: 575px) {
.wpo-consultaForm-section-s3 .wraper{padding:10px}
}
.wpo-consultaForm-section-s3 .contact{margin-left:auto}
@media (max-width: 575px) {
.wpo-consultaForm-section-s3 .contact{padding:40px 10px}
}
.wpo-consultaForm-section-s3 .contact-validation-active .shop-btn{border-radius:30px}
.project-single-page{padding-bottom:110px}
.project-single-page .container-fluid{margin:0 auto;max-width:1720px}
.project-single-page .project-image{margin-bottom:100px}
@media (max-width: 1199px) {
.project-single-page .project-image{margin-bottom:50px}
}
.project-single-page .project-image img{width:100%}
.project-single-page .content{margin-top:50px;}
@media (max-width: 1199px) {
.project-single-page .content{margin-top:50px}
}
.project-single-page .content h2{color:#1E3446;font-size:30px;font-weight:bold;line-height:30px;margin-bottom:20px}
@media (max-width: 1399px) {
.project-single-page .content h2{font-size:80px;line-height:90px;margin-bottom:30px}
}
@media (max-width: 1199px) {
.project-single-page .content h2{font-size:50px;line-height:70px;margin-bottom:20px}
}
@media (max-width: 767px) {
.project-single-page .content h2{font-size:40px;line-height:40px;margin-bottom:10px}
}
.project-single-page .content p{color:#626B72;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 1399px) {
.project-single-page .content p{font-size:18px;line-height:30px}
}
.project-single-page .content p span{color:#626B72;font-size:50px}
@media (max-width: 1399px) {
.project-single-page .content p span{font-size:34px}
}
.project-single-page .description{border:1px solid #C1C1C1;background:#FFF;margin-left:auto}
@media (max-width: 991px) {
.project-single-page .description{margin-left:0;max-width:400px;margin-top:50px;}
}
.project-single-page .description h3{text-align:center;color:#000;font-size:30px;font-weight:400;line-height:30px;display:block;border-bottom:1px solid #C1C1C1;padding:20px 0;margin:0}
@media (max-width: 1399px) {
.project-single-page .description h3{font-size:40px;line-height:50px;padding:15px 0}
}
@media (max-width: 1199px) {
.project-single-page .description h3{font-size:30px;line-height:40px;padding:10px 0}
}
.project-single-page .description ul{padding:10px 30px}
@media (max-width: 1399px) {
.project-single-page .description ul{padding:25px 40px}
}
@media (max-width: 1199px) {
.project-single-page .description ul{padding:20px}
}
.project-single-page .description ul li{display:flex;align-items:flex-start;color:#666;font-size:20px;font-weight:400;line-height:60px}
@media (max-width: 1199px) {
.project-single-page .description ul li{font-size:18px;line-height:40px}
}
.project-single-page .description ul li span{text-align:left;width:50%}
@media (max-width: 1399px) {
.project-single-page .description ul li span{width:40%}
}
.project-single-page .description ul li span:last-child{width:40%}
@media (max-width: 1399px) {
.project-single-page .description ul li span:last-child{width:60%}
}
.project-title{margin-bottom:60px}
@media (max-width: 991px) {
.project-title{text-align:center;margin-bottom:40px}
}
.project-title h2{color:#1E3446;font-size:100px;font-weight:400;line-height:120px;margin:0;max-width:700px;margin-right:auto}
@media (max-width: 1499px) {
.project-title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.project-title h2{font-size:60px;line-height:80px}
}
@media (max-width: 991px) {
.project-title h2{margin:0 auto;font-size:50px;line-height:60px}
}
@media (max-width: 757px) {
.project-title h2{font-size:40px;line-height:50px}
}
.project-title p{color:#626B72;font-size:20px;font-weight:400;line-height:40px;margin:0;max-width:696px;margin-left:auto}
@media (max-width: 1199px) {
.project-title p{font-size:18px;line-height:30px}
}
@media (max-width: 991px) {
.project-title p{margin:0 auto}
}
.solve-section{background:#F9F9F9;padding:100px 0}
@media (max-width: 991px) {
.solve-section{padding:90px 0;padding-bottom:60px}
}
.solve-section .container-fluid{margin:0 auto;max-width:1720px}
.solve-section .image-wrap .row{margin:0 -18px}
.solve-section .image{margin:0 9px}
@media (max-width: 1399px) {
.solve-section .image{margin:0}
}
@media (max-width: 991px) {
.solve-section .image{margin-bottom:30px}
}
.solve-section .image img{width:100%}
.summery-section{padding:100px 0;background:#fff}
.summery-section .container-fluid{margin:0 auto;max-width:1720px}
.summery-section .wraper{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative;overflow:hidden;height:650px}
@media (max-width: 1199px) {
.summery-section .wraper{height:500px}
}
@media (max-width: 991px) {
.summery-section .wraper{height:400px}
}
@media (max-width: 767px) {
.summery-section .wraper{height:300px}
}
.summery-section .video-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.summery-section .video-btn{border:0;display:inline}
.RelatedProject-section{padding:100px 0;padding-top:0}
@media (max-width: 991px) {
.RelatedProject-section{padding-bottom:60px;padding-top:0}
}
.RelatedProject-section .container-fluid{margin:0 auto;max-width:1720px}
.RelatedProject-section .item-wrap .row{margin:0 -18px}
.RelatedProject-section .item-wrap .item{margin:0 9px}
@media (max-width: 1399px) {
.RelatedProject-section .item-wrap .item{margin:0}
}
@media (max-width: 991px) {
.RelatedProject-section .item-wrap .item{margin-bottom:30px}
}
.RelatedProject-section .item-wrap .item .image img{width:100%}
.RelatedProject-section .item-wrap .item .content{text-align:center;margin-top:28px}
.RelatedProject-section .item-wrap .item .content h2{margin:0}
.RelatedProject-section .item-wrap .item .content h2 a{color:#000;text-align:center;font-size:45px;font-weight:500}
@media (max-width: 1499px) {
.RelatedProject-section .item-wrap .item .content h2 a{font-size:35px}
}
@media (max-width: 1399px) {
.RelatedProject-section .item-wrap .item .content h2 a{font-size:30px}
}
@media (max-width: 1199px) {
.RelatedProject-section .item-wrap .item .content h2 a{font-size:25px}
}
.RelatedProject-section .item-wrap .item .content span{color:#666;font-size:22px;font-weight:400;line-height:30px;margin-top:10px;display:block}
@media (max-width: 1199px) {
.RelatedProject-section .item-wrap .item .content span{font-size:18px;line-height:25px;margin-top:5px}
}
.service-single-page{padding-bottom:110px}
.service-single-page .container-fluid{margin:0 auto;max-width:1720px}
.service-single-page .service-image{margin-bottom:100px}
@media (max-width: 1199px) {
.service-single-page .service-image{margin-bottom:50px}
}
.service-single-page .service-image img{width:100%}
.service-single-page .content{max-width:999px}
@media (max-width: 1199px) {
.service-single-page .content{margin-bottom:50px}
}
.service-single-page .content h2{color:#1E3446;font-size:100px;font-weight:400;line-height:120px;margin-bottom:40px}
@media (max-width: 1399px) {
.service-single-page .content h2{font-size:80px;line-height:90px;margin-bottom:30px}
}
@media (max-width: 1199px) {
.service-single-page .content h2{font-size:50px;line-height:70px;margin-bottom:20px}
}
@media (max-width: 767px) {
.service-single-page .content h2{font-size:40px;line-height:40px;margin-bottom:10px}
}
.service-single-page .content p{color:#626B72;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 1399px) {
.service-single-page .content p{font-size:18px;line-height:30px}
}
.service-single-page .content p span{color:#626B72;font-size:50px}
@media (max-width: 1399px) {
.service-single-page .content p span{font-size:34px}
}
.service-single-page .video{background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;height:578px;position:relative;margin-left:auto}
@media (max-width: 1399px) {
.service-single-page .video{height:478px}
}
@media (max-width: 991px) {
.service-single-page .video{margin-left:0;max-width:400px}
.service-single-page .video{height:400px}
}
@media (max-width: 767px) {
.service-single-page .video{height:300px}
}
.service-single-page .video-holder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.service-single-page .video-btn{border:0;display:inline}
.service-title{margin-bottom:60px}
@media (max-width: 991px) {
.service-title{text-align:center;margin-bottom:40px}
}
.service-title h2{color:#1E3446;font-size:100px;font-weight:400;line-height:120px;margin:0;max-width:700px;margin-right:auto}
@media (max-width: 1499px) {
.service-title h2{font-size:80px;line-height:100px}
}
@media (max-width: 1199px) {
.service-title h2{font-size:60px;line-height:80px}
}
@media (max-width: 991px) {
.service-title h2{margin:0 auto;font-size:50px;line-height:60px}
}
@media (max-width: 757px) {
.service-title h2{font-size:40px;line-height:50px}
}
.service-title p{color:#626B72;font-size:20px;font-weight:400;line-height:40px;margin:0;max-width:696px;margin-left:auto}
@media (max-width: 1199px) {
.service-title p{font-size:18px;line-height:30px}
}
@media (max-width: 991px) {
.service-title p{margin:0 auto}
}
.dream-section{background:#F9F9F9;padding:100px 0}
@media (max-width: 991px) {
.dream-section{padding:90px 0;padding-bottom:60px}
}
.dream-section .container-fluid{margin:0 auto;max-width:1720px}
.dream-section .dream-wrap{display:flex;align-items:center;flex-direction:row-reverse}
@media (max-width: 1199px) {
.dream-section .dream-wrap{flex-direction:column;align-items:flex-start}
}
.dream-section .image-wrap{width:calc(100% - 588px)}
@media (max-width: 1599px) {
.dream-section .image-wrap{width:calc(100% - 500px)}
}
@media (max-width: 1399px) {
.dream-section .image-wrap{width:calc(100% - 700px)}
}
@media (max-width: 1199px) {
.dream-section .image-wrap{width:100%}
}
.dream-section .image-wrap .row{margin:0 -18px}
@media (max-width: 1499px) {
.dream-section .image-wrap .row{margin:0 -9px}
}
.dream-section .image-wrap .image{margin:0 9px}
@media (max-width: 1499px) {
.dream-section .image-wrap .image{margin:0}
}
@media (max-width: 991px) {
.dream-section .image-wrap .image{margin-bottom:30px}
}
.dream-section .image-wrap .image img{width:100%}
.dream-section .title{max-width:588px;padding-left:74px}
@media (max-width: 1599px) {
.dream-section .title{padding-left:20px}
}
@media (max-width: 1399px) {
.dream-section .title{max-width:700px}
}
@media (max-width: 1199px) {
.dream-section .title{padding-left:0;padding-bottom:30px}
}
.dream-section .title h2{color:#1E3446;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1499px) {
.dream-section .title h2{font-size:60px;line-height:80px}
}
@media (max-width: 1399px) {
.dream-section .title h2{font-size:50px;line-height:65px}
}
.dream-section .title p{color:#626B72;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 1399px) {
.dream-section .title p{font-size:18px;line-height:30px}
}
.service-business .container-fluid{margin:0 auto;max-width:1720px}
@media (max-width: 991px) {
.service-business .image-wrap .image{margin-bottom:20px}
}
.service-business .image-wrap .image img{width:100%}
.service-business .image-wrap .col:last-child{display:flex;align-items:center;justify-content:flex-end}
@media (max-width: 991px) {
.service-business .image-wrap .col:last-child{display:block}
}
.service-business .image-wrap .col:last-child .image{max-width:550px;max-height:408px}
@media (max-width: 991px) {
.service-business .image-wrap .col:last-child .image{display:block;max-width:100%;max-height:100%;margin-bottom:20px}
}
.wpo-teame-page{padding-bottom:120px;border-bottom:1px solid #c8c8c899}
.wpo-teame-page .container-fluid{max-width:1720px;margin:0 auto}
@media (max-width: 991px) {
.wpo-teame-page .left-sidbar{max-width:600px;margin:0 auto}
}
.wpo-teame-page .left-sidbar .image{max-width:885px;max-height:1050px;margin-bottom:70px}
.wpo-teame-page .left-sidbar .image img{width:100%}
.wpo-teame-page .left-sidbar .info-description{max-width:885px}
.wpo-teame-page .left-sidbar .info-description h2{color:#1E3446;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1199px) {
.wpo-teame-page .left-sidbar .info-description h2{font-size:50px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-teame-page .left-sidbar .info-description h2{font-size:30px;line-height:50px}
}
.wpo-teame-page .left-sidbar .info-description p{color:#626B72;font-size:20px;font-weight:400;line-height:40px}
@media (max-width: 1399px) {
.wpo-teame-page .left-sidbar .info-description p{font-size:18px;line-height:30px}
}
.wpo-teame-page .left-sidbar .info-description p span{color:#626B72;font-size:50px}
@media (max-width: 1399px) {
.wpo-teame-page .left-sidbar .info-description p span{font-size:34px}
}
@media (max-width: 991px) {
.wpo-teame-page .right-sidbar{max-width:600px;margin:0 auto}
}
.personal-info{max-width:644px;margin-bottom:60px;margin-top:110px}
@media (max-width: 1399px) {
.personal-info{margin-top:50px}
}
@media (max-width: 1199px) {
.personal-info{margin-top:20px}
}
.personal-info h3{color:#000;font-size:60px;font-weight:400;line-height:80px;display:block}
@media (max-width: 1399px) {
.personal-info h3{font-size:40px;line-height:50px}
}
@media (max-width: 1199px) {
.personal-info h3{font-size:30px;line-height:40px}
}
.personal-info ul li{display:flex;align-items:flex-start;margin-bottom:10px}
.personal-info ul li span{text-align:left;width:40%;color:#000;font-size:20px;font-weight:500;line-height:60px}
@media (max-width: 1399px) {
.personal-info ul li span{width:30%;line-height:40px}
}
@media (max-width: 1199px) {
.personal-info ul li span{font-size:18px;line-height:30px}
}
@media (max-width: 575px) {
.personal-info ul li span{font-size:16px;line-height:30px}
}
.personal-info ul li span:last-child{width:60%;color:#767676;font-size:20px;font-weight:400}
@media (max-width: 1399px) {
.personal-info ul li span:last-child{width:70%}
}
@media (max-width: 1199px) {
.personal-info ul li span:last-child{font-size:18px}
}
@media (max-width: 575px) {
.personal-info ul li span:last-child{font-size:16px}
}
.education-info{margin-bottom:80px}
.education-info h3{color:#000;font-size:60px;font-weight:400;line-height:100px;margin-bottom:10px}
@media (max-width: 1199px) {
.education-info h3{font-size:30px;line-height:40px}
}
.education-info ul li{color:#5A5A5A;font-size:20px;font-weight:400;line-height:50px;margin-bottom:20px}
@media (max-width: 1399px) {
.education-info ul li{line-height:30px;margin-bottom:20px}
}
@media (max-width: 1199px) {
.education-info ul li{font-size:18px;line-height:30px;margin-bottom:10px}
}
@media (max-width: 575px) {
.education-info ul li{font-size:16px;line-height:25px}
}
.education-info ul li:last-child{margin-bottom:0}
.skill_wrap h3{color:#000;font-size:60px;font-weight:400;line-height:100px;margin-bottom:10px}
@media (max-width: 1199px) {
.skill_wrap h3{font-size:30px;line-height:40px}
}
.skill_wrap .progress_item{margin-bottom:30px}
.skill_wrap .progress_item:last-child{margin-bottom:0}
.skill_wrap .progress_item span{margin-bottom:10px;display:inline-block;color:#767676;font-size:20px;font-weight:400;line-height:30px;margin-bottom:20px}
.skill_wrap .progres{border-radius:5px;background:#EBEBEB;height:10px}
.skill_wrap .progres .progress-value{border-radius:5px;background:#666;height:10px;position:relative}
.skill_wrap .progres .progress-value span{color:#767676;font-size:20px;font-weight:400;line-height:30px;position:absolute;margin-bottom:0;right:-20px;width:40px;height:30px;top:-50px}
.wpo-blog-pg-section .container-fluid{max-width:1410px}
@media (max-width: 991px) {
.wpo-blog-pg-section .container-fluid{max-width:697px;margin:0 auto}
}
.wpo-blog-pg-section .wpo-blog-wraper{display:flex;align-items:flex-start}
@media (max-width: 991px) {
.wpo-blog-pg-section .wpo-blog-wraper{display:block}
}
.wpo-blog-pg-section .entry-details{border:2px solid #F1F1F1;background:#FFF;padding:25px 40px}
@media (max-width: 1399px) {
.wpo-blog-pg-section .entry-details{padding:25px 20px}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .entry-details{padding:15px}
}
.wpo-blog-pg-section .wpo-blog-content{width:calc(100% - 363px);padding-right:60px}
@media (max-width: 1399px) {
.wpo-blog-pg-section .wpo-blog-content{padding-right:20px}
}
@media (max-width: 991px) {
.wpo-blog-pg-section .wpo-blog-content{padding-right:0;width:100%}
}
.wpo-blog-pg-section .wpo-blog-content .post{margin-bottom:60px}
@media (max-width: 991px) {
.wpo-blog-pg-section .wpo-blog-content .post{margin-bottom:50px}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .wpo-blog-content .post{margin-bottom:40px}
}
.wpo-blog-pg-section .entry-meta{list-style:none;overflow:hidden;margin-bottom:15px}
.wpo-blog-pg-section .entry-meta ul{list-style:none}
.wpo-blog-pg-section .entry-meta ul li{color:#525252;font-size:20px;font-weight:400;line-height:20px;display:inline-block}
.wpo-blog-pg-section .entry-meta ul li a{color:#525252}
.wpo-blog-pg-section .entry-meta ul li a:hover{color:#707070}
.wpo-blog-pg-section .entry-meta ul li i{position:relative;margin-right:3px}
.wpo-blog-pg-section .entry-meta ul li i:before{font-size:13px}
.wpo-blog-pg-section .entry-meta ul li + li{margin-left:15px;padding-left:15px;position:relative}
.wpo-blog-pg-section .entry-meta ul li + li:before{position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:7px;height:7px;content:"";background:#666;border-radius:50%}
@media (max-width: 440px) {
.wpo-blog-pg-section .entry-meta ul li + li:before{display:none}
.wpo-blog-pg-section .entry-meta ul li + li{margin-left:0;padding-left:0}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .entry-meta ul li{font-size:15px;line-height:20px}
}
@media (max-width: 440px) {
.wpo-blog-pg-section .entry-meta ul li{float:none;display:block;margin-bottom:5px}
}
.wpo-blog-pg-section .post h3{font-family:var(--font);color:#262626;font-size:30px;font-weight:400;line-height:40px;margin-bottom:10px}
@media (max-width: 1399px) {
.wpo-blog-pg-section .post h3{font-size:45px;line-height:50px}
}
@media (max-width: 991px) {
.wpo-blog-pg-section .post h3{font-size:40px;line-height:50px}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .post h3{font-size:30px;line-height:40px}
}
.wpo-blog-pg-section .post h3 a{color:#262626}
.wpo-blog-pg-section .post h3 a:hover{color:#707070}
.wpo-blog-pg-section .post p{margin-bottom:1.5em;color:#707070;font-size:20px;font-weight:400;line-height:30px}
@media (max-width: 991px) {
.wpo-blog-pg-section .post p{font-size:16px}
}
.wpo-blog-pg-section .post a.read-more{color:#000;font-size:20px;font-weight:500;line-height:30px;text-decoration:underline}
@media (max-width: 767px) {
.wpo-blog-pg-section .post a.read-more{font-size:15px;line-height:20px}
}
.wpo-blog-pg-section .post a.read-more:hover{color:#707070}
.wpo-blog-pg-section .entry-media img{width:100%}
.wpo-blog-pg-section .format-standard,.wpo-blog-pg-section .format-quote{background-color:#fafbfe;padding:25px 35px 45px}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-standard,.wpo-blog-pg-section .format-quote{padding:25px 20px 45px}
}
.wpo-blog-pg-section .format-standard{position:relative}
.wpo-blog-pg-section .format-standard:before{position:absolute;right:20px;top:10px;content:"\f10a";font-family:"flaticon";font-size:90px;line-height:80px;color:#e5f0fb}
.wpo-blog-pg-section .format-gallery{position:relative}
.wpo-blog-pg-section .format-gallery .owl-controls{width:100%;margin:0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover{background:#DDD;color:#000}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]{background:#fff;width:50px;height:50px;line-height:58px;padding:0;margin:0;color:#525252;transition:all .3s;border:0}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]{width:40px;height:40px;line-height:45px}
}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] .fi::before{font-size:18px}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] .fi::before{font-size:15px}
}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-prev,.wpo-blog-pg-section .format-gallery .owl-nav .owl-next{position:absolute;top:50%;transform:translateY(-50%)}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-prev{left:10px}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-next{right:10px}
.wpo-blog-pg-section .format-video .video-holder{position:relative;text-align:center}
.wpo-blog-pg-section .format-video .video-holder:hover:before{opacity:.8}
.wpo-blog-pg-section .format-video .video-holder a{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:83px;height:83px;line-height:80px;background:#000;border-radius:50%;z-index:1}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-video .video-holder a{width:60px;height:60px;line-height:60px}
}
.wpo-blog-pg-section .format-video .video-holder a:after{position:absolute;left:-12px;top:-12px;width:106px;height:106px;content:"";border-radius:106px;z-index:-1;border:1px solid #fff}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-video .video-holder a:after{width:70px;height:70px;left:-6px;top:-6px}
}
.wpo-blog-pg-section .format-video .video-holder .fi:before{font-size:20px;font-size:1.3333333333rem;color:#e3b576}
.wpo-blog-pg-section.blog-pg-left-sidebar .wpo-blog-wraper{flex-direction:row-reverse}
@media (max-width: 991px) {
.wpo-blog-pg-section.blog-pg-left-sidebar .wpo-blog-wraper{display:block}
}
.wpo-blog-pg-section.blog-pg-left-sidebar .wpo-blog-content{padding-left:60px;padding-right:0}
@media (max-width: 1399px) {
.wpo-blog-pg-section.blog-pg-left-sidebar .wpo-blog-content{padding-left:20px;padding-right:0}
}
@media (max-width: 991px) {
.wpo-blog-pg-section.blog-pg-left-sidebar .wpo-blog-content{padding-right:0;padding-left:0}
}
.wpo-blog-pg-section.blog-pg-fullwidth .container-fluid{max-width:1077px;margin:0 auto}
@media (max-width: 991px) {
.wpo-blog-pg-section.blog-pg-fullwidth .container-fluid{max-width:697px;margin:0 auto}
}
.wpo-blog-pg-section.blog-pg-fullwidth .wpo-blog-content{padding:0;width:100%}
.wpo-blog-single-section .container-fluid{max-width:1410px}
@media (max-width: 991px) {
.wpo-blog-single-section .container-fluid{max-width:697px;margin:0 auto}
}
.wpo-blog-single-section .wpo-blog-wraper{display:flex;align-items:flex-start}
@media (max-width: 991px) {
.wpo-blog-single-section .wpo-blog-wraper{display:block}
}
.wpo-blog-single-section .wpo-blog-content{}
@media (max-width: 1399px) {
.wpo-blog-single-section .wpo-blog-content{padding-right:20px}
}
@media (max-width: 991px) {
.wpo-blog-single-section .wpo-blog-content{padding-right:0;width:100%}
}
.wpo-blog-single-section .entry-meta{list-style:none;overflow:hidden;margin-bottom:20px}
.wpo-blog-single-section .entry-meta ul{list-style:none}
.wpo-blog-single-section .entry-meta ul li{color:#525252;font-size:20px;font-weight:400;line-height:50px;display:inline-block}
.wpo-blog-single-section .entry-meta ul li a{color:#525252}
.wpo-blog-single-section .entry-meta ul li a:hover{color:#707070}
.wpo-blog-single-section .entry-meta ul li i{position:relative;margin-right:3px}
.wpo-blog-single-section .entry-meta ul li i:before{font-size:13px}
.wpo-blog-single-section .entry-meta ul li + li{margin-left:15px;padding-left:15px;position:relative}
.wpo-blog-single-section .entry-meta ul li + li:before{position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:7px;height:7px;content:"";background:#666;border-radius:50%}
@media (max-width: 440px) {
.wpo-blog-single-section .entry-meta ul li + li:before{display:none}
.wpo-blog-single-section .entry-meta ul li + li{margin-left:0;padding-left:0}
}
@media (max-width: 767px) {
.wpo-blog-single-section .entry-meta ul li{font-size:15px;line-height:20px}
}
@media (max-width: 440px) {
.wpo-blog-single-section .entry-meta ul li{float:none;display:block;margin-bottom:5px}
}
.wpo-blog-single-section .entry-media{margin-bottom:20px}
.wpo-blog-single-section .entry-media img{width:100%}
.wpo-blog-single-section .post h2{margin-bottom:30px;font-family:var(--font);color:#001635;font-size:60px;font-weight:400;line-height:70px}
@media (max-width: 1199px) {
.wpo-blog-single-section .post h2{font-size:50px;line-height:60px}
}
@media (max-width: 991px) {
.wpo-blog-single-section .post h2{font-size:40px;line-height:50px}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post h2{font-size:30px}
}
.wpo-blog-single-section .post p{margin-bottom:1.5em;color:#727272;font-size:20px;font-weight:400;line-height:35px}
@media (max-width: 1199px) {
.wpo-blog-single-section .post p{font-size:18px;line-height:30px}
}
.wpo-blog-single-section .post p span{color:#000;font-size:40px;font-weight:400;line-height:35px}
@media (max-width: 1199px) {
.wpo-blog-single-section .post p span{font-size:25px}
}
.wpo-blog-single-section .post h3{font-size:24px;font-weight:600;line-height:1.3em;margin:1.8em 0 1em}
@media (max-width: 1199px) {
.wpo-blog-single-section .post h3{font-size:22px}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post h3{font-size:20px;font-size:1.3333333333rem}
}
.wpo-blog-single-section .post blockquote{max-width:990px;color:#233d62;padding-left:30px;margin-top:60px;margin-bottom:40px;border:0;text-align:left;position:relative;color:#001635;font-family:var(--font);font-size:35px;font-weight:400;line-height:50px;margin-bottom:60px}
@media (max-width: 1199px) {
.wpo-blog-single-section .post blockquote{font-size:30px;line-height:40px}
}
.wpo-blog-single-section .post blockquote:before{content:"";position:absolute;left:0;top:0;border-left:3px solid #666;background:#fff;height:100%}
.wpo-blog-single-section .post blockquote h4{color:#001635;font-family:var(--font),serif;font-size:20px;font-weight:500;line-height:50px;margin-bottom:0}
@media (max-width: 575px) {
.wpo-blog-single-section .post blockquote h4{font-size:20px;line-height:30px}
}
.wpo-blog-single-section .post blockquote span{color:#727272;font-size:20px;font-weight:500;line-height:50px}
@media (max-width: 575px) {
.wpo-blog-single-section .post blockquote span{font-size:20px;line-height:30px}
}
.wpo-blog-single-section .post .gallery{overflow:hidden;margin:40px -15px 0}
.wpo-blog-single-section .post .gallery > div{width:calc(50% - 30px);float:left;margin:0 15px 15px}
@media (max-width: 575px) {
.wpo-blog-single-section .post .gallery > div{width:calc(100% - 20px);float:none;margin:10px}
}
.wpo-blog-single-section .post .gallery img{width:100%}
.wpo-blog-single-section .tag-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:45px}
@media (max-width: 1199px) {
.wpo-blog-single-section .tag-wrap{display:block}
}
.wpo-blog-single-section .tag-share,.wpo-blog-single-section .tag-share-s2{padding-bottom:30px;color:#070143}
@media (max-width: 575px) {
.wpo-blog-single-section .tag-share,.wpo-blog-single-section .tag-share-s2{padding-bottom:20px}
}
.wpo-blog-single-section .tag-share ul,.wpo-blog-single-section .tag-share-s2 ul{list-style:none;display:inline-block;overflow:hidden}
.wpo-blog-single-section .tag-share ul li,.wpo-blog-single-section .tag-share-s2 ul li{float:left}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share ul li,.wpo-blog-single-section .tag-share-s2 ul li{margin:2px}
}
.wpo-blog-single-section .tag-share ul > li + li,.wpo-blog-single-section .tag-share-s2 ul > li + li{margin-left:10px}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share ul > li + li,.wpo-blog-single-section .tag-share-s2 ul > li + li{margin:2px}
}
.wpo-blog-single-section .tag-share .tag,.wpo-blog-single-section .tag-share-s2 .tag{display:flex;align-items:center}
.wpo-blog-single-section .tag-share .tag > span,.wpo-blog-single-section .tag-share-s2 .tag > span{font-family:var(--font),serif;color:#001635;display:inline-block;padding-right:15px;font-size:18px;font-weight:400;line-height:30px}
@media (max-width: 575px) {
.wpo-blog-single-section .tag-share .tag > span,.wpo-blog-single-section .tag-share-s2 .tag > span{padding-right:5px}
}
.wpo-blog-single-section .tag-share .tag ul,.wpo-blog-single-section .tag-share-s2 .tag ul{list-style:none;position:relative}
.wpo-blog-single-section .tag-share .tag li,.wpo-blog-single-section .tag-share-s2 .tag li{position:relative}
.wpo-blog-single-section .tag-share .tag a,.wpo-blog-single-section .tag-share-s2 .tag a{display:inline-block;padding:1px 18px;background:transparent;text-transform:capitalize;color:#666;font-family:var(--font);font-size:18px;font-weight:400;border:1px solid #CCC}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share .tag a,.wpo-blog-single-section .tag-share-s2 .tag a{font-size:13px}
}
.wpo-blog-single-section .tag-share .tag a:hover,.wpo-blog-single-section .tag-share-s2 .tag a:hover{color:#e3b576}
.wpo-blog-single-section .tag-share-s2 .tag a{font-size:16px;text-transform:capitalize;color:#001635;width:40px;height:40px;background:#0016350d;text-align:center;line-height:42px;border-radius:40px;padding:0}
.wpo-blog-single-section .more-posts{overflow:hidden;border:1px solid #D9D9D9;border-right:0;border-left:0}
.wpo-blog-single-section .more-posts > div{width:50%;float:left}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts > div{width:100%;float:none}
}
.wpo-blog-single-section .more-posts > div > a{display:inline-block}
.wpo-blog-single-section .more-posts .previous-post,.wpo-blog-single-section .more-posts .next-post{padding:40px 0}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .previous-post,.wpo-blog-single-section .more-posts .next-post{padding:25px 15px!important}
}
.wpo-blog-single-section .more-posts .next-post{text-align:right;padding-left:15px;padding-right:5px}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .next-post{border-left:0;text-align:left}
}
.wpo-blog-single-section .more-posts .next-post .post-control-link{position:relative}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .next-post .post-control-link{padding-right:0}
}
.wpo-blog-single-section .more-posts .previous-post{padding-right:15px;padding-left:5px}
.wpo-blog-single-section .more-posts .previous-post .post-control-link{position:relative}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .previous-post .post-control-link{padding-left:0}
}
.wpo-blog-single-section .more-posts .previous-post > a > span,.wpo-blog-single-section .more-posts .next-post > a > span{display:block}
.wpo-blog-single-section .more-posts .post-control-link{text-transform:capitalize;font-weight:600;color:#333;font-size:20px;font-weight:400;line-height:30px;margin-bottom:10px}
.wpo-blog-single-section .more-posts .post-name{color:#001635;font-family:var(--font);font-size:30px;font-weight:400;line-height:40px}
@media (max-width: 1199px) {
.wpo-blog-single-section .more-posts .post-name{font-size:25px;line-height:35px}
}
.wpo-blog-single-section .more-posts a:hover .post-control-link{color:#000}
.wpo-blog-single-section .comments-area{margin-top:40px}
.wpo-blog-single-section .comments-area li > div{padding:35px 0}
@media (max-width: 991px) {
.wpo-blog-single-section .comments-area li > div{padding:35px 0}
}
.wpo-blog-single-section .comments-area ol{list-style-type:none;padding-left:0}
.wpo-blog-single-section .comments-area ol ul{padding-left:140px;list-style-type:none}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area ol ul{padding-left:40px}
}
@media (max-width: 767px) {
.wpo-blog-single-section .comments-area ol ul{padding-left:20px}
}
.wpo-blog-single-section .comments-area ol > li:last-child div{border-bottom:0}
.wpo-blog-single-section .comments-area .comments-title{color:#001635;font-size:60px;font-weight:400;line-height:70px}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area .comments-title{font-size:40px}
}
.wpo-blog-single-section .comments-area li > div{position:relative}
.wpo-blog-single-section .comments-area .comment-theme{position:absolute;left:0}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area .comment-theme{position:static}
}
.wpo-blog-single-section .comments-area .comment-theme img{border-radius:50%}
.wpo-blog-single-section .comments-area .comment-main-area{padding-left:140px;max-width:980px}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area .comment-main-area{padding-left:0;margin-top:25px}
}
.wpo-blog-single-section .comments-area .comment-main-area p{color:#888;font-family:var(--font);font-size:20px;font-weight:400;line-height:30px;margin-bottom:0}
.wpo-blog-single-section .comments-area .comments-meta h4{font-family:var(--font);color:#070143;color:#233D50;font-size:40px;font-weight:400;line-height:50px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area .comments-meta h4{font-size:30px;line-height:40px}
}
.wpo-blog-single-section .comments-area .comments-meta span{text-transform:none;display:inline-block;font-family:var(--font),serif;color:#474747;font-size:20px;font-weight:400;line-height:30px;margin-bottom:20px}
.wpo-blog-single-section .comments-area .comment-reply-link{color:#000;font-size:20px;font-weight:500;line-height:30px}
.wpo-blog-single-section .comments-area .comment-reply-link:hover{color:#070143}
.wpo-blog-single-section .comments-area .children{position:relative}
.wpo-blog-single-section .comments-area .shape{position:absolute;left:50px;top:-170px;max-width:106px;max-height:260px;z-index:-1}
@media (max-width: 1199px) {
.wpo-blog-single-section .comments-area .shape{display:none}
}
.wpo-blog-single-section .comments-section{border-bottom:1px solid #D9D9D9;padding-bottom:20px}
.wpo-blog-single-section .comment-respond{margin-top:70px}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond{margin-top:40px}
}
.wpo-blog-single-section .comment-respond .comment-reply-title{margin-bottom:40px;color:#262626;font-size:60px;font-weight:400;line-height:70px}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond .comment-reply-title{font-size:40px}
}
.wpo-blog-single-section .comment-respond .comment-form{background:#F6F6F6;padding:60px}
@media (max-width: 1399px) {
.wpo-blog-single-section .comment-respond .comment-form{padding:50px 30px}
}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond .comment-form{padding:30px 20px}
}
.wpo-blog-single-section .comment-respond form input,.wpo-blog-single-section .comment-respond form textarea{background-color:#fff;width:100%;height:55px;border:1px solid transparent;padding:6px 15px;margin-bottom:20px;outline:0;box-shadow:none;transition:all .3s;color:#525252;font-size:20px;font-weight:400}
.wpo-blog-single-section .comment-respond form input:focus,.wpo-blog-single-section .comment-respond form textarea:focus{box-shadow:none;border-color:transparent}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond form input,.wpo-blog-single-section .comment-respond form textarea{height:40px}
}
.wpo-blog-single-section .comment-respond form textarea{height:220px;padding:15px}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond form textarea{height:150px}
}
.wpo-blog-single-section .comment-respond .form-inputs{overflow:hidden}
.wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1){width:49%;float:left}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1){width:100%;float:none}
}
.wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2){width:49%;float:right}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2){width:100%;float:none}
}
.wpo-blog-single-section .comment-respond .form-submit{max-width:228px;height:58px;background-color:#000;color:#fff;position:relative;transition:all .3s ease-in-out;margin-top:10px}
.wpo-blog-single-section .comment-respond .form-submit::before{position:absolute;right:30px;top:50%;content:"\e628";font-family:"themify";color:#fff;z-index:1;font-size:18px;transform:translateY(-50%);cursor:pointer}
.wpo-blog-single-section .comment-respond .form-submit input{text-align:left;padding-left:30px;margin-bottom:0;line-height:30px;height:100%;border:0;outline:0;text-transform:uppercase;font-size:20px;font-weight:400;background:transparent;color:#fff}
.wpo-blog-single-section .comment-respond .form-submit:hover{background-color:#070143}
.wpo-blog-single-left-sidebar-section .wpo-blog-wraper{flex-direction:row-reverse}
@media (max-width: 991px) {
.wpo-blog-single-left-sidebar-section .wpo-blog-wraper{display:block}
}
.wpo-blog-single-left-sidebar-section .wpo-blog-content{padding-left:60px;padding-right:0}
@media (max-width: 1399px) {
.wpo-blog-single-left-sidebar-section .wpo-blog-content{padding-left:20px;padding-right:0}
}
@media (max-width: 991px) {
.wpo-blog-single-left-sidebar-section .wpo-blog-content{padding-right:0;padding-left:0}
}
.blog-single-fullwidth .container-fluid{max-width:1077px;margin:0 auto}
@media (max-width: 991px) {
.blog-single-fullwidth .container-fluid{max-width:697px;margin:0 auto}
}
.blog-single-fullwidth .wpo-blog-content{padding:0;width:100%}
.wpo-shop-single-section .shop-single-slider .slider-for{text-align:center}
.wpo-shop-single-section .shop-single-slider .slider-for img{display:inline-block;width:100%}
.wpo-shop-single-section .shop-single-slider .slider-nav{padding:0 25px;margin-top:35px}
.wpo-shop-single-section .shop-single-slider .slider-nav > i{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:100}
.wpo-shop-single-section .shop-single-slider .slider-nav > i:hover{cursor:pointer}
.wpo-shop-single-section .shop-single-slider .slider-nav .nav-btn-rt{left:auto;right:0}
.wpo-shop-single-section .shop-single-slider .slider-nav .slick-slide{text-align:center}
.wpo-shop-single-section .shop-single-slider .slider-nav .slick-slide img{display:inline-block;width:100%}
.wpo-shop-single-section .product-details{padding:15px 30px 80px}
@media (max-width: 1199px) {
.wpo-shop-single-section .product-details{padding:10px 30px 15px}
}
@media (max-width: 991px) {
.wpo-shop-single-section .product-details{margin-top:45px;padding:40px 30px}
}
@media (max-width: 767px) {
.wpo-shop-single-section .product-details{padding:0}
}
.wpo-shop-single-section .product-details h2{font-size:35px;line-height:1.4em;margin:0 0 .33em;font-weight:500}
@media (max-width: 767px) {
.wpo-shop-single-section .product-details h2{font-size:25px}
}
.wpo-shop-single-section .product-details .price{font-size:25px;color:#000;margin:7px 0 20px;font-weight:500}
@media (max-width: 991px) {
.wpo-shop-single-section .product-details .price{font-size:30px}
}
@media (max-width: 767px) {
.wpo-shop-single-section .product-details .price{font-size:25px}
}
.wpo-shop-single-section .product-details .price .old{font-size:24px;font-size:1.6rem;font-weight:400;color:#898989;text-decoration:line-through;display:inline-block;margin-left:5px;font-weight:500}
@media (max-width: 991px) {
.wpo-shop-single-section .product-details .price .old{font-size:20px;font-size:1.3333333333rem}
}
@media (max-width: 767px) {
.wpo-shop-single-section .product-details .price .old{font-size:18px;font-size:1.2rem}
}
.wpo-shop-single-section .product-details .product-rt{display:flex;align-items:center;margin-bottom:20px}
.wpo-shop-single-section .product-details .product-rt .rating{margin-right:10px}
.wpo-shop-single-section .product-details .product-rt .rating i{color:#f9d322;font-size:20px;font-style:normal}
.wpo-shop-single-section .product-details .product-rt .rating i:last-child{color:#ddd}
.wpo-shop-single-section .product-details p{margin-bottom:1.3em}
.wpo-shop-single-section .product-details ul{list-style:none}
.wpo-shop-single-section .product-details ul li{padding-left:20px;position:relative;margin-bottom:10px}
.wpo-shop-single-section .product-details ul li:before{position:absolute;left:0;top:6px;width:8px;height:8px;background:#000;content:"";border-radius:50%}
.wpo-shop-single-section .product-details .product-option{margin-top:30px}
.wpo-shop-single-section .product-details .tg-btm{margin-top:25px}
.wpo-shop-single-section .product-details .tg-btm p{margin-bottom:0}
.wpo-shop-single-section .product-details .tg-btm p span{font-weight:500;color:#000;margin-right:5px}
.wpo-shop-single-section .product-details .product-option .product-row button:after{display:none}
.wpo-shop-single-section .product-details .product-option .product-row > div{display:inline-block}
.wpo-shop-single-section .product-details .product-option .product-row > div + div{margin-left:15px}
.wpo-shop-single-section .product-details .product-option .product-row > div + div .theme-btn,.wpo-shop-single-section .product-details .product-option .product-row > div + div .view-cart-btn{border-radius:0;border-width:1px;height:40px;padding:0 18px;transition:all .3s ease-in-out}
.wpo-shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn:hover,.wpo-shop-single-section .product-details .product-option .product-row > div:last-child .view-cart-btn:hover{background:#000;border-color:#000;color:#fff}
.wpo-shop-single-section .product-details .product-option .theme-btn,.wpo-shop-single-section .product-details .product-option .view-cart-btn{background-color:transparent;color:#333;font-size:14px;padding:0 20px;height:35px;line-height:32px;outline:0;border:2px solid #e6e6e6;border-radius:0;transition:all .3s ease-in-out}
.wpo-shop-single-section .product-details .product-option .theme-btn:hover,.wpo-shop-single-section .product-details .product-option .view-cart-btn:hover{background-color:#000;color:#fff;border-color:#000}
@media (max-width: 767px) {
.wpo-shop-single-section .product-details .product-option .theme-btn,.wpo-shop-single-section .product-details .product-option .view-cart-btn{font-size:14px;font-size:.9333333333rem}
}
.wpo-shop-single-section .product-details .product-option .theme-btn:before,.wpo-shop-single-section .product-details .product-option .view-cart-btn:before{display:none}
.wpo-shop-single-section .product-details .product-option .heart-btn i{font-size:15px;font-size:1rem}
.wpo-shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn,.wpo-shop-single-section .product-details .product-option .product-row > div:last-child .view-cart-btn{background-color:#fff;font-size:18px;font-size:1.2rem;color:#565656;border:1px solid #e6e6e6}
.wpo-shop-single-section .product-details #product-count{border-radius:0;border:1px solid #e6e6e6}
.wpo-shop-single-section .product-details #product-count:focus{box-shadow:none;outline:none}
.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0;border-color:#e6e6e6;display:block;padding:1px 4px;font-size:10px}
.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover,.wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover{background-color:#e3b576;color:#fff}
.wpo-shop-single-section .product-info{margin-top:75px}
@media (max-width: 991px) {
.wpo-shop-single-section .product-info{margin-top:40px}
}
.wpo-shop-single-section .product-info h4{font-size:25px;margin:0;font-weight:500;margin-bottom:10px;color:#000}
.wpo-shop-single-section .product-info p{margin-bottom:1.3em}
.wpo-shop-single-section .product-info .tab-pane p:last-child{margin-bottom:0}
.wpo-shop-single-section .product-info .nav-tabs{font-family:var(--font);border:0}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .nav-tabs{margin-bottom:20px}
}
.wpo-shop-single-section .product-info .nav-tabs li{margin-right:1px}
.wpo-shop-single-section .product-info .nav-tabs li a.active{border:0;outline:0}
.wpo-shop-single-section .product-info .nav-tabs a{font-size:15px;font-size:1rem;color:#565656;border:0;border-radius:0;margin:0;display:block;padding:12px 20px 11px;font-family:var(--font),serif;position:relative}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .nav-tabs a{font-size:14px;font-size:.9333333333rem;font-weight:400;padding:10px 10px 8px;text-transform:none}
}
.wpo-shop-single-section .product-info .nav-tabs a:before{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#000;border-radius:4px;content:"";opacity:0;visibility:hidden}
.wpo-shop-single-section .product-info .nav-tabs a:hover:before,.wpo-shop-single-section .product-info .nav-tabs a.active:before{opacity:1;visibility:visible}
.wpo-shop-single-section .product-info .nav-tabs .active,.wpo-shop-single-section .product-info .nav-tabs li:hover{border-color:#000}
.wpo-shop-single-section .product-info .tab-content{border-top:1px solid #e3b5764d;padding-top:30px;margin-top:-1px}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .tab-content{border:0;padding:0;margin:0}
}
.wpo-shop-single-section .product-info .client-rv{overflow:hidden;margin-bottom:30px}
.wpo-shop-single-section .product-info .client-rv:last-child{margin-bottom:0}
.wpo-shop-single-section .product-info .client-rv .client-pic{width:100px;float:left}
.wpo-shop-single-section .product-info .client-rv .client-pic img{border-radius:50%}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .client-pic{width:100%;float:none;margin-bottom:10px}
}
.wpo-shop-single-section .product-info .client-rv .details{width:calc(100% - 130px);float:right}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .details{width:100%;float:none}
}
.wpo-shop-single-section .product-info .client-rv .name-rating .product-rt{display:flex;align-items:center}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .name-rating-time{padding-bottom:3px}
}
.wpo-shop-single-section .product-info .client-rv .name-rating-time > div,.wpo-shop-single-section .product-info .client-rv .name-rating > div{display:inline-block;font-size:14px;font-size:.9333333333rem}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .name-rating-time > div,.wpo-shop-single-section .product-info .client-rv .name-rating > div{font-size:12px;font-size:.8rem;display:block}
}
.wpo-shop-single-section .product-info .client-rv .rating{padding-left:12px}
.wpo-shop-single-section .product-info .client-rv .rating i{font-style:normal;color:#f9d322;font-size:15px}
.wpo-shop-single-section .product-info .client-rv .rating i:last-child{color:#ddd}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .rating{padding-left:0;margin:4px 0 7px}
}
.wpo-shop-single-section .product-info .client-rv .name-rating-time .time{float:right;color:#b3b3b3;text-transform:uppercase}
@media (max-width: 767px) {
.wpo-shop-single-section .product-info .client-rv .name-rating-time .time{float:none}
}
.wpo-shop-single-section .product-info .client-rv .review-body{padding-top:12px}
.wpo-shop-single-section .product-info .review-form{margin-top:45px}
.wpo-shop-single-section .product-info .review-form h4{font-size:30px;font-weight:500}
.wpo-shop-single-section .product-info .review-form p{margin-bottom:1.73em}
.wpo-shop-single-section .product-info .review-form .give-rat-sec{margin-bottom:10px}
.wpo-shop-single-section .product-info .review-form .give-rat-sec p{margin-bottom:0}
.wpo-shop-single-section .product-info .review-form .give-rating{display:inline-block;position:relative;height:50px;line-height:50px;font-size:30px;margin-bottom:10px}
.wpo-shop-single-section .product-info .review-form .give-rating label{position:absolute;top:0;left:0;height:100%;cursor:pointer}
.wpo-shop-single-section .product-info .review-form .give-rating label:last-child{position:static}
.wpo-shop-single-section .product-info .review-form .give-rating label:nth-child(1){z-index:5}
.wpo-shop-single-section .product-info .review-form .give-rating label:nth-child(2){z-index:4}
.wpo-shop-single-section .product-info .review-form .give-rating label:nth-child(3){z-index:3}
.wpo-shop-single-section .product-info .review-form .give-rating label:nth-child(4){z-index:2}
.wpo-shop-single-section .product-info .review-form .give-rating label:nth-child(5){z-index:1}
.wpo-shop-single-section .product-info .review-form .give-rating label input{position:absolute;top:0;left:0;opacity:0}
.wpo-shop-single-section .product-info .review-form .give-rating label .icon{float:left;color:transparent}
.wpo-shop-single-section .product-info .review-form .give-rating label:last-child .icon{color:#ddd}
.wpo-shop-single-section .product-info .review-form .give-rating:not(:hover) label input:checked ~ .icon,.wpo-shop-single-section .product-info .review-form .give-rating:hover label:hover input ~ .icon{color:#FFD400}
.wpo-shop-single-section .product-info .review-form .give-rating label input:focus:not(:checked) ~ .icon:last-child{color:#ddd;text-shadow:0 0 5px #FFD400}
.wpo-shop-single-section .product-info .review-form form input,.wpo-shop-single-section .product-info .review-form form textarea{background:transparent;border-radius:0;box-shadow:none;height:50px;border:1px solid #efefef}
.wpo-shop-single-section .product-info .review-form form .form-control{font-size:18px}
.wpo-shop-single-section .product-info .review-form form input:focus,.wpo-shop-single-section .product-info .review-form form textarea:focus{box-shadow:none;outline:none}
.wpo-shop-single-section .product-info .review-form form textarea{height:130px}
.wpo-shop-single-section .product-info .review-form form > div{margin-bottom:27px}
.wpo-shop-single-section .product-info .review-form form > div:last-child{margin-bottom:0}
.wpo-shop-single-section .product-info .review-form form .theme-btn,.wpo-shop-single-section .product-info .review-form form .view-cart-btn{background-color:transparent;color:#908f8f;outline:0;box-shadow:none;border-radius:0;border:1px solid #efefef;padding:15px 45px}
.wpo-shop-single-section .product-info .review-form form .theme-btn:hover,.wpo-shop-single-section .product-info .review-form form .view-cart-btn:hover{background-color:#000;color:#fff}
@media screen and (min-width: 767px) {
.wpo-shop-single-section .product-info .review-form form .theme-btn,.wpo-shop-single-section .product-info .review-form form .view-cart-btn{font-size:15px;font-size:1rem}
}
.wpo-shop-single-section .slider-nav .slick-slide:focus{outline:none}
.quantity-container{display:flex;align-items:center;justify-content:center;width:100px;border:1px solid #e6e6e6;height:40px;line-height:40px;position:relative;display:flex;align-items:center;justify-content:space-between}
.quantity-container span{width:30px;height:40px;border:none;background-color:#f0f0f0;cursor:pointer;text-align:center}
.quantity-container .decrement{width:30px;display:inline-block}
.quantity-container .increment{width:30px;display:inline-block}
.quantity-container input[type=text]{width:30px;height:40px;text-align:center;border:none;outline:none;background-color:transparent;cursor:default}
.quantity-container input[type=text]:focus{outline:0;box-shadow:0 0 5px 0 transparent}
.cart-area .cart-wrapper{box-shadow:0 5px 15px 0 #4444441a}
@media (max-width: 991px) {
.cart-area .cart-wrapper table{width:1022px}
.cart-area .cart-wrapper form{overflow:scroll;overflow-y:hidden}
}
.cart-area .cart-wrap td,.cart-area .cart-wrap th{width:10%;border-bottom:1px solid #f0f0f094;text-align:center;font-weight:400;color:#414141}
.cart-area .cart-wrap td ul,.cart-area .cart-wrap th ul{list-style:none}
.cart-area .cart-wrap th{border-bottom:1px solid #f0f0f094;padding:40px 0}
.cart-area .cart-wrap thead{background:#fff;color:#505050;padding:40px}
.cart-area .cart-area form{margin:auto;text-align:center;background:#fff}
.cart-area .cart-wrap .product{width:15%}
.cart-area .cart-wrap .product ul{text-align:left;padding-left:30px;list-style:none}
.cart-area .cart-wrap .product ul li{padding-bottom:5px}
.cart-area .cart-wrap .product a{font-size:16px;color:#a5a4a4}
.cart-area .cart-wrap .product-2{text-align:left;padding-left:55px}
.cart-area .cart-wrap .product a:hover{color:#e3b576}
.cart-area .cart-wrap th{height:80px;font-weight:700}
.cart-area .cart-wrap td{padding:40px 25px}
.cart-area .cart-wrap td.action ul{display:flex;justify-content:center;list-style:none}
.cart-area .cart-wrap td.action ul .w-btn-view a{line-height:45px}
.cart-area .cart-wrap td span{display:block;width:100px;height:38px;line-height:34px;color:#ee9902;font-size:14px;border:1.5px solid #ee9902;border-radius:4px}
.cart-area .cart-wrap td.Del span{color:#4ABA4E;border:1.5px solid #4ABA4E}
.cart-area .cart-wrap td.can span{color:#D85656;border:1.5px solid #D85656}
.cart-area .cart-wrap td.pro span{color:#691A5F;border:1.5px solid #691A5F}
.cart-area .cart-wrap .name{width:15%}
.cart-area .cart-wrap .action a{display:block;width:40px;height:38px;line-height:45px;background:#414141;color:#fff;border-radius:4px;font-size:14px}
.cart-area .cart-wrap .action a .fi::before{font-size:20px}
.cart-area .cart-wrap .action a:hover{background:#333}
.cart-area .cart-wrap .action li.c-btn{margin-right:10px}
.cart-area .cart-wrap .action li.c-btn a{background-color:#e3b576}
.cart-area .order-wrap{padding:0}
.cart-area .cart-wrap tr:nth-child(even){background:#FCFCFC}
.cart-area .cart-wrap .quantity{position:relative;max-width:110px;margin:0 auto}
.cart-area .quantity input{width:105px;padding:0 35px;text-align:center;height:36px;position:relative;background:#f2f2f5;border:none;border-radius:40px}
.cart-area .quantity .qtybutton{position:absolute;top:0;left:0;height:30px;width:30px;text-align:center;line-height:28px;font-size:18px;cursor:pointer;color:#333;background:#fafaff;border-radius:30px;border:0}
.cart-area .cart-wrap .quantity .qtybutton{top:50%;left:5px;transform:translateY(-51%);-webkit-transform:translateY(-51%);-moz-transform:translateY(-51%);z-index:1}
.cart-area .form input:focus{box-shadow:0 0 5px 0 transparent}
.cart-area .cart-wrap .quantity .qtybutton.dec{border-left:none}
.cart-area .cart-wrap .quantity .qtybutton.inc{right:5px;left:auto;border-right:none}
.cart-area .submit-btn-area{padding:40px}
.cart-area .submit-btn-area ul{display:flex;justify-content:flex-end;list-style:none}
@media (max-width: 450px) {
.cart-area .submit-btn-area ul{flex-wrap:wrap;justify-content:center}
}
.cart-area .submit-btn-area ul li:last-child{margin-left:20px}
@media (max-width: 450px) {
.cart-area .submit-btn-area ul li:last-child{margin-left:3px;margin-top:5px}
}
.cart-area .submit-btn-area button{border:none;background:#333;color:#fff;transition:all .3s;outline:none}
.cart-area .submit-btn-area .theme-btn,.cart-area .submit-btn-area .view-cart-btn{text-transform:capitalize;font-size:20px;font-weight:500;line-height:27px;background:#000;border-radius:52px}
.cart-area .add-wish .theme-btn,.cart-area .add-wish .view-cart-btn{text-transform:capitalize;font-size:18px;font-weight:500;line-height:25px;background:#414141;border-radius:4px;padding:8px 20px}
@media (max-width: 1399px) {
.cart-area .add-wish .theme-btn,.cart-area .add-wish .view-cart-btn{padding:8px 15px;font-size:15px}
}
@media (max-width: 1199px) {
.cart-area .add-wish .theme-btn,.cart-area .add-wish .view-cart-btn{padding:6px 10px;font-size:13px}
}
.cart-area .cart-product-list ul{border-top:1px solid #f0f0f094;padding-top:20px;list-style:none}
.cart-area .cart-product-list ul li{display:flex;justify-content:space-between;padding:0 30px;font-weight:300;font-size:18px;line-height:21px;color:#414141;padding-bottom:30px}
.cart-area .cart-product-list ul li.cart-b{border-top:1px solid #f0f0f094;border-bottom:1px solid #f0f0f094;color:#333;padding-top:30px;font-weight:600}
.wpo-checkout-area .checkout-wrap{background:#fff}
.wpo-checkout-area .checkout-wrap ul{list-style:none}
.wpo-checkout-area #open2{display:block}
.wpo-checkout-area #open3{display:none}
.wpo-checkout-area #open4{display:none}
.wpo-checkout-area .create-account p{margin-bottom:15px}
.wpo-checkout-area .create-account{display:none;padding:20px}
.wpo-checkout-area .create-account span{margin-bottom:20px;display:block}
.wpo-checkout-area .input-wrap{position:relative}
.wpo-checkout-area .create-account input{width:100%;height:50px;border:1px solid #ebebeb;margin-bottom:25px;padding-left:20px;border-radius:40px}
.wpo-checkout-area .create-account input:focus{outline:none}
.wpo-checkout-area .create-account button{position:absolute;right:0;top:0;height:50px;background:#333;color:#fff;width:108px;border:none;outline:none;box-shadow:none;cursor:pointer;border-top-right-radius:40px;border-bottom-right-radius:40px}
.wpo-checkout-area .create-account button:hover{background:#e3b576}
.wpo-checkout-area .coupon{position:relative;cursor:pointer;cursor:pointer;background:#fff}
.wpo-checkout-area .coupon:before{position:absolute;right:30px;top:21px;content:"\e64b";font-family:"themify"}
.wpo-checkout-area .coupon span{position:absolute;right:30px;top:30px}
.wpo-checkout-area .coupon label{margin-bottom:0;font-weight:500;font-size:18px;color:#0F0F0F;cursor:pointer;padding:20px;border-left:4px solid #000;transition:all .3s;width:100%}
@media (max-width: 767px) {
.wpo-checkout-area .coupon label{font-size:15px}
}
.wpo-checkout-area .caupon-wrap{background:#fff;margin-bottom:20px;transition:all .3s;box-shadow:0 5px 15px 0 #3e419f1a}
.wpo-checkout-area .active-border{transition:all .3s}
.wpo-checkout-area .s1.active-border .coupon-active label,.wpo-checkout-area .s3.coupon-2 .coupon-3 label{border-left:none;border-top:4px solid #000;border-bottom:1px solid #ebebeb}
.wpo-checkout-area .s2 .coupon-3{border-top:4px solid #000}
.wpo-checkout-area .s2.coupon-2 .coupon-3{border-top:0}
.wpo-checkout-area .s2 .coupon-3 label{border-left:0;border-bottom:1px solid #ebebeb}
.wpo-checkout-area .s2.coupon-2 .coupon-3 label{border-left:4px solid #e3b576;border-bottom:0}
.wpo-checkout-area .billing-adress .form-style input,.wpo-checkout-area .billing-adress .form-style select{width:100%;margin-bottom:15px;padding-left:10px;height:40px;background:#fff;border-radius:2px;border:none;border:1px solid #ebebeb;border-radius:40px}
.wpo-checkout-area .billing-adress .form-style input:focus,.wpo-checkout-area .billing-adress .form-style select:focus{outline:none;box-shadow:none}
.wpo-checkout-area .billing-adress .form-style select{-webkit-appearance:none;-o-appearance:none;appearance:none;-moz-appearance:none;background:transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;position:relative}
.wpo-checkout-area .billing-adress{padding:30px}
.wpo-checkout-area .note-area textarea{width:100%;height:150px;padding-top:10px;margin-bottom:0;padding-left:10px;border:1px solid #ebebeb;border-radius:20px}
.wpo-checkout-area .note-area textarea:focus{outline:none}
.wpo-checkout-area .biling-item-2{margin-top:20px}
.wpo-checkout-area .biling-item-2 label.fontsize{margin-bottom:20px}
.wpo-checkout-area .biling-item-2 .billing-adress{padding:0}
.wpo-checkout-area .payment-name ul{display:flex;justify-content:flex-start}
@media (max-width: 575px) {
.wpo-checkout-area .payment-name ul{flex-wrap:wrap}
}
.wpo-checkout-area .payment-area form{overflow:unset!important}
.wpo-checkout-area .payment-name ul li{width:100px;height:60px;text-align:center;line-height:60px}
.wpo-checkout-area .payment-name ul li input{margin-right:0}
.wpo-checkout-area .payment-name ul li{margin-right:15px}
@media (max-width: 575px) {
.wpo-checkout-area .payment-name ul li{margin-bottom:10px}
}
.wpo-checkout-area .payment-area h2{padding-bottom:40px;margin-bottom:0}
.wpo-checkout-area .payment-select{padding:40px 0}
.wpo-checkout-area .payment-select ul{display:flex}
@media (max-width: 575px) {
.wpo-checkout-area .payment-select ul{flex-wrap:wrap}
}
.wpo-checkout-area .payment-select ul li{margin-right:10px;font-size:15px;font-weight:500;color:#5B5B5B}
.wpo-checkout-area .payment-select label{font-size:18px;font-weight:600}
@media (max-width: 575px) {
.wpo-checkout-area .payment-select label{font-size:14px}
}
.wpo-checkout-area .payment-area h2{font-size:20px;color:#878787;font-weight:700}
.wpo-checkout-area .payment-area h2 span{font-size:30px;color:#ff493c}
.wpo-checkout-area .payment-area{width:100%}
.wpo-checkout-area .payment-name ul li input{margin-right:0;position:absolute;z-index:-1}
.wpo-checkout-area .payment-name ul li input:checked ~ label{border:1px solid #ff493c}
.wpo-checkout-area .payment-name label{width:100%;border:1px solid transparent}
.wpo-checkout-area .payment-name .visa label{border:1px solid #0057A0}
.wpo-checkout-area .payment-name .mas label{border:1px solid #C00}
.wpo-checkout-area .payment-name .ski label{border:1px solid #691A5F}
.wpo-checkout-area .payment-name .pay label{border:1px solid #019CDE}
.wpo-checkout-area .payment-option{padding:30px}
.wpo-checkout-area .payment-name{display:none}
.wpo-checkout-area .payment-name.active{display:block}
.wpo-checkout-area .payment-option.active .payment-name{display:none!important}
.wpo-checkout-area .payment-area .form-style input,.wpo-checkout-area .payment-area .form-style select{width:100%;margin-bottom:15px;padding-left:10px;height:40px;background:#fff;border-radius:2px;border:none;border:1px solid #ebebeb;border-radius:40px}
.wpo-checkout-area .payment-area .form-style input:focus,.wpo-checkout-area .payment-area .form-style select:focus{outline:none}
.wpo-checkout-area .payment-area .contact-form{margin-top:40px}
.wpo-checkout-area .cout-order-area{box-shadow:0 5px 15px 0 #3e419f1a}
.wpo-checkout-area .cout-order-area .oreder-item ul li{display:flex;justify-content:space-between;padding:20px 30px;font-weight:300;font-size:18px;line-height:21px;color:#414141}
.wpo-checkout-area .cout-order-area .oreder-item ul li.s-total{font-weight:400}
.wpo-checkout-area .cout-order-area .oreder-item ul .o-header{color:#0F0F0F;font-size:20px;font-weight:600;border-bottom:1px solid #ebebeb}
.wpo-checkout-area .cout-order-area .oreder-item ul .o-middle{border-bottom:1px solid #ebebeb}
.wpo-checkout-area .cout-order-area .oreder-item ul .o-bottom{border-top:1px solid #ebebeb;color:#000;font-weight:600}
.wpo-checkout-area .create-account.active{display:block}
.wpo-checkout-area .contact-form .form-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}
.wpo-checkout-area .contact-form input,.wpo-checkout-area .contact-form select{margin-top:10px}
.wpo-checkout-area .submit-btn-area{margin-top:20px}
.wpo-checkout-area .submit-btn-area .theme-btn,.wpo-checkout-area .submit-btn-area .view-cart-btn{text-transform:capitalize;background:#000;border-radius:55px}
.wpo-login-area{width:100%;overflow:hidden;display:flex;align-items:center;min-height:100vh;padding:100px 0}
.wpo-accountWrapper{width:1170px;display:flex;flex-wrap:wrap;background:#fff;margin:auto;box-shadow:0 14px 60px #0000000f;border-radius:10px;overflow:hidden}
.wpo-accountInfo{width:50%;background:#000;display:flex;flex-direction:column;justify-content:space-between;min-height:600px;text-align:center;padding:50px}
.wpo-accountForm{width:50%;padding:70px 85px;min-height:600px;display:flex;flex-direction:column;justify-content:center}
.wpo-accountInfoHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap}
.wpo-accountInfoHeader h2 a{display:block;line-height:50px;font-size:35px;font-weight:600;color:#fff}
.wpo-accountInfo .wpo-accountBtn{height:40px;background:#fff;padding:0 20px;display:flex;align-items:center;justify-content:center;text-transform:capitalize;font-size:14px;color:#000;border:2px solid #fff;transition:all .4s ease-in-out 0s}
.wpo-accountInfo .wpo-accountBtn:hover{background:transparent;color:#fff}
.wpo-accountInfo p{color:#fff;font-size:18px;margin-top:20px}
.fromTitle h2{font-size:30px;margin-bottom:10px}
.fromTitle p{font-size:15px;margin-bottom:40px}
.form-style input{width:100%;margin-bottom:15px;padding-left:20px;height:60px;border:1px solid #e5e5e5!important;border-radius:2px;border:none}
.form-style input:focus{outline:none;border:1px solid #e5e5e5!important}
input[type=checkbox] + label{display:block;margin:.2em;cursor:pointer;padding:.2em;position:relative}
input[type=checkbox]{display:none}
input[type=checkbox] + label:before{content:"✔";border:1px solid #e5e5e5;border-radius:.2em;display:inline-block;width:1.2em;height:1.2em;padding-left:.2em;padding-bottom:.3em;margin-right:.2em;vertical-align:bottom;color:transparent;transition:.2s;line-height:1.2em;position:absolute;left:0}
input[type=checkbox] + label:active:before{transform:scale(0)}
input[type=checkbox]:checked + label:before{background-color:#000;border-color:#000;color:#fff}
input[type=checkbox]:disabled + label:before{transform:scale(1);border-color:#aaa}
input[type=checkbox]:checked:disabled + label:before{transform:scale(1);background-color:#bfb;border-color:#bfb}
.check-box-wrap{display:flex;justify-content:space-between;align-items:center}
.forget-btn a{display:inline-block;font-size:14px;color:#000}
.input-box label{color:#676B79;font-weight:500;font-size:16px;padding-left:20px!important}
.wpo-accountForm .wpo-accountBtn{font-size:16px;padding:10px 20px;border:2px solid #000;width:100%;background:#000;color:#fff;transition:all .4s ease-in-out 0s;margin-top:30px}
.wpo-accountForm .wpo-accountBtn:hover{background:transparent;color:#333}
.or{border-top:1px dashed #e5e5e5;margin-top:45px;text-align:center;font-weight:500;margin-bottom:20px}
.or span{font-size:16px;text-transform:uppercase;display:inline-block;padding:0 25px;background:#fff;position:relative;top:-14px;color:#000}
.wpo-socialLoginBtn{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-wrap:wrap;list-style:none}
.wpo-socialLoginBtn li button{height:40px;width:50px;min-width:50px;font-size:15px;border-radius:3px;overflow:hidden;cursor:pointer;position:relative;border:none;text-transform:capitalize;font-weight:400;color:#fff}
.wpo-socialLoginBtn li button.facebook{background:#000}
.wpo-socialLoginBtn li button.linkedin{background:#000}
.wpo-socialLoginBtn li button.twitter{background:#000}
.wpo-socialLoginBtn li{margin:0 5px 5px}
.subText{text-align:center}
.subText a{display:inline-block;font-size:14px;color:#000}
.form-group{position:relative}
.input-group-btn{position:absolute;right:10px;top:37px}
.input-group-btn button{background:transparent!important;border:none;outline:none;background:none;box-shadow:none!important}
.input-group-btn button:hover{background:transparent}
.input-group-btn button:focus,.input-group-btn button.active{background:none!important;border:none!important;outline:none!important}
.btn-default.active,.btn-default.active,.open > .dropdown-toggle.btn-default{background:none!important;border:none;outline:none}
@media (max-width: 1200px) {
.wpo-accountWrapper{width:900px}
.wpo-accountForm{padding:70px 35px}
}
@media (max-width: 1024px) {
.wpo-accountWrapper{width:100%;max-width:100%}
.wpo-accountForm{padding:70px 35px}
.image img{width:100%}
}
@media (max-width: 992px) {
.wpo-accountInfo{width:100%}
.wpo-accountForm{width:100%}
.accountArea{padding:0 16px}
}
@media (max-width: 767px) {
.wpo-accountInfo{width:100%}
.wpo-accountForm{width:100%}
}
.back-home{max-width:150px}
.wpo-contact-pg-section{padding-bottom:0}
.wpo-contact-pg-section .wpo-contact-title{max-width:440px;margin:0 auto;text-align:center;margin-bottom:50px}
@media (max-width: 767px) {
.wpo-contact-pg-section .wpo-contact-title{margin-bottom:30px}
}
.wpo-contact-pg-section .wpo-contact-title h2{font-size:50px;font-weight:400;margin-bottom:20px}
@media (max-width: 575px) {
.wpo-contact-pg-section .wpo-contact-title h2{font-size:40px}
}
.wpo-contact-pg-section form input,.wpo-contact-pg-section form select,.wpo-contact-pg-section form textarea{background:transparent;width:100%;height:50px;font-size:20px;font-weight:400;font-family:var(--font),serif;box-shadow:none!important;padding-left:25px;border:1px solid #ebebeb}
@media (max-width: 991px) {
.wpo-contact-pg-section form input,.wpo-contact-pg-section form select,.wpo-contact-pg-section form textarea{height:45px}
}
.wpo-contact-pg-section form input:focus,.wpo-contact-pg-section form select:focus,.wpo-contact-pg-section form textarea:focus{border-color:#000;background:transparent}
.wpo-contact-pg-section form textarea{height:180px;padding-top:15px}
.wpo-contact-pg-section form{margin:0 -15px;overflow:hidden}
.wpo-contact-pg-section form ::-webkit-input-placeholder{font-style:15px;font-style:normal;color:#9d9c9c}
.wpo-contact-pg-section form :-moz-placeholder{font-style:15px;font-style:normal;color:#9d9c9c}
.wpo-contact-pg-section form ::-moz-placeholder{font-style:15px;font-style:normal;color:#9d9c9c}
.wpo-contact-pg-section form :-ms-input-placeholder{font-style:15px;font-style:normal;color:#9d9c9c}
.wpo-contact-pg-section form select{display:inline-block;color:#a9a9a9;cursor:pointer;opacity:1;padding:6px 25px;font-size:20px;font-weight:400;font-family:var(--font),serif;-webkit-appearance:none;-o-appearance:none;appearance:none;-moz-appearance:none;background:transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;position:relative}
.wpo-contact-pg-section form select:focus{background:transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center}
.wpo-contact-pg-section form .submit-area{width:100%;margin-bottom:45px;}
@media (max-width: 767px) {
.wpo-contact-pg-section form .submit-area{margin-bottom:0}
}
.wpo-contact-pg-section form .submit-area .theme-btn,.wpo-contact-pg-section form .submit-area .view-cart-btn{border-radius:0;font-family:var(--font),serif;font-size:20px;padding:10px 30px;background:#000}
.wpo-contact-pg-section form .submit-area .theme-btn::before,.wpo-contact-pg-section form .submit-area .view-cart-btn::before{display:none}
.wpo-contact-pg-section form .submit-area .theme-btn:after,.wpo-contact-pg-section form .submit-area .view-cart-btn:after{border-radius:18px}
.wpo-contact-pg-section form > div{width:calc(50% - 30px);float:left;margin:0 15px 25px}
@media (max-width: 600px) {
.wpo-contact-pg-section form > div{width:calc(100% - 25px);float:none}
}
.wpo-contact-pg-section form .fullwidth{width:calc(100% - 25px);float:none;clear:both}
.wpo-contact-pg-section .office-info{padding-bottom:100px}
@media (max-width: 767px) {
.wpo-contact-pg-section .office-info{padding-bottom:60px}
}
@media (max-width: 1200px) {
.wpo-contact-pg-section .office-info .col .office-info-item{margin-bottom:30px}
.wpo-contact-pg-section .office-info .col:last-child .office-info-item{margin-bottom:0}
}
.wpo-contact-pg-section .office-info .office-info-item{text-align:center;box-shadow:0 5px 15px 0 #3e419f1a;padding:40px}
.wpo-contact-pg-section .office-info .office-info-item .office-info-icon{width:85px;height:85px;background:#f5f5f5;line-height:85px;text-align:center;margin:0 auto;border-radius:50%}
.wpo-contact-pg-section .office-info .office-info-item .office-info-icon .icon .fi:before{font-size:35px;color:#000}
.wpo-contact-pg-section .office-info .office-info-item .office-info-text h2{font-size:30px;line-height:35px;font-weight:400;margin:10px 0}
@media (max-width: 767px) {
.wpo-contact-pg-section .office-info .office-info-item .office-info-text h2{font-size:40px}
}
.wpo-contact-pg-section .office-info .office-info-item .office-info-text p{margin-bottom:0}
.wpo-contact-pg-section .wpo-contact-form-area{padding:50px;background:#fff;box-shadow:0 1px 15px 0 #3e419f1a;padding-bottom:0;margin-bottom:-125px;position:relative;z-index:9}
@media (max-width: 767px) {
.wpo-contact-pg-section .wpo-contact-form-area{padding:30px;padding-top:50px}
}
.wpo-contact-map-section .wpo-contact-map{height:550px}
.wpo-contact-map-section iframe{width:100%;height:100%;border:0;outline:0;filter:grayscale(100%)}
.wpo-contact-map-section h2.hidden{display:none}
.pf-terms-section h4{font-size:45px;margin-bottom:30px;margin-top:-20px}
@media (max-width: 991px) {
.pf-terms-section h4{font-size:35px}
}
.pf-terms-section .pf-terms-wrap .pf-terms-img img{width:100%}
.pf-terms-section .pf-terms-wrap .pf-terms-text{padding-top:30px}
.pf-terms-section .pf-terms-wrap .pf-terms-text h2{font-size:45px;margin-bottom:20px}
@media (max-width: 991px) {
.pf-terms-section .pf-terms-wrap .pf-terms-text h2{font-size:35px}
}
.pf-terms-section .pf-terms-wrap .pf-terms-text ul{list-style:none;margin-top:20px;margin-bottom:40px}
.pf-terms-section .pf-terms-wrap .pf-terms-text ul li{padding:10px;position:relative;padding-left:20px}
.pf-terms-section .pf-terms-wrap .pf-terms-text ul li:before{position:absolute;left:0;top:50%;width:8px;height:8px;background:#000;content:"";border-radius:50%;transform:translateY(-50%)}
.pf-terms-section .pf-terms-wrap .pf-terms-text .t-sub{padding:20px 0}
.pf-terms-section .pf-terms-wrap .pf-terms-text .t-sub .pf-p-details-img{margin-bottom:20px}
.pf-terms-section .pf-faq-section{margin-top:30px;margin-top:30px}
.pf-terms-section .accordion-item{border:0;border:1px solid #fafbfe;padding:5px 20px;margin-bottom:20px;background:#f6f6f6}
.pf-terms-section .accordion-item .accordion-body{padding-left:0;padding-right:0;border-top:1px solid #ffffff21}
.pf-terms-section .accordion-item .accordion-body p{color:#565656}
.pf-terms-section .accordion-item button{padding:20px;border:0;border-radius:0;padding-left:0;padding-right:0;font-size:18px;color:#070143;text-align:left;font-family:var(--font),serif}
.pf-terms-section .accordion-item button::after{background:none;font-family:"themify";content:"\e622";font-size:15px;transform:rotate(0deg);font-weight:700}
.pf-terms-section .accordion-item button.collapsed{color:#070143}
.pf-terms-section .accordion-item button.collapsed::after{content:"\e61a"}
.pf-terms-section .accordion-item button:focus{box-shadow:none;outline:none;border-color:#e1e1e1}
.pf-terms-section .accordion-item .accordion-collapse{border:0}
.pf-terms-section .accordion-button{background:transparent}
.pf-terms-section .accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 #ffffff21}
.error-404-section{text-align:center}
.error-404-section .error-message{margin-top:30px;padding:0 200px}
@media (max-width: 991px) {
.error-404-section .error-message{margin-top:20px;padding:0 100px}
}
@media (max-width: 767px) {
.error-404-section .error-message{padding:0}
}
.error-404-section .error-message h3{font-size:55px;margin:0}
@media (max-width: 767px) {
.error-404-section .error-message h3{font-size:40px}
}
.error-404-section .error-message p{margin-bottom:1.8em}
.error-404-section .error-message .theme-btn,.error-404-section .error-message .view-cart-btn{background:#000;border-radius:0}
.wpo-preview-hero-section{position:relative;height:980px;display:flex;align-items:center;overflow:hidden}
@media (max-width: 1399px) {
.wpo-preview-hero-section{height:780px}
}
@media (max-width: 991px) {
.wpo-preview-hero-section{height:100%;display:block;padding:200px 20px 100px}
}
@media (max-width: 575px) {
.wpo-preview-hero-section{padding:150px 20px 100px}
}
.wpo-preview-hero-section .left-content{max-width:877px;margin-left:100px}
@media (max-width: 1399px) {
.wpo-preview-hero-section .left-content{margin-left:50px}
}
@media (max-width: 991px) {
.wpo-preview-hero-section .left-content{margin-left:0;max-width:100%}
}
.wpo-preview-hero-section .left-content span{color:#5C5C5C;font-size:18px;font-weight:500;line-height:35px;letter-spacing:5.4px;text-transform:uppercase;margin-bottom:20px;display:block}
@media (max-width: 767px) {
.wpo-preview-hero-section .left-content span{margin-bottom:10px}
}
@media (max-width: 575px) {
.wpo-preview-hero-section .left-content span{font-size:13px;line-height:30px;letter-spacing:3.4px;margin-bottom:5px}
}
.wpo-preview-hero-section .left-content h2{color:#101010;font-size:120px;font-weight:400;line-height:100px;margin-bottom:0}
@media (max-width: 991px) {
.wpo-preview-hero-section .left-content h2{font-size:80px;line-height:100px}
}
@media (max-width: 767px) {
.wpo-preview-hero-section .left-content h2{font-size:60px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-preview-hero-section .left-content h2{font-size:40px;line-height:60px}
}
.wpo-preview-hero-section .left-content p{color:#101010;font-size:25px;font-weight:400;line-height:50px;margin-bottom:20px}
@media (max-width: 767px) {
.wpo-preview-hero-section .left-content p{font-size:20px;line-height:30px;margin-bottom:10px}
}
.wpo-preview-hero-section .left-content .shop-btn{border-radius:0}
.hero-image{display:flex;max-width:860px;position:absolute;right:0;top:0;overflow:hidden;white-space:nowrap;z-index:-1}
@media (max-width: 1399px) {
.hero-image{max-width:560px}
}
@media (max-width: 991px) {
.hero-image{display:none}
}
.hero-image .marquee{display:block;animation:marquee-top-to-bottom 20s linear infinite}
.hero-image .item{max-width:420px;max-height:300px;box-shadow:0 2px 12px 2px #0400340f;border-radius:20px;margin:10px}
.hero-image .item img{width:100%;border-radius:20px}
.hero-image .marquee-s2{display:block;animation:marquee-bottom-to-top 20s linear infinite}
@keyframes marquee-top-to-bottom {
from{transform:translate3d(0,-50%,0)}
to{transform:translate3d(0,0,0)}
}
@keyframes marquee-bottom-to-top {
from{transform:translate3d(0,0,0)}
to{transform:translate3d(0,-50%,0)}
}
.wpo-demo-section{padding-bottom:50px}
@media (max-width: 991px) {
.wpo-demo-section{padding-bottom:20px}
}
@media (max-width: 767px) {
.wpo-demo-section{padding-bottom:40px}
}
.wpo-demo-section .title{max-width:959px;margin:0 auto;text-align:center;margin-bottom:60px}
.wpo-demo-section .title span{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-demo-section .title h2{color:#000;font-size:100px;font-weight:400;line-height:100px}
@media (max-width: 991px) {
.wpo-demo-section .title h2{font-size:80px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-demo-section .title h2{font-size:40px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-demo-section .title h2{font-size:30px;line-height:40px}
}
.wpo-demo-section .title p{max-width:910px;margin:0 auto;color:#5C5C5C;text-align:center;font-size:25px;font-weight:400;line-height:40px}
@media (max-width: 767px) {
.wpo-demo-section .title p{font-size:18px;line-height:30px}
}
.wpo-demo-section .container-fluid{max-width:1720px;margin:0 auto}
.wpo-demo-section .image-style{z-index:99;transition:all .8s ease;position:relative;font-size:14px;text-align:center;margin:0 10px 70px;display:block}
@media (max-width: 1399px) {
.wpo-demo-section .image-style{margin:0 0 70px}
}
@media (max-width: 767px) {
.wpo-demo-section .image-style{max-width:530px;margin:0 auto;margin-bottom:40px}
}
.wpo-demo-section .image-style .inner{max-height:630px;min-height:630px;overflow:hidden;display:block;position:relative;border-radius:6px;box-shadow:0 2px 8px 0 #00000026}
@media (max-width: 767px) {
.wpo-demo-section .image-style .inner{max-height:430px;min-height:430px}
}
.wpo-demo-section .image-style .inner img{transition:all 3s}
.wpo-demo-section .image-style span{text-align:center;color:#000;font-size:25px;font-weight:500;line-height:30px;display:block;margin-top:30px}
.wpo-demo-section .image-style:hover .inner img{transform:translateY(calc(-100% + 630px))}
@media (max-width: 767px) {
.wpo-demo-section .image-style:hover .inner img{transform:translateY(calc(-100% + 430px))}
.wpo-preview-cta-section{padding-left:10px;padding-right:10px}
}
.wpo-preview-cta-section .content{border:2px solid #FFF;background:#fff6;box-shadow:0 20px 20px 0 #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:840px;padding:75px 80px;margin-left:180px}
@media (max-width: 1399px) {
.wpo-preview-cta-section .content{margin-left:100px}
}
@media (max-width: 1199px) {
.wpo-preview-cta-section .content{margin-left:50px}
}
@media (max-width: 991px) {
.wpo-preview-cta-section .content{margin:0 auto}
}
@media (max-width: 767px) {
.wpo-preview-cta-section .content{padding:30px 20px}
}
.wpo-preview-cta-section .content h3{color:#101010;font-size:50px;font-weight:400;line-height:70px}
@media (max-width: 767px) {
.wpo-preview-cta-section .content h3{font-size:40px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-preview-cta-section .content h3{font-size:30px;line-height:40px}
}
.wpo-preview-cta-section .content p{color:#5C5C5C;font-size:20px;font-weight:400;line-height:35px;margin-bottom:30px}
@media (max-width: 767px) {
.wpo-preview-cta-section .content p{font-size:15px;line-height:20px}
}
.wpo-preview-cta-section .content .shop-btn{border-radius:0}
.wpo-preview-Inner-section .title{max-width:1001px;margin:0 auto;text-align:center;margin-bottom:60px}
.wpo-preview-Inner-section .title span{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-preview-Inner-section .title h2{color:#000;font-size:100px;font-weight:400;line-height:100px}
@media (max-width: 991px) {
.wpo-preview-Inner-section .title h2{font-size:80px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-preview-Inner-section .title h2{font-size:40px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-preview-Inner-section .title h2{font-size:30px;line-height:40px}
}
.wpo-preview-Inner-section .title p{margin:0 auto;color:#5C5C5C;text-align:center;font-size:25px;font-weight:400;line-height:40px}
@media (max-width: 767px) {
.wpo-preview-Inner-section .title p{font-size:18px;line-height:30px}
}
.wpo-preview-Inner-section .owl-item{margin-top:120px}
.wpo-preview-Inner-section .owl-item .Inner-page{overflow:hidden;border-radius:5px;box-shadow:0 2px 12px 2px #0400341a;padding:10px;max-height:630px;min-height:630px;margin:10px 0}
.wpo-preview-Inner-section .owl-item:nth-child(odd){margin-top:120px}
@media (max-width: 991px) {
.wpo-preview-Inner-section .owl-item:nth-child(odd){margin-top:0}
}
.wpo-preview-Inner-section .owl-item:nth-child(even){margin-top:0}
.wpo-preview-Inner-section .owl-nav{display:none}
.wpo-preview-features-section{background:#F9F9F9;padding-bottom:70px}
@media (max-width: 991px) {
.wpo-preview-features-section{padding-bottom:60px}
}
@media (max-width: 767px) {
.wpo-preview-features-section{padding-bottom:50px}
}
.wpo-preview-features-section .title{max-width:1001px;margin:0 auto;text-align:center;margin-bottom:60px}
.wpo-preview-features-section .title span{color:#000;font-size:20px;font-weight:400;border-radius:20px;background:#F9F9F9;display:inline-block;padding:5px 18px;margin-bottom:20px;font-family:var(--font),serif}
.wpo-preview-features-section .title h2{color:#000;font-size:100px;font-weight:400;line-height:100px}
@media (max-width: 991px) {
.wpo-preview-features-section .title h2{font-size:80px;line-height:80px}
}
@media (max-width: 767px) {
.wpo-preview-features-section .title h2{font-size:40px;line-height:70px}
}
@media (max-width: 575px) {
.wpo-preview-features-section .title h2{font-size:30px;line-height:40px}
}
.wpo-preview-features-section .title p{max-width:730px;margin:0 auto;color:#5C5C5C;text-align:center;font-size:25px;font-weight:400;line-height:40px}
@media (max-width: 767px) {
.wpo-preview-features-section .title p{font-size:18px;line-height:30px}
}
.wpo-preview-features-section .row{margin:0 -20px}
@media (max-width: 1399px) {
.wpo-preview-features-section .row{margin:0}
}
.wpo-preview-features-section .features-item{text-align:center;border-radius:10px;background:#FFF;box-shadow:0 2px 12px 2px #04003405;padding:60px 45px 40px;margin:0 15px 50px}
@media (max-width: 1399px) {
.wpo-preview-features-section .features-item{margin:0 0 50px;padding:30px}
}
@media (max-width: 1199px) {
.wpo-preview-features-section .features-item{padding:30px 20px}
}
@media (max-width: 991px) {
.wpo-preview-features-section .features-item{margin:0 0 30px}
}
.wpo-preview-features-section .features-item .icon{text-align:center;margin:0 auto;width:100px;height:100px;line-height:100px;background:#F6F4F4;border-radius:100px;margin-bottom:10px}
.wpo-preview-features-section .features-item h2{color:#000;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:50px;margin-bottom:0}
@media (max-width: 1199px) {
.wpo-preview-features-section .features-item h2{font-size:20px;line-height:30px}
}
.wpo-preview-features-section .features-item span{color:#656565;font-size:18px;font-weight:400;line-height:32px}
@media (max-width: 1199px) {
.wpo-preview-features-section .features-item span{font-size:16px}
}
.wpo-preview-footer-section{position:relative;overflow:hidden;z-index:1;padding:180px 0}
@media (max-width: 991px) {
.wpo-preview-footer-section{padding:100px 0}
}
@media (max-width: 767px) {
.wpo-preview-footer-section{padding:80px 0}
}
.wpo-preview-footer-section::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:.3;background:#000;z-index:-1}
.wpo-preview-footer-section .content{max-width:1560px;margin:0 auto;text-align:center}
.wpo-preview-footer-section .content p{color:#FFF;font-family:var(--font),serif;font-size:25px;font-weight:500;line-height:30px}
@media (max-width: 767px) {
.wpo-preview-footer-section .content p{font-size:20px;line-height:30px}
}
@media (max-width: 575px) {
.wpo-preview-footer-section .content p{font-size:16px;line-height:30px}
}
.wpo-preview-footer-section .content h3{color:#FFF;font-size:100px;font-weight:400;line-height:120px}
@media (max-width: 1399px) {
.wpo-preview-footer-section .content h3{font-size:80px;line-height:90px}
}
@media (max-width: 1199px) {
.wpo-preview-footer-section .content h3{font-size:60px;line-height:90px}
}
@media (max-width: 991px) {
.wpo-preview-footer-section .content h3{font-size:40px;line-height:50px}
}
@media (max-width: 575px) {
.wpo-preview-footer-section .content h3{font-size:30px;line-height:40px}
}
.wpo-preview-footer-section .content .shop-btn{border-radius:0;background:#fff;color:#000}
.diller a{display:inline-block;margin-left:3px}
.diller a img{border-radius:2px}