/****************************************** TYPOGRAPHY CSS ******************************************/ html { overflow-x: hidden; width: 100%; } body { background: #FFF; padding: 0; margin: 0; font-size: 16px; color: #4a4a4a; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 23px; font-weight: 400; height: 100%; overflow-x: hidden !important; width: 100%; position: relative; } h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; } header, section, footer { display: block; } /********************* LINK CSS *********************/ a { outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a:hover, a:focus, select:focus, button:focus { outline: none !important; } a:hover, a:focus { text-decoration:none; } * { margin: 0; padding: 0; } b, strong { font-weight: 700; } /********** INPUT **********/ .input-text { background-color: #FFF; border: 1px solid #293546; border-radius: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; color: #4a4a4a; display: block; line-height: 48px; height: 48px; padding: 0px 15px; font-size: 16px; outline: none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input-text:focus, textarea:focus { border: 1px solid #c19c3e; } textarea.input-text { height: auto !important; line-height: 24px; min-height: 50px; line-height: normal; padding: 10px 15px !important; background-color: transparent; display: block; width: 100%; font-size: 16px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; } input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1;color:#acaba5;} .form-submit .btn { min-width: 160px; line-height: 54px; font-size: 18px; } ::-webkit-input-placeholder { color: #4a4a4a; } ::-moz-placeholder { color: #4a4a4a; } :-ms-input-placeholder { color: #4a4a4a; } :-moz-placeholder { color: #4a4a4a; } label { margin-bottom: 6px; font-weight: 400; } /********************* HEADING CSS *********************/ h1, h2, h3, h4, h5, h6,.post-comment-title,.comment-main-title { margin: 26px 0 12px 0; line-height: normal; font-weight: 400; font-family: 'quiche-sans', serif; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 17px; } /********************* P CSS *********************/ p { float: none; margin: 0 0 18px 0; padding: 0; } p:last-child { margin: 0 0 0px 0; } p strong { font-weight: 700; } /********************* LISTING CSS *********************/ ul { margin: 0 0 15px 0; padding: 0; display: block; text-align: left; } ul li { margin: 0 0 5px 2px; padding: 0 0 0 20px; position: relative; line-height: 1.26; list-style: none; } ul li:last-child { margin-bottom: 0px; } ul li:before { content: ""; width: 6px; height: 6px; background-color: #4a4a4a; position: absolute; left: 0px; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } ul li a { text-decoration: none; font-weight: 400; } ul li a:hover, ul li a:focus { text-decoration:none; } ul li ul { margin-left: 15px; margin-top: 14px; } ol { margin: 0 0 15px 17px; padding: 0; text-align: left; } ol li { margin: 0 0 5px 0; padding: 0 0 0 0px; position: relative; line-height: normal; list-style: decimal; } ol li a { text-decoration: none; font-weight: 400; } ol li a:hover, ol li a:focus { text-decoration:none; } /********************* IMAGE CSS *********************/ img { border: none; vertical-align: middle; max-width: 100%;height:auto; } .alignleft { float: left; margin: 7px 30px 20px 0; } .alignright { float: right; height: auto; margin: 30px 0 20px 30px; } .aligncenter { margin: 15px auto; display:block;} /********************* BLOCKQUOTE CSS *********************/ hr { margin: 40px 0 40px 0; padding: 0px; } blockquote { margin: 40px 0 40px 0; border: 3px solid #d0a801; padding: 50px 20px; text-align: center; } blockquote p { max-width: 400px; margin: 0 auto !important; } /********************* BUTTON CSS *********************/ .btn,.wp-element-button, .vfbp-form .btn-primary{ border: none; background: #0f5343; text-align: center; text-decoration: none; color: #fff; font-weight: 700; display: inline-block; font-size: 15px; letter-spacing: 0.94px; line-height: 54px; padding: 0 22px 1px; margin-top: 15px; text-transform: uppercase; position: relative; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; vertical-align: middle; } .btn:hover, .btn:focus,.wp-element-button:hover,.wp-element-button:focus, .podcast-block a:hover .btn, .podcast-block a:focus .btn, vfbp-form .btn-primary:hover, .vfbp-form .btn-primary:focus, .vfbp-form .btn-primary:active { text-decoration:none; box-shadow: none; background:#d0a801; -webkit-box-shadow: none; -moz-box-shadow: none; } .btn.btn-dark { background: #082f26; } .btn.btn-dark:hover, .btn.btn-dark:focus { background: #d0a801; } .btn.btn-border { border: 4px solid #fff; } .xs-btn { min-width: 186px; } .sm-btn { min-width: 234px; } .md-btn { min-width: 300px; } .lg-btn { min-width: 360px; } /********************* HEADER CSS *********************/ .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; top: 0; } .navbar-fixed-top { background: #fff; } header.navbar-fixed-top { padding: 0px;} .header-nav { float: left; width: 100%; padding: 0 12px 0 18px; } .header-top { float: right; width: 100%; text-align:right; background:rgba(255,255,255,.75); padding: 11px 0; } .header-top .btn { font-size:14px; text-transform:uppercase; line-height:23px; padding:0 12px; margin-top: 0; } .top-guide span { line-height: 20px; font-size:16px; } .top-guide span a { color: #000; border-bottom: none; } .top-guide span a:hover{color: #c19c3e;} .logo { float: left; padding-top: 6px; } .logo img { transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; } .top-guide span a.btn { line-height: 43px; color: #fff; background: #082f26; padding: 0 22px 1px; } .top-guide span a.btn:hover { background: #d0a801; } .top-guide span:first-child a.btn { background: #0f5343; } .top-guide span:first-child a.btn:hover { background: #d0a801; } @media screen and (min-width: 576px){ .header-request-consultation-btn .guid-icon { display: none; } } /********************* HEADER STICKY *********************/ .admin-bar .main-header { padding-top: 0; } .stuck.navbar-fixed-top { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.35); -moz-box-shadow: 0 0 5px rgba(0,1,1,.35); box-shadow: 0 0 5px rgba(0,1,1,.35); } .stuck.navbar-fixed-top .top-guide span { font-size: 16px; vertical-align: top; } .stuck.navbar-fixed-top .header-top .btn { line-height: 32px; padding-left:12px; padding-right: 12px; } .stuck .logo { padding-top: 2px; } .stuck .logo img { max-width:100px;} /********************* HEADER TWO CSS *********************/ .navbar-fixed-top.header-one .fas.fa-bars::before { top: 10px; position: relative; } .header-one .header-top .top-guide span .btn { margin-left: 10px;color: #fff; } .navbar-fixed-top.header-one.stuck .fas.fa-bars::before { top:3px; } .header-three .ubermenu-main { margin-top: 0px !important; } .btn-two { padding: 7px 20px; display: inline-block; min-width: 250px; font-size: 20px; text-transform: uppercase; font-weight:500; border: none; margin-top: 15px; } .navbar.secondary-menu.navbar-expand-lg.navbar-light.section-bg-color { background-color: transparent !important; } .btn-two:hover { border: none; } .header-two, .header-two.stuck { background: #efedea; } .logo-two{ z-index: 101 !important; -webkit-transition: max-width .4s ease-in-out, top .4s ease-in-out; -moz-transition: max-width .4s ease-in-out, top .4s ease-in-out; transition: max-width .4s ease-in-out, top .4s ease-in-out; max-width: 231px; position: absolute; left: 15px; top: 9px; right: 15px; margin: 0 auto; text-align: center; } .header-left { position: absolute; left: 15px; top: 12px; padding: 0; z-index: 102 !important; } .header-left a { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #333333; vertical-align: top; cursor: pointer; } .header-left a strong { font-weight: 500; } .header-left span { width: 26px; background: #b4b2af; color: #fff; display: inline-block; text-align: center; font-weight:700; font-size: 20px; vertical-align: top; margin-left: 5px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header-left a:hover span { background: #c19c3e; } .header-two .ubermenu-nav { margin-top: 0 !important; } .header-two .header-nav { padding: 0 0 0 15px; } .sticky_btn .btn {padding-right: 48px;position: relative;padding-left: 24px;padding-top: 0;padding-bottom: 0;font-size: 16px;font-weight: 500;border: none;} .sticky_btn {position: fixed;z-index: 99; top: calc(50% - -34px);right: 50px;text-align: center; text-decoration: none; text-transform: uppercase;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform-origin: bottom right;width: 204px;} .sticky_btn .btn span {position: absolute; bottom: 16px;right: 32px;width: 20px; height: 20px; text-align: center; -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .inquire-white {position: absolute;transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;} /********************* HERO THREE CSS *********************/ .page-style-three .main-header { margin-top: -42px; } .navbar-fixed-top.header-three { background-color: transparent; } .header-three .header-top { background: #fff; padding: 8px; } .header-three .header-top span{ font-weight: 400; font-size: 20px; text-transform: uppercase; } .header-three #ubermenu-nav-main-2 { width: auto; float: left; padding-left: 55px; margin-top: 0; } .header-three .header-nav { width: auto; padding: 0 15px 0 30px; background: #eae7e4; position: relative; } .logo-three { z-index: 101 !important; -webkit-transition: max-width .4s ease-in-out, top .4s ease-in-out; -moz-transition: max-width .4s ease-in-out, top .4s ease-in-out; transition: max-width .4s ease-in-out, top .4s ease-in-out; position: relative; left: 0px; top: 10px; display: inline-block; } .stuck.navbar-fixed-top.header-three { background-color: transparent; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; } .header-three .ubermenu-main { margin-top: 0px !important; margin-left: 25px; width: auto;} /********************* HERO DABBLE UL WITH CENTRE LOGO CSS *********************/ .header-center-logo .collapse.navbar-collapse.lid-menu { display: flex !important; align-items: center; justify-content: space-between; /*padding: 0;*/ } .header-center-logo .hader-left-btn {position: absolute;left: 24px;top: 50%;z-index: 1; transform: translateY(-50%);} .header-center-logo .hader-right-btn {position: absolute;right: 24px;top: 50%;z-index: 1;transform: translateY(-50%);} .header-center-logo .hader-right-btn .btn,.header-center-logo .hader-left-btn .btn { margin-top: 0;border: none; } /********************* HERO BANNER *********************/ .main-header { float: left; width: 100%; position: relative; padding: 0; } .hero-content { position: absolute; z-index:2; left:0; right: 0; bottom:340px; text-align:center; color:#000; background: rgba(255,255,255,0.8); width: 594px; margin: 0 auto; padding: 44px 15px 0 15px; } .hero-content .container { width: 100%; } .hero-content p { margin-bottom: 0; font-family: 'quiche-sans', serif; font-size: 28px; color: #000;} .hero-content h1 { margin-top: 16px; margin-bottom: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: 0.5px; color: #000; } .hero-btn { margin-bottom: -20px; } .hero-content .btn { margin-left: auto; margin-right: auto; min-width: 290px; } .hero-slider { float:left; width: 100%; } .fade-slider img { width: 100%; } .home .fade-slider img { opacity: 0; } .hero-slide {width:100%;float:left; background-size:cover !important;} .hero-content P br{ display: none;} @media (max-width: 421px) { .hero-content p br { display: inline !important; } } .slick-slider .slick-arrow { display: none !important; opacity: 0; } .main-header:hover .slick-slider .slick-arrow, .main-header-two:hover .slick-slider .slick-arrow, .main-header-three:hover .slick-slider .slick-arrow { display:inline-block !important; } .slick-dots li:before { display:none; } .slick-prev { left: 18px !important;} .slick-next {right: 34px !important;} .slick-prev::before, .slick-next::before { font-size: 36px !important; } .slick-prev, .slick-next { z-index: 2 !important; } /*************** Page hero 1 *************/ .admin-bar .hero-slide{/*height: calc(100vh - 32px);*/} .hero-slide{ /*height: calc(100vh - 0px);*/ background-size: cover !important; position: relative; height: 674px; } .hero-slide:before { content:""; position: absolute; left: 0; top: 0; right: 0; height: 250px; width: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); } .hero-slide:after { content:""; position: absolute; left: 0; bottom: 0; right: 0; height: 454px; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), #000); } /*************** Page hero 2 *************/ .admin-bar.page-style-three .hero-slide{height: calc(100vh - 70px);} .page-style-three .hero-slide{ height: calc(100vh - 38px); } /*************** Page hero 2 *************/ body.page-style-two { padding-top: 48px; } body.admin-bar.page-style-two { padding-top: 45px; } .page-style-two .ubermenu-main { margin-top: 0 !important; } .admin-bar.page-style-two .hero-slide{height: calc(100vh - 77px);} .page-style-two .hero-slide{ height: calc(100vh - 48px); } .page-style-one .header-top { padding: 5px 10px; } .main-page-heading-section { float: left; width: 100%; margin: 25px 0; background: #eae7e4; padding: 55px 0px 85px; } .main-page-heading-section .container-small { text-align: center; max-width: 480px; } .main-page-heading-section h2 { text-transform: uppercase; } .page-main-box { float: left; width: 100%; margin-bottom: 25px; } .page-main-box figure { position: relative; padding:0; margin:0; } .page-main-box figure img { width: 100%; height: auto; } .page-main-box figure figcaption { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);} .page-btn { min-width: 280px; padding: 20px; display: block; text-transform:uppercase; font-size: 30px; text-align: center; line-height:normal; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .testimonial-section-home { float: left; width: 100%; padding:80px 0 80px; } .testimonial-section-home .container { max-width: 1080px; } .testimonial-box { padding-top: 62px; display: block; margin: 0 auto; text-align: center; width: 100%; max-width: 460px; margin: 0 auto; } .testimonial-box-new { position: relative; margin-bottom: 28px; } .testimonial-box-new:before { content: ""; position: absolute; left: 50%; margin-left: -25px; top: -63px; background:url(../images/quote.png) no-repeat left top; width: 62px; height: 46px; } .testimonial-box p { margin-bottom: 22px; } .testimonial-box p:last-child { text-transform: uppercase; } .testimonial-section-home .col-md-6 {margin:0 auto; } .featured-section.featured-section-new { text-align: center; padding: 55px 0 30px 0; } .featured-section-new .container { max-width: 1090px; } .featured-section-new h2 { text-transform: uppercase; } .featured-item .item { display: inline-block; width: 24%; } .footer-two { text-align: center; } .logo-footer { margin-bottom: 25px; } .footer-two address { line-height: normal; margin: 0; } .footer-social-icon { padding-top: 25px; } .footer-social-icon ul { width: 100%; text-align: center; margin-bottom: 0; } .footer-social-icon ul li { display: inline-block; padding: 0 5px; } .footer-social-icon ul li:before { display: none; } .footer-social-icon ul li a { font-size: 21px; line-height: 24px; min-width:24px; text-align: center; border: none; display: block; color: #c19c3e; } /* .footer-social-icon ul li a:hover { border: none; background: #c19c3e; color: #fff; } */ .footer-two .footer-links { padding-bottom: 0; } .footer-main-one { background-color: #efefef !important; } .footer-main-one .call-to-action-btn .btn { margin-top: -25px; z-index: 2; } .footer-main-one .footer-logo { padding: 20px 0; } /********************* HERO THREE CSS (PAGE THREE) *********************/ .hero-text { background: #333333; padding: 19px 22px; position: absolute; bottom:0; right:0; } .main-tagline-section { float: left; width: 100%; padding: 65px 0 90px; } .main-tagline-section .container-small { max-width: 720px; } .main-tagline-section .nice-title { text-align: center; padding-bottom: 5px; } .nice-title h2 { /*font-size: 75px; */} .main-heading-left { text-align: right; padding-right: 17px; } .main-heading-left h2 { font-size: 28px; margin-top: 0;} .main-heading-right { padding-left: 7px; padding-top: 5px; } .services-listing-new { float: left; width: 100%; } .services-listing-new .row {justify-content: center; } .services-listing-new .col-lg-6 { padding-left: 2px; padding-right: 2px; } .services-item { float: left; width: 100%; } .services-item a { border: none; } .services-item a:hover { border: none; } .services-item figure { position: relative; } .services-item figure img { width: 100%; } .services-item figure figcaption { position: absolute; left: 0; top: 0; } .services-item .service-btn { margin-bottom: 0px !important; } .services-item .service-btn .btn { margin: 0; min-width: 255px; text-align: center; } .footer-three { float: left; width: 100%; position: relative; padding-top: 55px; } .footer-three a, .footer-three a:hover, .footer-three a:focus { border: none; } .footer-tagline { text-align: right; padding-right: 28px; } .footer-tagline h3 { font-size: 24px; line-height: 36px; font-weight: 300; margin-bottom: 0; margin-top: 15px; } .footer-center { text-align: center; width: 360px; margin: 0 auto; background: #eae7e4; padding: 0 0 15px; position: relative; z-index: 22; } .footer-center address { margin-bottom: 0; } .footer-center-btn .btn.md-btn { margin: -18px 0 20px; line-height: 36px; min-width: 238px; } .footer-center-logo { padding: 20px 0; width: 254px; background: #fff; text-align: center; margin: 0 auto 34px; height: 154px; display: flex; justify-content: center; align-items: center; } .footer-center-logo img { max-width: 172px; } .footer-center .footer-social-icon ul li a { background: #323232; color: #eae7e4; } .footer-center .footer-social-icon ul li a:hover { background: #c19c3e; color: #fff; } .footer-top-right { padding-left: 10px; } .footer-top-right h3 { font-size: 24px; font-weight:400; margin:0 0 6px; } .footer-top-right p { margin-bottom: 12px; max-width: 188px;} .footer-top-right .btn.md-btn { margin: 0 0 20px; line-height: 36px; min-width: 188px; } .footer-full-sec { min-height: 246px; } .footer-center-box address { text-transform: uppercase; display: flex; justify-content: center; gap: 10px; flex-wrap: nowrap;} .footer-bottom { position: absolute; bottom: 0; left: 0; right: 0; font-size: 12px; } .footer-bottom-left { padding-right: 130px; } .footer-bottom .footer-links ul { margin-bottom: 0; } .footer-bottom-right { padding-left: 130px; padding: 12px 0 12px 220px; color: #5e5c5c; } .footer-bottom-part { background: rgba(255,255,255,.71); padding: 15px 0; margin-bottom: 13px; } .footer-bottom-links { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .footer-bottom-links ul { display: flex; padding: 0; margin: 0; } .footer-bottom-links ul li { margin: 0; text-transform: uppercase; font-size: 14px; padding-left: 11px; padding-right: 11px; } .footer-bottom-links ul li::before { content:"•"; width: 4px; height: 4px; background-color: transparent; color: #000; left: -2px; top: 0; } .footer-bottom-links ul li:first-child::before { display: none; } .footer-bottom-links .footer-bottom-left-links li, .footer-bottom-links .footer-bottom-left-links li a { color: #000; } .footer-bottom-links .footer-bottom-right-social li { padding-left: 7px; padding-right: 7px; font-size: 22px; } .footer-bottom-links .footer-bottom-right-social li:before { display: none; } /********************* PAGE THREE CSS END *********************/ /********************* SECTION CSS *********************/ section { padding:0 0 80px 0; float:left; width:100%; } .container-small { max-width:830px; width: 100%; padding-left:15px; padding-right:15px; margin:0 auto; } .single-project .project-page-section .container-small {max-width: 900px;} .main-page-section { padding-top: 0; padding-bottom: 60px; } /********* MAIN HEADING SECTION *********/ .comfort-an-function—simplified-sec { float:left; width: 100%; padding: 60px 0 45px; } .main-heading-section { float:left; width: 100%; padding: 55px 0 85px; background: #faf9f5; } .main-heading-section .container-small { max-width: 560px; text-align: center;} .main-heading-section h2 { text-align: center; width: 100%; border-bottom: 3px solid #0a5443; padding-bottom: 18px; margin-bottom: 15px; } /********* HOME PAGE SERVICES SECTION *********/ .home-services-section { float:left; width:100%; } .service-title-section { float:left; width:100%; text-align: center; position: relative; z-index: 1; } .service-title-section h2 { max-width: 634px; width: 100%; padding: 18px 30px; margin: 0 auto; background: #fff; text-align: center; } .services-listing { margin:0; float: left; width: 100%;padding-top:10px; } .services-listing .row { margin-left:-3px; margin-right: -3px; justify-content: center; } .services-listing .col-lg-4 { padding-left:3px; padding-right:3px; } .services-box { float: left; width: 100%; } .services-box figure { position: relative; } .services-box figure img { width: 100%; } .services-box figure figcaption { position: absolute; left:0; right:0; bottom:0; text-align: center; background-image: -webkit-linear-gradient(bottom, #000, rgba(0,0,0,0));background-image: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -ms-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: linear-gradient(to top, #000, rgba(0,0,0,0)); padding:20px 0 0 0; } .services-box figure h2 { color: #fff; margin-bottom: 10px; } .service-btn { margin-bottom: -25px; } .services-box a:hover .btn { background-color: #000; } /********* FEATURED SECTION *********/ .featured-section { float: left; width: 100%; padding: 80px 0 80px 0;} .featured-section h2 { text-align: center; margin-bottom: 30px; } .featured-logo .item { text-align: center; padding: 0 15px; } .featured-logo .slick-slide img { display: inline-block; } /********* ABOUT US PAGE *********/ .page-title { text-align: center; padding-bottom:10px;padding-top: 20px; } .about-photo { padding-bottom: 5px; } .about-photo .row { margin-left: -10px; margin-right: -10px; justify-content: center; } .about-photo .col-xs-6 { padding-left: 10px; padding-right: 10px; } .big-button { margin-top:30px; margin-bottom:50px; text-align: center; } .about-photo img { width: 100%; height: auto; } .testimonial-block.about-bottom-testimonial { padding: 150px 0 40px; } /********* ABOUT US 2 PAGE *********/ .inner-page-section.about-page-section { padding-bottom: 45px; } .about-new-section { position: relative; margin-top: 35px; } .about-new-section:before { content:""; position:absolute; top:0; left:0; right:0; width: 311px; height: 1px; background: #979797; margin: 0 auto; } .about-new-section h2 { text-align: center; display: inline-block; width: 100%; margin-bottom:6px; } .about-new-section p:last-child { margin-bottom: 18px;} .about-new-section .alignleft { margin-top: 20px; } /********* ABOUT US 3 PAGE *********/ .meet-team-section{width:100%;float:left; padding:50px 0 60px 0;} .meet-team-block{display:block; text-align:center;} .team-thumb{display:block; margin-bottom:15px;} .team-section-title{display:block; text-align:center; margin-bottom:30px;} .team-section-title h2{ margin:0;} .team-thumb img{width:100%;} .meet-team-block h2{font-size:28px !important;margin:0;} /********* ABOUT US 4 PAGE *********/ .about-4 { padding-bottom: 0; } .about-4 .team-thumb img { width:100%; } .about-4 .meet-team-section .col-md-6 { margin-bottom: 20px; } .about-4 .meet-team-left { vertical-align: top; } .about-4 .meet-team-right { vertical-align: top; } .about-4 .meet-team-left .team-thumb { margin-top: 8px; } .about-4 .meet-team-right h2 { margin-bottom: 6px; } .page-template-about-4 footer { margin-top: 70px; } .contact-page-4-new .contact-section { margin-bottom: 60px;} /********************* BLOG PAGE CSS *********************/ .blog-listing{ width:100%;float:left;} .blog-listing .row{ justify-content: center;} .blog-post { width:100%; float:left; position:relative;text-align:center; margin-bottom:14px;} .blog-post-title {width:100%;display:inline-block;} .blog-date { width:100%;position:absolute; top:0;padding:6px 10px;font-size:14px;text-transform:uppercase; color:#FFF; background-color:rgba(0,0,0,0.75);} .blog-post a {width:100%;display:inline-block;} .blog-post h2 { margin:12px 0; line-height: 36px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .blog-thumb{ width:100%; float:left; position:relative;} .blog-thumb img{width:100%;} .blog-listing-2 { max-width: 810px; } .blog-page-2 .sidebar { padding-top: 0; } /********************* BLOG SINGLE PAGE CSS *********************/ .blog-single-page { padding-top: 104px;padding-bottom: 0;} .blog-single{ width:100%;display:inline-block; padding-bottom:30px; max-width: 740px;} .blog-single-thumb{display:block;margin-bottom:30px;} .blog-single-thumb img{width:100%;} .blog-single h2 {text-align: left; } .blog-inner-page .page-title { padding-bottom: 0; max-width: 800px; margin: 0 auto;} .section-title .title-sub{font-size:16px;text-transform:uppercase;} .blog-single .section-title h1{ margin-bottom:4px;} .sidebar{width:100%;max-width:376px;float:right;padding-top: 15px;} .sidebar{width:100%;} .sidebar h2{ margin:0 0 15px 0;} .sidebar-block{width:100%;float:left; margin-bottom:22px;} .sidebar-guide{ display:block; border: solid 1px #979797; text-align: center;} .sidebar-guide h2{ margin:0;padding:0 0 25px 0;} .sidebar-guide .btn{ margin:-28px 0 0;line-height: 46px; width: 100%; } .sidebar-guide-thumb{display:block; padding:0 18px 18px 18px;} .about-client{ border: solid 1px #979797; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; } .about-client p { font-weight:700; } .about-client-thumb{display:block; padding:20px;} .about-client-thumb img{width:100%; margin-bottom:20px; } .about-client .btn{ width:100%;margin:0; margin:0;line-height: 54px; width:100%;} .about-client:hover .btn{ background-color: #030303; } .popular-post { border:3px solid #acaba5; padding:32px 15px; text-align:center;} .popular-post ul { margin:0px; text-align:center;} .popular-post ul li { padding:12px 0; margin:0; display:block; } .popular-post ul li:before { display:none;} .popular-post ul li a { color: #717171; font-size:18px;} .blog-comments {float: left;position: relative; width: 100%;padding-bottom: 40px;} .blog-comments-section {float: left; width: 100%; background: #FFF; border:1px solid #eaeaea; padding: 0; margin: 0;} .comment-main-title { float: left; width: 100%; padding: 16px 20px 20px 55px; position: relative; margin: 0;} .comment-main-title span{ font-size:18px; } .contact-main-section .col-xs-12 { margin-bottom: 20px;} .comment-main-title:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 21px; position: absolute; left: 23px; top: 18px;} ul.comments { display: block; width: 100%; float: left; padding: 0; margin: 0; list-style: none;} ul.comments li { float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #eaeaea;} ul.comments li:before{display:none;} .user-comment { float: left; width: 100%; padding: 18px 18px 18px 145px; margin: 0; position: relative; min-height: 140px;} .author-img { position: absolute; left: 30px; top: 25px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 94px; height: 94px; float: left; display: block; overflow:hidden;} .author-img img { width: 100%; height:auto; } .comment-content {float: left; width: 100%; padding: 0; margin: 0;} .comment-content-top {float: left;width: 100%;position: relative;padding-right: 70px;} .comment-content-top h5 {float: left;display: inline-block; font-size: 22px;font-weight: 400;padding: 0;margin: 4px 8px 0 0;line-height: normal;width:auto;} .comment-content-top h5 a {color: #4a4a4a; text-decoration:none; font-weight:400;} .comment-content-top h5 a:hover {color: #969caa;} .comment-content-top span { display: inline-block;font-weight: 400;padding: 0;margin: 6px 0 0;float: left;line-height: normal;} .comment-reply-btn {position: absolute; top: 7px; right: 0;line-height: 20px;} .comment-reply-btn a {letter-spacing: 0.5px; text-decoration:none;} .comment-reply-btn a i {padding-right: 8px; } .comment-content p {line-height: 22px; padding: 5px 0 10px 0; margin: 0; letter-spacing: 0.5px;float: left;} .user-comment-reply {background: none; padding-left: 190px;} .user-comment-reply .author-img {left: 74px;} .post-comment { float: left; position: relative; width: 100%; } .post-comment-section { padding: 22px 0px 0px 0px; margin: 0; float: left; width: 100%;} .post-comment-title { font-size: 30px; float: left; width: 100%; margin-top:0px; margin-bottom: 24px;font-size: 28px;} .post-comment-section .btn{ margin:0;} .comments .children .user-comment { padding-left: 190px; } .comments .children .user-comment .author-img { left: 74px; } .comment-reply-btn a { letter-spacing: 0.5px; } .comments-area, .post-comment{width:100%; max-width: 740px;} .top-author { text-align: center; } .top-author p { margin:0; } .top-author img { margin-bottom: 0; } .top-author ul { background-color: #faf9f5; text-align: center; } .top-author li { display: inline-block; padding: 10px 10px; margin: 0;} .top-author li:before { width: 4px; height: 4px; left: -4px; top: 20px; } .top-author li:first-child:before { display: none; } .top-author li a { font-size: 16px; color:#4a4a4a; border: none !important; } /********************* SERVICES PAGE CSS *********************/ .secondary-menu{width:100%;float:left; border-radius:0px; position:relative; margin-bottom: 45px; padding-bottom: 0; padding-top: 0px;margin-top: 20px; } .secondary-menu .navbar-nav{ width:100%; float:left; margin:0; text-align:center;} .secondary-menu .navbar-nav li{ display:inline-block; padding:0px; float:none; margin:0; font-size:17px;} .secondary-menu .navbar-nav li:before{display:none;} .secondary-menu .navbar-nav li a:hover, .secondary-menu .navbar-nav li a:focus{ background-color:transparent;} .secondary-menu .navbar-nav li.active a {font-weight:700;} .page-template-media-kit .secondary-menu .navbar-toggler:focus {box-shadow:none !important;} .page-template-media-kit .secondary-menu .navbar-toggler { border: none !important;padding: 0 !important; } .page-title h2 { margin-top:0; } .no-pad h1 { margin-bottom:0; } .navbar-toggle .icon-bar { width: 15px; background-color: #000; display: block; width: 22px; height: 2px; border-radius: 1px; } /********************* SERVICES PAGE CSS 2 *********************/ .design-service-page .container-small { max-width: 910px; } .services-list-section { float:left; width:100%; } .services-list-section .col-md-12 { margin-top: 28px; margin-bottom:28px; float: left; } .services-thumbnail { display: inline-block; float: left; width: 28%; margin-right:4%; } .services-details { display: inline-block; float: left; width: 68%; } .services-details h2 { margin-top: -9px; margin-bottom: 9px; } /********************* CONTACT CSS *********************/ .contact-section { padding-top: 10px; } .contact-container { max-width: 680px; margin: 0 auto; } .contact-first-section { float: left; width:100%; margin-top: 12px; display: inline-block; } .contact-first-section h2 { margin-top: -10px; margin-bottom: 25px; } .contact-first-section ul { padding: 0; margin: 0; width: 100%; } .contact-first-section ul li { padding: 0; margin: 0 0 30px; float: left; text-align:center; } .contact-first-section ul li:before { display: none; } .schedule-section { width:42%;} .office-picture img { width: 100%; } .or-section { width:16%; position: relative; } .or-section:after { content: ""; position: absolute; left:50%; top:0; bottom:0; width: 2px; background: #bba58f; height: 100%; } .or-text { width: 74px; height: 74px; line-height: 74px; position: absolute; top: 50%; margin-top:-30px; background: #fff; display: inline-block; left:50%; margin-left: -37px; font-size: 28px; text-align: center; z-index:5; } .request-form-section { width:100%; padding: 50px; } .schedule-section p { margin-bottom: 0; text-align:left; } .click-schedule-btn { margin-bottom: 25px; } .click-schedule-btn .btn { width: 100%; line-height:50px; height:50px; } .request-form-section fieldset { margin-bottom: 16px; } .request-form-section label { width: 100%; font-size: 16px; text-align:left; } .form-input { width: 100%; border-radius: 0; border: 1px solid #293546; height: 48px; line-height:48px; padding-left: 10px; padding-right: 10px; } .request-form-section fieldset:last-child { margin-bottom: 0; } .request-form-section fieldset .btn { width: 100%; line-height:50px; height:50px; } .contact-second-section { float: left; width: 100%; margin-top: 30px; text-align: center; color: #212b63; } .contact-testimonial-box { float: left; width: 100%; margin-bottom: 35px; } .email-us-section { color: #4a4a4a; } .email-us-section p { max-width: 780px; margin: 0 auto; } .email-us-section p a { position: relative; } .address-section { float:left; width:100%; text-align: center; background: #e5e5e4; padding: 15px 0; margin-top: 35px; } .address-section ul { width: 100%; text-align: center; padding: 0; margin: 0; } .address-section ul li { display: inline-block; padding: 0 14px; line-height: 30px; } .address-section ul li:before { display: none; } .address-section ul li:after { content:"I"; position: absolute; right: -5px; top:0; color:#4a4a4a; } .address-section ul li:last-child:after { display: none; } .address-section ul li a { color: #4a4a4a; } .address-section ul li a:hover, .address-section ul li a:focus { color: #212b63; } .testimonial-block { padding-top: 62px; display: inline-block; margin: 0 auto; text-align: center; width: 100%; } .contact-form-main { padding-top: 9px; } .testimonial-block .container-small { max-width: 392px; } .testimonial-block-new { position: relative; margin-bottom: 28px; } .testimonial-block-new:before { content:""; position:absolute; left:0; margin:0 auto; top: -37px; background:url(../images/stars.svg) no-repeat left top; right:0; width:151px; height:23px; } .testimonial-block p { margin-bottom: 8px; } .testimonial-block p:last-child { font-family: 'quiche-sans', serif; } .hero-content-testimonial .testimonial-block p { font-weight: 600; } .hero-content-testimonial .testimonial-block p:last-child { font-weight: 500; } .product-listing-sec { float: left; width: 100%; } .product-listing-sec .row .col-xs-12 { padding-top: 17px; padding-bottom: 17px; } @media screen and (min-width: 1300px){ .product-listing-sec .row { margin-left: -17px; margin-right: -17px; } .product-listing-sec .row .col-xs-12 { padding-left: 17px; padding-right: 17px; } } .product-listing-box figure { padding: 0; margin: 0; } .product-listing-box figure:before { content:""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 254px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); z-index: 1; display: flex; } .product-listing-box figure > img { min-height: 340px; object-fit: cover !important; } .product-listing-box figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; z-index: 2; display: flex; flex-wrap: wrap; flex-direction: column; max-width: 408px; margin: 0 auto; padding: 0 15px; } .product-listing-sec .col-lg-4:nth-child(2n) .product-listing-box figure figcaption { max-width: 438px; } .product-listing-caption-title { background: rgba(255,255,255,.8); padding: 32px; max-width: 378px; margin: 0 auto; } .product-listing-caption-title-box { background: #fff; padding: 21px 15px 23px 15px; position: relative; } .product-listing-caption-title-box h2 { margin-top: 0; margin-bottom: 0; } .product-listing-caption-details { display: flex; min-height: 136px; align-items: center; justify-content: center; } .arrow-btn { position: relative; bottom: -15px; position: absolute; left: 0; right: 0; } .arrow-btn span { width: 32px; height: 32px; border: 3px solid #fff; border: 3px solid #fff; border-radius: 32px; display: block; margin: 0 auto; } .about-the-shady-lady-sec { float: left; width: 100%; padding: 75px 0 92px; } .about-the-shady-lady-left-col { position: relative; } .about-the-shady-lady-left-col:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: 0.89; } .about-the-shady-lady-content { display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: center; max-width: 544px; margin: 0 auto; position: relative; z-index: 2; } .about-the-shady-lady-content h2 { font-size: 28px; margin-top: 0; margin-bottom: 22px; } .about-the-shady-lady-content p { padding-left: 30px; } .about-the-shady-lady-content ul { display: flex; gap: 14px; margin-bottom: 3px; } .about-the-shady-lady-content ul li { padding: 0; margin: 0; } .about-the-shady-lady-content ul li:before { display: none; } .about-the-shady-lady-content ul li .btn { min-width: 100%; margin-top: 0; } .about-the-shady-lady-content ul li .btn.btn-dark { min-width: 292px; } .about-the-shady-lady-content .testimonial-block p { padding-left: 0; } .about-the-shady-lady-content .testimonial-block .container-small { max-width: 400px; } .contact-page-section { padding-top: 55px; max-width: 950px; margin: 0 auto; } .contact-page-section .request-form-section { width: 100%; } .contact-left-section { text-align: center; } .contact-left-section .office-picture { padding-top: 20px; } .contact-left-section .office-picture img { width: auto; } .contact-left-section a { display: block; } .contact-left-section p img { padding-bottom: 8px; } .right-form-title { text-align: center; padding-bottom: 20px; } .right-form-title h2 { margin-top: 0px; } .contact-right-section .btn { margin-top: 10px; } .contact-page-2 .contact-section { padding-top: 40px; } .contact-left { float: left; width: 44%; } .contact-left h2 { margin-top: 0; } .contact-left .contact-left-section { width: 100%; } .contact-left .contact-left-section .office-picture { padding-bottom: 30px; } .contact-center { float: left; width:12%; text-align:center; } .contact-center .or-section { width: 100%; height: 591px; } .contact-new-page-1 .contact-center .or-section { width: 100%; height: 634px; } .contact-page-4 .or-section {height: 634px;} .contact-center .or-section:after { width: 1px; background-color: #979797; } .contact-center .or-text span { border-bottom: none; } .contact-right { float: left; width: 44%; } .contact-right .contact-right-section { width: 100%; } .contact-page-3 { padding-bottom: 15px !important; } .contact-top-box h2 { margin-bottom: 40px; font-size: 22px; } .contact-top-box { width: 516px; padding: 40px 50px 62px; margin: 0 auto; text-align: center; } .contact-section-2 { padding-top: 60px; } .contact-half { float:left; width: 50%; position: relative; } .contact-office { position:absolute; left:0; right:0; top:0; bottom:0; width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center center !important; background-size:cover !important; } .contact-container-2 .page-title h2 { font-size: 42px; line-height: 50px; text-transform: uppercase; } .lcp-3 { float: left; width: 100%; } .contact-half .request-form-section { width: 100%; padding: 30px 122px; } /******** CONTACT 4 CSS ********/ .contact-page-4 .contact-page-section { padding-top: 40px; } .contact-page-4 .testimonial-block { margin-top: 50px; } .contact-page-4 .contact-left p:first-child { text-align: left; } /********************* FAQ PAGE CSS *********************/ .faq-page{ padding-bottom:0px; padding-top: 25px; } .faq-content { display:block; margin-bottom:22px;} .faq-page h2.panel-title{ margin:0 0 5px 0; } .faq-page .panel-group{ width:100%; display:inline-block; margin:0;} .faq-page .panel-default > .panel-heading{padding: 0px;color: #293546;background-color: transparent;border:none; margin-bottom:15px;text-align:center;} .faq-page .panel, .faq-page .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:none;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .faq-page .panel-default > .panel-heading + .panel-collapse > .panel-body{padding: 30px 0px;margin-bottom: 30px;} .faq-page #accordion .panel-title a:before, .faq-page #accordion .panel-title a.collapsed:before{font-family:Verdana, Geneva, sans-serif; content: "x"; position: relative; top: -2px;left: 0px;margin-right:15px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .faq-page #accordion .panel-title a.collapsed:before{content: "+";} .faq-page #accordion .panel-title a{display: inline-block; padding: 0px 0px 0px 0px; text-align: center; border: none; border-radius: 0; position: relative; transition: all 0.3s ease 0s; text-decoration:none;} .page-title p:last-child { margin-top:4px; } .faq-bottom-text { text-align: center; padding: 30px 15px 10px; } .close-button {width: 48px;height: 48px;border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px; border: 2px solid #bdb5a5;display: block;text-indent: -9999px;position: relative;float: left;margin-right: 10px;} .close-button:before, .close-button:after {content: '';width: 28px;height: 2px;background: #bdb5a5;position: absolute;top: 21px;left: 8px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;} .collapsed .close-button:before {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg); } .collapsed .close-button:after {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} .close-button:before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .close-button:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} /********************* Instagram PAGE CSS *********************/ .page-title.insta-page-title h1{ font-size:32px; } .insta-landing-page{width:100%;float:left; padding:0 0 20px; } .insta-landing-page .page-content-inner { padding-top: 40px; float: left; width: 100%; } .insta-landing-page .container{ max-width:1020px;} .insta-img{width:100%;float:left; padding-bottom:24px;} .insta-img img{width:100%;} .insta-img a{width:100%;display:inline-block;} .insta-img a:before, .header-center .back-btn a:before {display:none;} /********************* LANDING PAGE CSS *********************/ .landing-page-main { padding-bottom:0; } .landing-page-section { background-repeat:no-repeat !important; background-position:center center !important; background-size:cover !important; padding:55px 0; margin: 0; float: left; width: 100%; } .landing-page-section .container-small { max-width:462px; } .landing-page-section h2 { font-size: 24px; line-height:31px; margin-bottom: 20px; } .landing-page-form { float:left; background: #fff; width: 100%; padding: 0px 35px 35px; } .landing-page-form .form-input { height: 44px; line-height:44px; } .landing-page-form fieldset { margin-bottom: 9px; } .landing-form .btn { width: 100%; margin-bottom: 10px; margin-top: 10px; line-height:44px; } .landing-page-form p:last-child { font-size: 16px; line-height:normal; } /******** PROJECT PAGE CSS ********/ .project-page-main { padding-top: 0px; } .project-page-section { float:left; width: 100%; position: relative; } .project-section{width:100%;float:left; position:relative;} .project-section-inner{width:100%; float:left; position:relative;} .project-box{ width:100%;float:left; padding:15px;} .project-box.half{ width:50%;} .project-box img{width:100%;} /******** PROJECT PAGE 2 ********/ .project-page-main-2 .page-title p { text-align: left; } .project-page-main-2 .page-title p:last-child { margin-top: 25px; } .project-section-inner-2 { padding: 35px 0 15px; position: relative; } .project-section-inner-2 .container-small { max-width: 920px; } .project-slider { position: relative; } .project-slider img { width: 100%; } .project-slider.slick-slider .slick-arrow { display: block !important; } .project-slider .slick-next { right: 0; } .project-slider .slick-prev { left: 0; } .project-slider .slick-prev:before, .project-slider .slick-next:before { opacity: 1; background: #fff; font-size: 64px; font-family:'FontAwesome'; line-height: 70px !important; } .project-slider .slick-prev:before { content:"\f104"; padding-right:15px; padding-left:12px; } .project-slider .slick-next:before { content:"\f105"; padding-left:15px; padding-right:12px; } /******** PROJECT PAGE 3 ********/ .project-page-main-3 { padding-bottom: 90px; } .project-listing { float: left; width:100%; } .project-page-3col-v3a .project-listing { padding-right: 15px; padding-left: 15px; } .project-v2-page-2col .project-listing { padding-right: 15px; padding-left: 15px; } .project-page-3col-v3 .project-listing { padding-right: 15px; padding-left: 15px; } .project-listing .row { text-align: center; justify-content: center;} .project-items { float: left; width: 100%; position: relative; overflow: hidden; margin:24px 0 0;} .project-items a { color: #fff; } .project-items figure figcaption h2 { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .project-items img { width: 100%; position: relative } .project-items figure { position: relative; border: solid 1px #979797; margin-bottom: 0px; } .project-items figure figcaption { position: absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.32); padding: 0 30px; text-align: center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .project-items:hover figure figcaption {background:rgba(0, 0, 0, 0.5); } .project-items h2 { font-size: 40px; line-height:38px; margin-top: 18px; } .project-page-1a .project-items h2,.project-page-main-1 .project-items h2 {color: #fff;} .project-page-section .project-items img { transition:.4s; } .project-page-section .project-items:hover figcaption h2 { color: #C19C3E; } .project-page-section .project-items:hover img { opacity: .8; } .project-page-section.passed-line .project-arrow-new {display: none;} /*** PROJECT BUTTON ****/ .project-page-section .project-arrow { left: 0; right: 0; width: 100%; position: fixed; top: 115px; } .project-page-section .project-section-inner-2 .project-arrow { top:36px; position:absolute; } .project-page-section .project-arrow.fixed-btn { position: fixed; top: 90px; } .project-page-section .project-arrow .btn { margin: 0; min-width:auto; line-height: 58px; font-size: 16px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .project-page-section .project-arrow .btn.btn-left { padding-left: 10px; padding-right: 15px; float: left; } .project-page-section .project-arrow .btn.btn-right { padding-right: 10px;padding-left: 15px; float: right; } .project-page-section .project-arrow .btn.btn-left .fa-arrow { margin-right:0px; } .project-page-section .project-arrow .btn.btn-right .fa-arrow { margin-left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .project-arrow a .fa-arrow { background: url(../images/arrows.svg) no-repeat left top; width: 28px; height: 28px; overflow:hidden; display: inline-block; vertical-align: middle; margin-top: -3px; } .project-arrow a:hover .fa-arrow, .project-arrow a:focus .fa-arrow { background-position: left bottom; } /********************* FOOTER CSS *********************/ footer { float: left; width: 100%; border-top: solid 3px #0f5343; position: relative; background-size: cover !important; } footer:before { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: 0.86; } address { margin-bottom: 16px; display: block; } .call-to-action-btn { display: inline-block; width:100%; position: relative; text-align: center; padding-bottom: 14px; } .call-to-action-btn:after { content:""; position:absolute; left:0; right:0; top:24px; z-index:-1; width:100%; height: 2px; background:#cdcdcd; } .call-to-action-btn .btn { margin: 0; } .footer-details { width: 270px; text-align: center; margin: 0 auto; } .footer-logo { font-family: 'quiche-sans', serif; font-size: 32px; line-height: 36px; padding-bottom: 8px; } address span { display: block; } .map { margin-bottom: 15px; } .footer-links { padding: 20px 0; display: inline-block; width: 100%; } .footer-links ul { text-align:center; margin-bottom: 0; } .footer-links ul li { display: inline-block; font-size:12px; margin:0; } .footer-links ul li:before { content:"I"; background-color:transparent; width:auto; height:auto; left:6px; top:0; } .footer-links ul li:first-child { padding-left: 0; } .footer-links ul li:first-child:before { display: none; } .footer-top-links ul { max-width: 290px; } .footer-top-links ul li { padding: 0; margin: 0 0 10px; text-transform: uppercase; } .footer-top-links ul li:before { display: none; } .footer-top-links ul li a { color: #000; } .footer-right ul { text-align: right; margin-left: auto; } .footer-center-box { margin: 0 auto; text-align: center; max-width: 550px; } @media screen and (min-width: 768px){ .footer-center-box { position: absolute; left: 0; right: 0; top: 48px; } } /********************* PRESS PAGE CSS *********************/ .press-page-main .section-title h1{ margin: 0; text-transform: uppercase;} .press-listing{width:100%;float:left; padding: 20px 0 0; } .press-box-main{width:100%;float:left;text-align:center;min-height:290px;margin:36px 0px 44px 0px;} .press-logo{display:block; padding-bottom:26px; min-height:100px;} .press-logo img{max-height:98px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;} .press-logo a:hover img, .press-logo a:focus img{opacity:0.7;} .press-logo a:before {display:none;} .press-text{display:block;padding-bottom:17px;} .press-box-inner{width:100%;max-width:294px; margin:0 auto;} .press-text a:before{display:none;} .press-text a{font-weight:700;} .press-bottom-content {float: left;width: 100%; margin-bottom:30px;} /*Added By Developer*/ .comment-form { float: left; width: 100%; } .sidebar section {padding: 0;} .post-comment-title.single-comment-title{padding-left: 0px;} #single-comment-btn{margin-left: 0px;} .comment-awaiting-moderation{color:#ff0000; margin:0 0 14px 0; text-align:center;} /* 09-12-2019 */ .insta-landing-page .container-small{max-width:430px;} .profile-picture{width:112px; margin:0 auto 12px; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .profile-picture img{width:100%;} .whats-heppaning-section{width:100%;float:left; padding:10px 0 0 0;} .whats-heppaning-section .section-title h1{font-size:28px; line-height:normal; text-transform:uppercase;} .whats-heppaning-section .section-title{margin: 0 0 5px 0;text-align: center;} .podcast-block{width:100%;float:left;margin-bottom:30px;} .podcast-block a{display:block;font-weight:normal;color: #333333;padding:15px; } .podcast-block a:hover .btn, .podcast-block a:focus .btn{ border: 1px solid #000;} .podcast-block p{ max-width:248px; display:inline-block; vertical-align:middle; margin:0;color: #000 !important;} .podcast-block a:hover p, .podcast-block a:focus p{color: #c19c3e;} .podcast-block a:before{display:none;} .podcast-block .btn{float:right;min-width:inherit;vertical-align:middle;margin:0 0 0 0;} .general-block{width:100%;float:left; margin-top: 60px; margin-bottom:30px;text-align:center; position:relative;} .general-block a{display:block;font-weight:normal;color: #333333;padding:0px 22px 21px 22px;} .general-block a:hover .btn, .general-block a:focus .btn{border: 1px solid #000;} .general-block .block-thumb{width:100%; max-width:172px; display:inline-block;position:relative;margin-top:-50px;top:-15px;} .general-block a:before{display:none;} .general-block h2{ margin-top:0px;} .general-block .btn{width:100%;max-width:306px;min-width:inherit;margin:0px 0 0 0;} .insta-blog-section{width:100%;float:left;padding:10px 0 50px 0;} .insta-blog-section .section-title h2{ font-size:28px;margin-top:0px;text-transform:uppercase; text-align:center;} .insta-blog-section .section-title{margin: 0 0 5px 0;} .insta-blog-section .blog-post-title{bottom: 16px;} .insta-landing-header .navigation-main{top: 0 !important;} .insta-landing-page a {border-bottom: none !important;} .insta-landing-page .btn {line-height:44px; border:none !important;border-radius: 0;} /******* Location Page ***********/ .location-page-section .page-title { padding-bottom: 10px; } .all-location { float: left; width: 100%; text-align: center; padding: 25px 0; } .all-location .row { justify-content: center; } .all-location h2 { margin-bottom: 20px; } .all-location a { display: block; width: 100%; border: none;} .all-location a:hover, .all-location a:focus { border: none; } .all-location img { width: 100%; height: auto; } .all-location p { padding: 15px 35px 35px; } .location-page-section .btn { width: 100%; min-width: 100%; margin: 0;} .location-page-section .btn:hover { border: none !important; } .location-page-section .big-button { margin-top: 15px; margin-bottom: 60px; } /*.quick-location { background: #f4f4f6; }*/ .quick-location .row { margin: 0; } .quick-location .col-md-6 { padding: 0; } .quick-right-contact { text-align: center; padding: 60px 20px 15px;} .quick-right-contact a { color: #000; border: none !important; } .logo-contact span { text-transform: uppercase; font-weight: 700; font-size: 33px; color: #000; } .quick-right-contact h2 { font-size: 20px; margin-bottom: 25px; } .location-page-section .testimonial-block { padding-top: 118px; } .quick-map img { width: 100%; } .location-page-section .yoast-faq-five{margin-top: 50px;margin-bottom: 20px;} .project-page-2col .project-listing .row { justify-content: center; } .project-page-2col .project-items figure{border: none;} .project-page-2col .project-items figure figcaption{width:100%;display:inline-block;position:relative; background: #f4f4f6; padding:26px 0;} .project-page-2col .project-items h2{margin: 0px;font-size:32px;} .project-page-2col .project-items{ margin-bottom:35px;} .project-page-3col .project-listing .row{ justify-content: center; } .project-page-3col .project-items figure{border: none;} .project-page-3col .project-items figure figcaption{width:100%;display:inline-block;position:relative;background: #FFF; padding:12px 0;} .project-page-3col .project-items h2{margin: 0px;font-size:32px;} .project-page-3col .project-items{ margin-bottom:26px;} .sidebar-search{position:relative;padding:0px 0px 0px 0px; margin:15px 0 35px 0;} .sidebar-search button{position:absolute; left:18px;bottom:12px; background:none; border:none; width:24px;} .sidebar-search .input-text{ padding:5px 15px 5px 56px;font-weight:400;font-size:16px;} .sidebar-search h2{ font-size:19px !important;text-align:center;margin: 0 0 10px 0; text-transform:uppercase; letter-spacing:1.5px;} .popular-post{border: 3px solid #acaba5;padding: 26px 15px;} .sidebar-five .popular-post { padding: 0; } .sidebar-five .popular-post figure { position: relative; } .sidebar-five .popular-post figure::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 90%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.81));z-index: 1;} .sidebar-five .popular-post figure figcaption {position: absolute; left: 0; right: 0; bottom: 15px; z-index: 2;padding: 0 30px;color: #fff;} .sidebar-five.sidebar-threee .sidebar-search button {left: 18px;position: absolute;right: 0;bottom: 12px;background: transparent;border: none;width: 24px;height: inherit;color: #fff;} .sidebar-five .sidebar-search .input-text { max-width: 100% !important;padding-left: 50px !important; } .popular-post h2{ margin: 0 0 22px 0;} .about-business-section{display:block; padding:22px 0 30px 0; position:relative;} .about-business-section:before{content:"";position:absolute;width:311px;height:1px;background:#979797;top:0; left:0; right:0; margin:0 auto;} .about-business-section .title{display:block;text-align:center; margin-bottom:18px;} .about-business-section .title h2{ color:#555555; font-weight:300; margin:0;} .about-V2-page .page-title p{text-align:left; margin-bottom:22px;} .portfolio-single-one .page-title { padding-bottom: 30px; } .portfolio-single-one .project-arrow .btn { min-width: 84px; line-height: 60px; height: 60px; padding: 8px 0!important; text-align: center; } .portfolio-single-one .project-arrow a .fa-arrow { background: url(../images/new-arrow-big.png) no-repeat left top; width: 30px; height: 41px; display: block; padding: 0 !important; } .portfolio-single-one .project-page-section .project-arrow { max-width: 1190px; max-width:100%; margin: 0 auto; top: 226px; } .portfolio-single-one .project-page-section .project-arrow .btn.btn-left .fa-arrow { margin: 0 auto; } .portfolio-single-one .project-page-section .project-arrow .btn.btn-right .fa-arrow { margin: 0 auto; } .portfolio-single-two .page-title p:last-child { padding-left: 20px; padding-right: 20px; text-align: left; } .portfolio-single-two .project-page-section .project-arrow { top: 293px; } .design-services-1-page .testimonial-block { padding-top: 110px; } .design-services-2-page .testimonial-block { padding-top: 100px; } .affiliate-shop-archive-section .row { justify-content: center; } .affiliate-shop-archive-section { text-align: center; padding: 28px 0 0; } .affiliate-shop-item { position: relative; padding-bottom: 3px; margin-bottom: 24px; } .affiliate-shop-item img { width: 100%; } .affiliate-shop-item .btn { position:absolute; left:0; bottom:0; right:0; width: 100%; margin: 0; } .affiliate-shop-category-section { text-align: center; float: left; width: 100%; } .affiliate-shop-category-section .row {justify-content: center;} .affiliate-category-item { background: #efefef; text-align: center; margin-bottom: 40px; } .affiliate-category-item img { width: 100%; margin-bottom: 15px; } .affiliate-category-item p { margin: 0; color: #4a4a4a; } .affiliate-category-item .btn { width: 100%; margin: 15px 0 0; } /******* SIDEBAR TWO ***********/ .sidebar-two .sidebar-guide { position: relative; border: none; background: none; margin-bottom: 60px; } .sidebar-two .sidebar-guide h2 { position: absolute; left: 15px; right: 15px; top: 15px; background: rgba(255,255,255,.8); padding: 6px 15px; text-transform: uppercase; } .sidebar-two .sidebar-guide.about-aside h2 { padding-top: 20px; padding-bottom: 20px; } .sidebar-two .btn { min-width: 244px; width: auto; position: absolute; bottom:0; left:15px; right: 15px; z-index: 1; } .sidebar-two .sidebar-guide-thumb { padding: 0 0px 23px 0px; } .sidebar-two .sidebar-guide-thumb img { width: 100%; } .sidebar-two .popular-post { border: none; margin-bottom: 40px;} .sidebar-two .popular-post h2 { font-size: 32px; text-transform: uppercase; font-weight: 400; } .sidebar-two .popular-post ul li { padding-bottom: 25px; } .sidebar-two .popular-post ul li a { font-weight: 400; text-transform: uppercase; font-size: 18px; letter-spacing: 0.5px; } .sidebar-two .sidebar-search h2 { text-align: left; font-size: 19px; letter-spacing: 2.19px; font-weight: 600; } .sidebar-two .sidebar-search .input-text { border: none;} /******* SIDEBAR THREE ***********/ .sidebar-threee .sidebar-guide { border: none; margin-bottom: 32px; } .sidebar-threee .btn { min-width: 218px; width: auto; } .sidebar-threee .sidebar-guide-thumb { padding: 0; } .sidebar-threee .sidebar-guide-thumb img { width: 100%; } .sidebar-threee .popular-post { border: none; margin-bottom: 25px; } .sidebar-threee .popular-post ul li { padding-bottom: 25px; } .sidebar-threee .popular-post ul li a { font-weight: 400; } .sidebar-threee .sidebar-search h2 { font-size: 20px; letter-spacing: 2.19px; margin-bottom: 15px; } .sidebar-threee .sidebar-search .input-text { border: 3px solid #0a5443; padding: 5px 35px; max-width: 320px; text-align: center; font-weight: 700; color: #0a5443; } .sidebar-threee .sidebar-search button { left: inherit; position: absolute; right: 0; bottom: 0; background: #b4b2af; border: none; width: 52px; height: 48px; color: #fff; } .sidebar-threee .sidebar-search input::placeholder { color: #0a5443; opacity: 1; } .sidebar-threee .sidebar-search input::-webkit-input-placeholder { /* Chrome, Safari, Opera */ color: #0a5443; opacity: 1; } .sidebar-threee .sidebar-search input:-ms-input-placeholder { /* Internet Explorer 10–11 */ color: #0a5443; opacity: 1; } .sidebar-threee .sidebar-search input::-ms-input-placeholder { /* Microsoft Edge */ color: #0a5443; opacity: 1; } .project-page-section .page-title span {text-transform: uppercase !important;text-align: center;width: 100%;margin: 0 auto;display: inline-block;font-weight:bold;} .affiliate-shop-category .active {font-weight: bold;} .project-section-inner-2 .slick-prev::before, .project-section-inner-2 .slick-next::before{background:#000;} .insta-post-center{text-align:center;} .insta-post-center .row { justify-content: center; } .page-style-one .inner-page-section, .page-style-two .inner-page-section {padding-top: 0px;} .admin-bar.page-style-one .inner-page-section, .admin-bar.page-style-two .inner-page-section {padding-top: 0px;} .page-style-three .inner-page-section{padding-top: 15px;} .page-style-three .project-page-main { padding-top: 15px; } .secondary-menu a {text-transform: uppercase; padding: 15px; text-align: center; display: inline-flex; } .secondary-menu .navbar-nav { justify-content: center; } .affiliate-shop-category .navbar-nav > li > a {font-size: 16px;} /********** Landing Page 2 **************/ .landing-page-main-new .container-small { max-width: 860px; } .landing-page-new-form { padding: 25px 0 80px; } .landing-page-new-details { padding-left: 15px; } .top-part-main h2 { margin-top: 0px; margin-bottom: 0; } .middle-part-main {margin-top: 10px;} .landing-page-form-main h2 { font-size: 24px; line-height: 36px; } .landing-page-form-main .btn { width: 100%; border: none; color: #fff; line-height: 50px; padding: 0 22px; margin-top: 5px; margin-bottom: 15px; } .landing-page-form-main p { font-size: 16px; line-height: normal; color: #4a4a4a; } .landing-page-main-new form {padding: 0 15px;} .landing-page-main-new form .btn{margin-top: 5px;} .contact-page-2 .contact-page-section{padding-top:20px;} .contact-page-2 .contact-section {padding-top: 0px;} .blog-inner-page .page-title h1 {text-transform: none;} .footer-main-two { padding-bottom: 20px; } /********** PORTFOLIO PAGE 4 CSS **********/ .portfolio-4-page .page-title{padding-bottom:5px;} .portfolio-4-page .project-items{border-top: 14px solid #f1f0ed;margin: 16px 0 22px 0;} .portfolio-4-page .container-small, .portfolio-single-one .container-small{max-width:1030px !important;} .portfolio-4-page .project-items:hover figure figcaption { background: rgba(0, 0, 0, 0);} .portfolio-4-page .project-items figure figcaption{display:block;position: relative;background: rgba(0, 0, 0, 0.0);} .portfolio-4-page .project-items figure{border:none;} .portfolio-4-page .project-items h2{font-size:30px;margin-top: 12px;line-height:normal;} .portfolio-4-page .project-items:last-child { margin: 0;} .portfolio-single-one.portfolio-single-one-full .container-small{max-width:100% !important; padding: 0 !important;} .portfolio-single-one.portfolio-single-one-full .project-box { padding: 0 !important; } /**************** Our Home Page ***************/ .zoom a:hover figure>img,.zoom a:focus figure>img, .zoom a:hover .blog-thumb>img,.zoom a:focus .blog-thumb>img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .zoom figure>img, .zoom .blog-thumb>img {width: 100%;height: auto;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .zoom a:hover figure picture img,.zoom a:focus figure>img, .zoom a:hover .blog-thumb picture img,.zoom a:focus .blog-thumb picture img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .zoom figure picture img, .zoom .blog-thumb picture img {width: 100%;height: auto;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .main-header-seven .hero-img.webpexpress-processed {opacity: 0;} .zoom figure, .zoom .blog-thumb { position: relative;padding: 0;margin: 0;overflow: hidden; } .zoom .service-btn { margin-bottom: 25px; } .scroll-up-content {position: fixed !important;left: 0;right: 0; top: 0;} body.scroll {padding-top: 100vh !important;} .scroll section { z-index: 1; position: relative;background-color: #fff; } .scroll .hero-slide {height: 100vh !important;} .scroll footer {background: #fff;position: relative;} .featured-logo .item a { border:none; } .home-project-listing .project-items figcaption h2 {color: #fff !important;} .project-all-the-details.home-accordion { margin-top: 0; } .single-project .project-all-the-details .card-body { padding-top: 20px; } /************** ZOOM EFFECT ******************/ .zoom-slider .slider-track {-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);} .zoom-slider .slick-slide {height: 100%;position: relative; z-index: 1;} .zoom-slider .slick-slide .hero-slide,.zoom-slider .slick-slide img{width:100%;-webkit-transition:all 1s cubic-bezier(.7, 0, .3, 1);transition:all 1s cubic-bezier(.7, 0, .3, 1);-webkit-transform:scale(1.3);transform:scale(1.3)} .zoom-slider .slick-slide.slick-active .hero-slide,.zoom-slider .slick-slide.slick-active img{-webkit-transform:scale(1);transform:scale(1);-webkit-animation:cssAnimation 8s 1 ease-in-out forwards;animation:cssAnimation 8s 1 ease-in-out forwards} @keyframes cssAnimation{from{-webkit-transform:scale(1) translate(0)}to{-webkit-transform:scale(1.3) translate(0)}} @-webkit-keyframes cssAnimation{from{-webkit-transform:scale(1) translate(0)}to{-webkit-transform:scale(1.3) translate(0)}} /************** The process EFFECT ******************/ .the-timeline-sec { float: left; width: 100%; margin-bottom: 0; position: relative; margin-top:0px; } .the-timeline-sec .container { position: relative; z-index: 1; } .timeline-sec { float: left; width: 100%; margin: -180px auto 0; position: relative; } .timeline-box { max-width: 540px; position: relative; background: #fff; padding: 32px 37px 32px 44px; min-height: 181px; border: 1px solid #54452c; } .timeline-box h2 { width: 100%; margin-top: 0; font-size: 24px; margin-bottom: 8px; font-weight: 400; } .small-timeline { position: relative; width: 50%; padding: 0 38px; } .small-timeline > h2 { text-align: center; color: #fff; text-transform: inherit !important; margin-bottom: 12px !important; } .timeline-top-sec .timeline-box { margin: 0 auto; z-index: 1; } .timeline-sec h2 { font-size: 28px; padding-bottom: 15px; text-transform: uppercase; margin-bottom: 28px; } .timeline-box p { text-align: left; line-height: 23px; } .timeline-top-sec h2 { text-transform: inherit !important; } .timeline-last-inner .btn:hover { border: none; } .timeline-bottom-sec ul { padding: 92px 0 66px; margin: 0; position: relative; } .timeline-bottom-sec ul:after { content:""; position: absolute; left: 50%; top: 0; bottom:0;background-color: #54452c; width: 1px; height: 100%; margin-left: 0px; } .timeline-bottom-sec ul li { padding: 0; margin: -58px 0 0 0; display: flex; position: relative; z-index: 1; } .timeline-bottom-sec ul li:before { display: none; } .time-limit { position: absolute; top: 80px; font-size: 28px; font-weight: normal; width: 100%; max-width: 460px; display: block; padding: 0 115px; } .timeline-bottom-sec ul li:nth-child(even) .time-limit { left: 100%; text-align: left; padding-right:0; max-width: 310px; } .timeline-bottom-sec ul li:nth-child(odd) .time-limit { right: 100%; text-align: right; padding-left: 0; } .timeline-bottom-sec ul li:last-child .time-limit { top: 60px; } .service-main-top-fit .inner-heo-sec { margin-top: 22px; } .timeline-box-title { position: relative; } .timeline-bottom-sec { padding:0px 6px 60px 6px; margin: 0; position: relative; } .timeline-box h2{ position: relative; display: inline-block; width: 100%; margin-bottom: 12px; font-size: 20px; font-family: "Fraunces", serif; font-weight: 300; color: #000; } .timeline-box h2 strong { color: #8d8494; font-weight: 600; } .timeline-box h2 strong i { color: #000000; font-style: normal; font-weight: 500; } .timeline-top-sec.timeline-bottom-sec .timeline-box { max-width: 483px; } .timeline-top-sec.timeline-bottom-sec .timeline-box-inner { max-width: 560px; margin: 0 auto; } .timeline-box .btn.btn-small { margin-top: 0; } .timeline-bottom-sec ul li .small-timeline:before { content:""; width: 41px; height: 1px; background: #54452c; position: absolute; top: 30px; z-index: 1; } .timeline-bottom-sec ul li:nth-child(even) .timeline-box { margin-left: auto; } .timeline-bottom-sec ul li:nth-child(odd) .small-timeline { padding-left: 40px; padding-right: 0px; margin-left: auto; } .timeline-bottom-sec ul li:nth-child(even) .small-timeline { padding-right: 40px; padding-left: 0px; } .timeline-bottom-sec ul li:nth-child(odd) .small-timeline:before { left: 0; } .timeline-bottom-sec ul li:nth-child(even) .small-timeline:before { right: 0; } .timeline-bottom-sec .center-title { padding-bottom: 16px; text-align: center; } .timeline-bottom-sec .center-title h2 { color: #000;margin: 0; } .timeline-last {display: flex;justify-content: center;align-items: center;} .home-blog-listing.blog-listing .col-md-4 {padding: 0 10px;} /**************** Our Page four END ***************/ /**************** Home Page four ***************/ header.navbar-fixed-top.header-four { padding: 23px 0px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header-four .ubermenu-main { margin-top:0; } .header-four .header-nav { padding: 0 25px; } .header-four .header-left { left: 25px; top: 27px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header-four .header-left a { font-size: 20px; font-weight: 400; text-transform: inherit; letter-spacing: 0; } .header-four .header-left a strong { font-weight: 400; } .header-four .header-left span { width: 33px; background: #b4b2af; font-weight: 400; font-size: 26px; line-height: 30px; } .header-four .logo-two { max-width: 102px; position: absolute; top: 26px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /**** STICKY ****/ header.navbar-fixed-top.header-four.stuck { padding: 15px 0px; } header.navbar-fixed-top.header-four.stuck .header-left { top: 16px; } header.navbar-fixed-top.header-four.stuck .logo-two { top: 16px; } /** Menu **/ .header-four .ubermenu .ubermenu-colgroup .ubermenu-column, .header-four .ubermenu .ubermenu-custom-content-padded, .header-four .ubermenu .ubermenu-nonlink, .header-four .ubermenu .ubermenu-retractor, .header-four .ubermenu .ubermenu-submenu-padded, .header-four .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .header-four .ubermenu .ubermenu-target, .header-four .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle { padding: 7px 13px !important; } .header-four .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size: 16px !important; text-transform: capitalize !important; } .header-four .ubermenu-main ul li:last-child a.ubermenu-target { text-transform: uppercase !important; } .header-four .ubermenu-main ul li:last-child a {font-size: 20px !important; min-width: 164px; text-align: center; margin-left: 10px; } .header-four .ubermenu-main ul li:last-child ul li a.ubermenu-target {font-size: 16px !important;background: transparent;color: #4a4a4a !important; text-transform: none !important;} .hero-four-bottom { float: left; width: 100%; padding: 25px 0; /*background-color: #eae7e4;*/} .hero-four-bottom ul { padding: 0; margin: 0; } .hero-four-bottom ul li { float: left; width: 50%; text-align: center; padding: 0 15px; margin: 0; } .hero-four-bottom ul li:before { display: none; } .hero-four-bottom ul li:first-child:after { content:""; position: absolute; right:0; top: -5px; width: 1px; height: 50px; background: #b4b2af; } .tagline h2 { text-transform: capitalize; margin: 0; padding: 0; color: #faf9f5; } .tagline h2 strong { color: #d0a801; font-weight: 400; padding: 0 13px; } .location-right h2 { font-size: 20px; text-transform: uppercase; line-height: 38px; margin: 0; padding: 0; font-weight: normal; } .tagline h2 a { color: #faf9f5; } .tagline h2 a:hover, .tagline h2 a:focus { color: #d0a801; } body.page-style-four .main-page-section { padding-bottom: 40px; } .recent-work-four { float: left; width: 100%; padding: 25px 0 100px; } .four-title { width: 100%; text-align: center; position: relative; z-index: 1; } .four-title h2 { display: inline-block; background: #fff; font-size: 32px; text-transform: uppercase; padding: 10px 30px; margin: 0; } .home .px-4 { margin-left: -4px; margin-right: -4px; margin-top: -28px; padding: 0 !important; } .home .px-4 .col-lg-4, .home .px-4 .col-lg-6 { padding-left: 4px; padding-right: 4px; } .recent-work-item { float: left; width: 100%; overflow: hidden; } .home .px-4 a img { width: 100%; height: auto;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out; } .home .px-4 a:hover img, .home .px-4 a:focus img { -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); } .page-style-four .insta-landing-page { padding-top: 25px; } /********************* Testimonial Four CSS *********************/ .testimonial-section-full { float: left; width: 100%; } .testimonial-section-home-top { float: left; width: 100%; text-align: center; margin-bottom: 65px; } .testimonial-section-home-top h2 { font-size: 36px; line-height: 43px; } .testimonial-section-home-top p { max-width: 545px; margin: 0 auto; padding-top: 3px; } /********************* Featured Four CSS *********************/ .featured-section.featured-section-new.featured-section-four { padding: 55px 0 0; margin: 0; } .featured-section-inner { float: left; width: 100%; text-align: center; border-top: 1px solid #b4b2af; border-bottom: 1px solid #b4b2af; padding-bottom: 85px; } .featured-section-four .four-title { margin-top: -27px; margin-bottom: 70px; } .featured-section-four .four-title h2 { font-size: 28px; } .featured-section.featured-section-new.featured-section-four .container { max-width: 1114px; } /********************* FOOTER Four CSS *********************/ .footer-main-four { background: #eae7e4; float: left; width: 100%; } .footer-four { float: left; width: 100%; position: relative; padding-top: 55px; } .footer-four .footer-tagline { text-align: left; padding-left: 40px; } .footer-four .footer-center-btn .btn.md-btn { min-width: 238px; top: 10px; border: none; text-align: center; text-decoration: none; font-weight: 600; display: inline-block; font-size: 22px; letter-spacing: normal; line-height: 54px; padding: 0px 22px; margin-top: 15px; text-transform: uppercase; position: relative; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .footer-four a, .footer-four a:hover, .footer-four a:focus { border: none; } .footer-four .middle-section:after { height: 91px; content: ""; width: 1px; position: absolute; background: #b4b2af; float: right; top: 5px; right: -20px; } .footer-four .middle-section:before { height: 91px; content: ""; width: 1px; position: absolute; background: #b4b2af; float: right; top: 5px; left: -20px; } .footer-four .footer-center { text-align: center; width: 150px; margin: 0 auto; padding: 22px 0 15px; position: relative; z-index: 22; } .footer-four .footer-center-logo { padding: 15px 0; } .footer-four .footer-top-right { padding-left: 10px; } .footer-four address { margin-bottom: 16px; display: block; } .footer-four .footer-top-right p { margin: 0 auto; max-width: 206px; text-align: center; font-size: 20px; line-height: normal; } .footer-four .footer-social-icon { padding-top: 0; } .footer-four .footer-social-icon ul { width: 100%; text-align: center; margin-bottom: 0; } .footer-four .footer-social-icon ul li { display: inline-block; padding: 0 4px; margin: 0; } .footer-four .footer-social-icon ul li a { background-color: transparent; font-size: 24px; line-height: 24px; min-width: 24px; text-align: center; border: none; display: block; color: #b4b2af; } .footer-four .footer-social-icon ul li:before { display: none; } .footer-four .footer-bottom { position: relative; bottom: 0; left: 0; right: 0; font-size: 12px; } .footer-four .footer-links { padding: 25px 0 18px 0; display: inline-block; width: 100%; } .footer-four .footer-bottom-left { padding-right: 0px; } .footer-four .footer-bottom .footer-links ul { margin-bottom: 0; } .footer-four .footer-links ul li::before { content: "I"; background-color: transparent; width: auto; height: auto; left: 6px; top: 0; } .footer-four .footer-links ul li:first-child { padding-left: 0; } .footer-four .footer-links ul li { display: inline-block; font-size: 16px; margin: 0; } .footer-four .footer-links ul li a { border-bottom: none !important; } .project-page-section.passed-line .project-arrow { position: absolute; bottom: 15px; top: inherit !important; } .portfolio-5-page .project-listing .row { display: flex; flex-wrap: wrap; justify-content: center;} .portfolio-5-page .project-items:hover figure figcaption {background:rgba(14, 15, 15, 0.0); } .portfolio-5-page .project-items figure figcaption {text-decoration: none;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .page-style-three .landing-page-main { padding-top: 17px; } /********************** WOO-COMMERCE STYLE START *************************/ .page-id-578 h2 {text-align: center;} .checkout_coupon .input-text { height: 49px !important; } .woocommerce .quantity .input-text { display: inline !important;height: 36px !important;width: 4.5em !important; } .woocommerce .form-row.place-order .button { margin-top: 20px !important; } .woocommerce .button,.woocommerce button{ text-transform: uppercase !important; min-height: 50px;} .woocommerce ul.products li.product .onsale { padding: 6px;text-transform: uppercase !important;border-radius: 50%; } .woocommerce .products li a{ border: none; } .woocommerce span.select2-selection.select2-selection--single { border-radius: 0; } .woocommerce .product h2.woocommerce-loop-product__title { font-size: 20px !important; } .woocommerce div.product div.images .woocommerce-product-gallery__image a { border: none; } .woocommerce ul.products li.product .price { font-size: 16px; } .woocommerce-Address-title h2, h2.woocommerce-order-details__title, .woocommerce-customer-details h2.woocommerce-column__title,.woocommerce-MyAccount-content h2 { text-align: left; } .woocommerce-checkout .woocommerce-order-overview li::before { display: none; } .woocommerce-ResetPassword.lost_reset_password {justify-content: center;display: flex;flex-direction: column;align-items: center;max-width: 550px;margin: auto;text-align:left;padding: 50px;background: #efefef;} .woocommerce form.woocommerce-ResetPassword .form-row { width:100%; } .woocommerce form.woocommerce-ResetPassword .woocommerce-Button.button { width: 100%; } .woocommerce form.woocommerce-ResetPassword .form-row .input-text { border-radius: 0 !important;height: 43px; } .woocommerce ul.products li.product .button { width: 100%; text-align: center; margin-bottom: 10px; } .woocommerce-form.woocommerce-form-login.login {margin: auto;max-width: 500px;padding: 30px;} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { width: 100% !important; } .woocommerce-LostPassword.lost_password {margin-top: 10px;} .woocommerce .container-small,.woocommerce-cart .container-small,.woocommerce-checkout .container-small,.woocommerce-account .container-small { max-width: 1270px; } .woocommerce-account .addresses .title .edit {float: left;margin-bottom: 20px;} .woocommerce-cart table.cart img { width: 100px; } .summary.entry-summary .woocommerce-product-details__short-description { padding-bottom: 20px; } .woocommerce div.product form.cart .variations select { padding-left: 15px;border: 1px solid #000; } .woocommerce-message:focus-visible {outline: none;} ul.select2-results__options li:before { display: none; } ul.woocommerce-error li { padding-left: 15px !important; } .woocommerce .woocommerce-ordering select { padding-left: 15px;padding-left:15px;height: 34px;width: 260px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;background-size: 16px;-webkit-background-size: 16px;background-position: calc(100% - 12px) 50%;-webkit-background-position: calc(100% - 12px) 50%;-webkit-appearance: none;border: 1px solid #000; } .woocommerce .woocommerce-message,.woocommerce-info { border-top-color:#c19c3e ; } .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {text-align: center;} .woocommerce-MyAccount-navigation li { padding: 10px;margin: 0 !important;cursor: pointer;} .woocommerce .products ul li:before, .woocommerce ul.products li:before { display: none; } .woocommerce-MyAccount-navigation li:before { display: none; } .woocommerce-MyAccount-navigation li a { border: none !important; color: #000;max-width: 100%;} .woocommerce-MyAccount-navigation ul { padding:0px; } .woocommerce-page table.cart td.actions #coupon_code { width: 140px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { height: 48px; padding-top: 0 !important; padding-bottom:0 !important; line-height: 48px; } .checkout_coupon.woocommerce-form-coupon .woocommerce .form-row { padding: 0 15px 0 0; } .checkout_coupon.woocommerce-form-coupon .form-row-last, .checkout_coupon.woocommerce-form-coupon .form-row-last { float: left; } .recent-work-four .row {justify-content: center;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before {display: none ;} /********************** WOO-COMMERCE STYLE START *************************/ /* Header Five */ header.header-five{display: flex; justify-content: space-between;align-items: center;padding: 26px 30px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} header.header-five .logo { color: #333; font-size: 34px;font-weight: 500; line-height: 1; padding-top: 0px; position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 70px; text-align: center;} header.header-five .logo img, .footer-main-five .footer-logo img{max-width: 65px;} header.header-five.stuck .logo img{max-width: 65px;} .stuck.navbar-fixed-top.header-five{padding: 18px 30px} header.header-five .logo a, .header-links a, .footer-main-five a{border-bottom:none !important;} header.header-five .navbar-toggler{ font-size: 16px; text-transform:uppercase;position: relative; padding: 0 34px 0 0; -webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;left:0;transition: left .3s ease-in-out;} header.header-five .navbar-toggler:focus { box-shadow: 0 0 0 0;} header.header-five .navbar-toggler span, header.header-five .navbar-toggler span:before, header.header-five .navbar-toggler span:after {cursor: pointer; height: 1px; width: 23px; background: #000; position: absolute; display: block; content: '';right:0;} header.header-five .navbar-toggler span{top: 6px;} header.header-five .navbar-toggler span:before { top: -7px;} header.header-five .navbar-toggler span:after { bottom: -7px;} .navtoggleropener .navbar-toggler span { background-color: transparent !important;} .navtoggleropener header.header-five .navbar-toggler span:before { top: 0px;transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px;} .navtoggleropener header.header-five .navbar-toggler span:after {bottom: 0px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} header.header-five .header-nav{width: auto; padding: 0;position: relative;z-index: 3;} body.page-style-five { padding: 75px 0 0 0; } header.header-five .navbar-collapse{position: fixed;background: #FFF;height: 100%;top: 0px;width: 340px;left: -340px;display:block;padding: 30px 40px 30px 40px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .navtoggleropener header.header-five .navbar-collapse { left: 0px; -webkit-box-shadow: 0 0px 17px rgba(0,0,0,.1);overflow-y: auto; -moz-box-shadow: 0 0px 17px rgba(0,0,0,.1); box-shadow: 0 0px 17px rgba(0,0,0,.1);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .navtoggleropener header.header-five .navbar-toggler { left: 330px;-webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;transition: left .3s ease-in-out;} header.header-five .navbar-nav { width: 100%; } header.header-five .navbar-nav li { padding: 2px 0px 2px 0px;} header.header-five .navbar-nav li:before { display:none;} header.header-five .navbar-nav .nav-link {color:#000; padding: 6px 0 !important; text-transform: uppercase;} header.header-five .navbar-nav .nav-link:hover, header.header-five .navbar-nav .nav-link:focus {color: #c19c3e;} header.header-five .navbar-nav ul.submenu li{padding: 0px 0px 0px 0px;} header.header-five .navbar-nav ul.submenu li a.dropdown-item{padding:5px 15px;} header.header-five .navbar-nav ul.submenu li a.dropdown-item.active, header.header-five .navbar-nav ul.submenu li a.dropdown-item:active {color: #000;text-decoration: none;background-color: #f8f7f7;} header.header-five .navbar-nav ul.submenu {margin:0;} .navtoggleropener #overlapblackbg{display: block !important;} .navtoggleropener #overlapblackbg { left: 0px; z-index: 99; width: 100%; height: 100%; position: fixed; top: 0px; display: none; background-color: rgba(0, 0, 0, 0.5); cursor: pointer;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .navtoggleropener header.header-five .navbar-nav li {animation: fadeInLeft .5s ease forwards; animation-delay: 0s;animation-delay: .22s;text-align: left;} @keyframes fadeInLeft {0% {opacity: 0;left: -100px;}100% {opacity: 1;left: 0;}} .hero-five-bottom .tagline h1 { font-size: 22px; text-transform: uppercase;} /**/ header.header-five .navbar-nav li a {font-weight: 700; letter-spacing: 0.4px; } header.header-five .navbar-nav li ul li a {font-weight: 400; } header.header-five .navbar-nav li span.caret, header.header-five .navbar-nav li .dropdown-toggle::after { display: none !important; } header.header-five .navbar-nav li a.active { color: #ab1d5a !important; } header.header-five .navbar-nav ul li a:focus, header.header-five .navbar-nav ul li a:hover, header.header-five .navbar-nav .dropdown-item:focus, header.header-five .navbar-nav .dropdown-item:hover, header.header-five .navbar-nav ul.submenu li a.dropdown-item.active, header.header-five .navbar-nav ul.submenu li a.dropdown-item:active { color: #fff !important; background-color: #ab1d5a; } header.header-five .navbar-nav ul li a{ color: #212529; width: 100%; display: block; padding: 5px 15px; } .header-four .ubermenu-main ul li:last-child ul li a {text-align: left !important;} .hero-five-bottom {width: 100%;float: left; padding: 25px 15px; text-align: center;} .main-headfive-section {padding: 146px 0 190px;} .main-headfive-section .container-small { max-width: 628px;} .main-headfive-section h2 { font-size: 22px;text-align: center;text-transform: uppercase;margin: 0px 0 20px 0;} .testimonial-section-home-five .testimonial-box-new::before{background-size:100%;} .testimonial-section-home-five .testimonial-box{max-width:380px;} .testimonial-section-home-five{padding: 240px 0 0;} .featured-section-five .featured-section-inner {border:none !important; padding-bottom: 0px;} .featured-section-five {padding: 30px 0px 164px 0px !important;} .get-on-the-list-section{width: 100%; float: left; padding: 50px 0; } .get-on-the-list-section h2 { font-size: 22px; text-align: center; text-transform: uppercase; margin: 0px 0 20px 0;} .footer-main-five .container{max-width: 100%;padding: 0 50px;} .footer-main-five .call-to-action-btn::after{display:none;} .footer-main-five .footer-tagline{text-align: center; font-size: 22px; text-transform: uppercase; margin: 0px 0 20px 0; padding: 0;} .footer-main-five .footer-top{width:100%;float:left;} .footer-main-five .footer-bottom{width:100%;float:left; padding: 30px 0 30px 0;position:relative;display: flex;justify-content: space-between;align-items: flex-end;text-align: center; font-size: 14px;flex-wrap: wrap;} .footer-main-five .footer-bottom .footer-about{width:30%;float:left;text-align: left; } .footer-main-five .footer-bottom .footer-about ul, .footer-main-five .footer-bottom .footer-social ul{margin: 0;display:inline-block;} .footer-main-five .footer-bottom .footer-about ul li, .footer-main-five .footer-bottom .footer-social ul li{margin: 0; padding: 4px 0; text-transform: uppercase;} .footer-main-five .footer-bottom .footer-about ul li:before, .footer-main-five .footer-bottom .footer-social ul li:before{display:none;} .footer-main-five .footer-bottom .footer-about address{margin: 0 0 0 76px;display:inline-block; text-transform: uppercase;} .footer-main-five .footer-bottom .footer-social{width:30%;float:left;text-align: right; } .footer-main-five .footer-bottom .footer-social i{ font-size:16px;margin-right: 5px;} .footer-main-five .footer-logo-main{width:40%;float:left; padding: 0 15px;} .footer-main-five .footer-logo{color: #333;font-size: 34px;font-weight: 500;line-height: 1;padding-bottom: 0;margin-top: -80px;} .footer-main-five .footer-links{padding: 16px 0 0 0;width: 100%;max-width:680px;margin: -40px auto 0 auto;} #ess-main-wrapper { position: absolute; display:none; } .single-post #ess-main-wrapper {display:block;} .blog-listing-3 .blog-post-title { max-width: 300px; position: relative; margin: 0; top: 0px; text-align: left; } .blog-listing-3 .blog-post-title h2{font-size: 20px; line-height: normal; color: #000 !important; } .blog-listing-3 .blog-post{margin-bottom:42px;} .blog-listing-4 .blog-post-title{width:100%;border:1px solid #000; padding: 5px 18px;background-color: #ffffff;} .blog-listing-4 .blog-post-title h2{font-size: 16px; line-height: 1.3;} .blog-listing-4 .blog-post{margin-bottom:26px;margin-top: 26px;} .sidebar.sidebar-four{padding-top: 0px;} .blog-listing.blog-listing-4 .row {margin-left: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5);} .sidebar-four .sidebar-block { border: none; position: relative;margin-bottom: 83px;} .sidebar-four .sidebar-guide h2 { text-transform: uppercase;} .sidebar.sidebar-four h2 {font-size: 24px;text-transform: uppercase;} .sidebar-four .sidebar-guide-thumb{padding: 0;} .sidebar-four .sidebar-guide-thumb img{width:100%;height:auto;} .sidebar-four .btn{position:absolute;max-width:250px;left:15px;right:15px;margin:0 auto;bottom: -26px} .popular-post ul li a { font-size: 16px;} .sidebar-four .sidebar-search{background-color:transparent;margin: -15px 0 0px 0;} .sidebar-four .sidebar-search .input-text {border: none;} .get-on-the-list-section .form-container{text-align: center;} .get-on-the-list-section .vfbp-form .form-input, .get-on-the-list-section ._form input, .mailchimp-form .form-input{border: none !important;border-bottom: 1px solid #293546 !important;background-color: transparent;height: 35px !important; padding: 0 !important;box-shadow: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important; outline: none;} .get-on-the-list-section .vfbp-form .vfb-has-error .vfb-form-control {border:none !important;border-bottom: 1px solid #f00 !important;} .get-on-the-list-section .vfbp-form input.form-input::placeholder, .get-on-the-list-section ._form input::placeholder, .mailchimp-form .form-input::placeholder {opacity: 1;color: #555555;} .get-on-the-list-section .vfbp-form label, .get-on-the-list-section ._form ._form-label, .mailchimp-form label{display:none} .get-on-the-list-section .vfbp-form .vfb-col-12, .get-on-the-list-section ._form ._form_element, .mailchimp-form .form-group {padding: 0 12px !important;width: 33.33%; display: inline-block; vertical-align: top;} .get-on-the-list-section ._form ._form_element{padding: 0 10px !important;} .get-on-the-list-section .vfbp-form .vfb-clearfix{display:none;} .get-on-the-list-section .vfbp-form .vfb-fieldType-submit, .get-on-the-list-section ._form ._button-wrapper, .mailchimp-form .form-group:last-child{width:auto;padding: 0 5px !important;} .get-on-the-list-section .vfbp-form .btn-primary, .get-on-the-list-section ._form ._submit, .mailchimp-form .btn{width:40px;line-height: 35px;padding: 0 5px; border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;min-width: inherit;margin:0;} .get-on-the-list-section ._form ._button-wrapper{display:inline-block;} /* About V6 Page */ .about-V6-page .container-small { max-width: 1110px; } .about-v6-content .text-left {display:block; height:100%; padding: 50px 52px; } .about-V6-page {padding-bottom: 100px !important; } .about-v6-content .about-photo img{width:100%;height:auto;} .about-v6-content .about-photo{padding: 0;} .about-V6-page .testimonial-block .container-small { max-width: 370px; } .testimonial-block.about-v6-testimonial { padding-top: 130px; } .testimonial-block.about-v6-testimonial .testimonial-block-new { margin-bottom: 0; } /* Portfolio Archive V6 Page */ .project-page-main-6.project-page-3col .project-items h2 { font-size:30px;} .project-page-main-6.project-page-3col .project-items {margin:10px 0 26px 0;} body.page-style-six .btn{ font-weight: normal;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;} body.home.page-style-six{padding-top: 50px;} body.home.page-style-six .main-page-section{padding-bottom: 140px;} .header-six .ubermenu-main {width:auto; margin-top: 0 !important;z-index: 102} .header-six{min-height:50px;} .header-six .logo-two{background-color:#efefef; max-width: 260px; top: 0; padding: 35px 15px;-webkit-transition:padding .3s ease-in-out;-moz-transition: padding .3s ease-in-out;transition: padding .3s ease-in-out} .header-six .logo-two img{max-width:112px;} .header-six.stuck .logo-two{padding: 15px 15px;} .header-six .header-left span{width:33px;height:24px;background: #555758;font-size: 31px;font-weight: 400;margin-left: 8px;vertical-align: middle;line-height:22px;} .header-six .header-left a strong { font-weight: 400;} .header-six .header-left a{font-size: 16px;font-weight: 400;text-transform: none;} .main-header-six .hero-slide {height: 600px;} .main-headingsix-section{width:100%;float:left; text-align: center;font-size: 20px;font-weight:400;padding: 80px 0;} .main-headingsix-section p {text-transform: uppercase;} .grid-block{display:block;position: relative;height:100%;} .grid-block a{display:block;height:100%;border:none !important;} .grid-block h2{margin: 0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .projects.grid-block img{width:100%;height: 100%;object-fit: cover;object-position: center;} .grid-title{width: 100%; max-width: 260px; padding: 23px 15px; text-align: center; position: absolute;left:15px;right:15px;margin:auto;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);} .gloria-featured-section.featured-section{padding: 56px 0 50px 0;} .footer-main-six .container{ position: relative;} .footer-main-six .footer-bottom-left {padding-right: 0px;} .footer-main-six .footer-bottom-right{padding: 20px 0 20px 0px;} .footer-main-six .footer-bottom .footer-links ul{text-align:right;} .footer-main-six .footer-bottom .col-md-4{padding: 0;} .footer-main-six .footer-center .footer-social-icon ul li a {background-color: transparent; color: #b4b2af;font-size: 26px;} .footer-main-six .footer-center .footer-social-icon ul li a:hover{color: #000;} .footer-main-six .footer-center .footer-social-icon ul li {padding: 0 3px;} .footer-main-six .footer-center {width: 100%;max-width: 360px; background: #efefef; padding: 0 0 15px;} .footer-main-six .footer-center-logo img{max-width:112px;} .footer-main-six .footer-center-logo{margin-bottom:6px;} .footer-main-six .footer-center address{font-size: 18px;} .footer-main-six .footer-center-btn .btn.md-btn {margin: -28px 0 12px; line-height: 55px; min-width: 250px;border:none !important;} .header-six .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size: 16px;} .header-six .ubermenu .ubermenu-item-level-0 .ubermenu-target {padding: 15px 15px;} /* Laurel - Homepage */ header.header-seven .logo{max-width:90px;} .stuck.navbar-fixed-top.header-seven {padding-top: 6px !important; padding-bottom: 6px !important;} header.header-seven .logo img{max-width: 100%;} header.header-seven .header-links .btn{margin: 0;} header.header-seven .header-links { margin-right: -30px;} header.header-seven{padding-top: 12px !important; padding-bottom: 12px !important;} .main-header-seven{width:100%;float:left;position:relative;} .main-header-seven:after{content:""; position: absolute; left:0;right:0;bottom:0;height:230px; background: rgb(9,9,9); z-index: 1;background: -moz-linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);background: -webkit-linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);background: linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090909",endColorstr="#090909",GradientType=1);} .hero-seven-content{position: absolute;bottom:23px;left:0;right:0;z-index: 2; text-align: center;overflow:hidden;} .hero-seven-content .tagline{display:inline-block; padding: 0 15px; position: relative;} .main-header-seven .tagline h1{font-size: 22px; text-transform: uppercase;color:#FFF;} .hero-content-testimonial { position: absolute; z-index: 2; left: 0; right: 0; bottom: 95px; text-align: center; color: #ffffff; } .page-style-seven .get-on-the-list-section{padding: 66px 0; margin:30px 0;} .display-message-section {width:100%;float:left; } .display-message-section .text-center{width:100%;max-width:400px;} .display-message-section .display-message-block:nth-child(2n+1){flex-direction: row-reverse !important} .display-message-section .text-center .btn{ border:none !important;} .testimonial-section-home-seven .testimonial-box{max-width:410px;} .display-message-section .w-50.d-flex{align-self: center;} .display-message-section .w-50.d-flex img{display:flex;align-self: center;width:100%; height:auto;} .featured-section.featured-section-seven {padding: 30px 0 30px 0;} .featured-section-seven .featured-section-inner {border: none; padding-bottom: 0px !important;} .main-page-section.page-style-seven {padding-bottom: 130px;} .footer-main-seven .footer-bottom {display:block; padding: 26px 0 0px 0; position: relative;display: flex; justify-content: space-between; align-items: flex-start; text-align: center; font-size: 16px; flex-wrap: wrap;} .footer-main-seven .container{max-width:600px;} .footer-main-seven .footer{border-bottom: none !important;border:1px solid #000; padding: 0 50px 15px 50px;} .footer-main-seven .footer .call-to-action-btn{display: block;margin-top:-26px;padding-bottom: 26px;z-index: 2;} .footer-main-seven .call-to-action-btn::after{display:none;} .footer-main-seven .footer-logo{text-align:center;} .footer-main-seven .footer-logo img{max-width: 90px;} .footer-main-two a,.footer-main-seven a{border:none !important;} .footer-main-two .call-to-action .btn { min-width: 250px; } .footer-main-seven .footer-links{padding-bottom: 0;} .footer-main-seven address{ text-align:left;text-transform:uppercase;} .footer-main-seven .footer-bottom .footer-social ul li:before{display:none;} .footer-main-seven .footer-bottom .footer-social { text-transform:uppercase;} .footer-main-seven .footer-bottom .footer-social i{ font-size:16px;margin-right: 5px;} .footer-main-seven .footer-links ul li{font-size:12px;padding: 0 0 0 10px} .footer-main-seven .footer-links p{font-size: 12px;} .footer-main-seven .footer-links ul li::before{left:1px;} /**** Contact #4 New ***/ .contact-page-4-new .contact-section .row {display: flex;flex-direction: row;} .contact-page-4-new .contact-section .row .contact-new-right{display: flex;} .contact-page-4-new .contact-section .row .contact-right-section {display: flex;align-items: center;align-self: stretch;width: 100%;justify-content: center;} .stuck.header-three .header-nav { box-shadow: 0 2px 2px 0px rgb(0 1 1 / 35%);} body.page-style-six {padding: 50px 0 0 0;} .footer-main-seven .footer-bottom .footer-links ul { margin: 0 -10px;} .footer-main-seven .footer-links ul li:first-child {padding-left: 0;} .page-id-2 .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item,.header-two .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item,.header-six .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item, .header-four .ubermenu .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item { left: auto !important; right: 100%;} .ubermenu-submenu .ubermenu-sub-indicator.fas.fa-angle-down {display: block !important; } .footer-main-four .middle-section {position: relative;} /* About #5 */ .about-V5-page{padding-top:8px !important} .about-V5-page .about-photo{width:100%;float:left;padding: 0} .about-V5-page .about-v5-content{width:100%;float:left;padding: 60px 0 65px 0;} .about-v5-content .page-title h1 { margin-top: 0; } .search-page{width:100%;max-width:740px;} .search-results .section-title {padding-top: 20px;} .main-headingsix-section h1{display: block; font-size: 20px; line-height: 24px; font-weight: 400; padding-top: 10px; margin: 0; font-family: 'Open Sans', Arial, Helvetica;} .home-main-hero-title {line-height: normal;} .main-headingsix-section .container-small {max-width: 920px;} .rp4wp-related-posts ul li {float: left; padding-bottom: 10px !important;} .contact-page-3 .contact-section-2 {padding-top: 0;} .contact-page-3 .latest-contact-page {margin-top: 60px;width: 100%;float: left;} .service-fea-sec {margin-bottom: -1px !important;} /********************************************************** START MEDIA KIT ************************************************/ .media-kit-page-main .page-title { padding-bottom: 0px; } .media-kit-page-main .inner-title { margin-bottom: 0px;} .media-kit-page-main .secondary-menu .navbar-nav li::before { background: #c19c3e;display: block;border-radius: 40%;-webkit-border-radius: 50%;-moz-border-radius: 40%;width: 4px;height: 4px;left: 7px;top: 10px; } .media-kit-page-main .secondary-menu .navbar-nav li:first-child:before {display: none;} .media-kit-page-main .secondary-menu { margin-top: 0px;margin-bottom: 0px; } .media-kit-page-main .navbar a { padding: 0 0 0 18px; text-transform: capitalize; } .inner-title { width: 100%; float: left; margin-bottom: 40px; text-align: center; position: relative; z-index: 2;} #headshots {padding-bottom: 58px;} #headshots .media-title {padding-top: 15px;} .headshots-section {position: relative;background: #e6e7e8; padding: 0; text-align: center;} .headshots-section.headshots-section-top .headshot-box {width: 32%;} .headshots-section .headshot-box { float: none; display: inline-block; width: 24%;} .headshots-pic { position: relative; z-index: 2; margin: 15px 0 !important;} .media-kit-page-main a { border: none; text-decoration: none;} #bio { padding: 30px 0 50px;} .media-title { text-align: center;} #books {padding-top: 30px; padding-bottom: 50px;} .headshots-section.books-section { margin-top: 14px;} .books-section ul { margin: 0;list-style: none;text-align: center; width: 100%;position: relative; z-index: 2;} .books-section ul li {display: inline-block;padding: 0 7px;margin: 0;list-style: none;width: 32%;} .books-section ul li:before,.speaking-section ul li:before ,.social-page-social ul li:before, .media-testimonials-list ul li:before { display:none;} .books-thumbnail { display: inline-block;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);} #speaking { padding: 32px 0 70px;} .speaking-logo { max-width: 790px;margin: 0 auto;width: 100%;} .speaking-logo ul {width: 100%;margin: 0; padding: 0;text-align: center;} .speaking-logo ul li {padding: 20px 14px;margin: 0;display: inline-block;vertical-align: middle;} .speaker-sheet-section .speaker-sheet {width: 100%; margin-top: 0px; text-align:center;padding: 37px;} .speaker-sheet-section .sheet-title {font-size: 36px;font-weight: 200 !important;padding: 0px 0px 15px 0px;} .speaker-sheet p {margin:0px;} .media-kit-page-main section { padding: 0; } #social-media { padding-top: 30px;} .social-page-social { padding: 24px 0 45px;} .social-page-social ul { margin: 0; padding: 0; width: 100%; text-align: center;} .social-page-social ul li {padding: 0 15px; margin: 0; display: inline-block;} .social-page-social li a {font-size: 58px;} .instagram-feed-section { padding: 0 0 110px;} #sb_instagram { width: 100%; margin: 0 auto;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .media-testimonials {padding: 30px 0 0;} .media-testimonials-list {text-align: center;} .media-testimonials-list ul {padding: 0; margin: 0;} .media-testimonials-list ul li { display: inline-block; text-align: left; vertical-align: top; width: 32%; padding: 35px 0 40px;} .media-testimonials .testimonials-main {max-width: 362px;} .testimonials-main { width: 100%; float: left; padding: 0 0 0 82px; position: relative;} .testimonials-main:last-child { margin: 0;} .testimonials-quote {background:#c19c3e;height: 66px; left: 0;position: absolute;top: 6px;width: 66px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 10px;} .testimonials-main p { margin-bottom: 5px;} .testimonials-author-details { font-size: 13px; white-space: nowrap;} .headshots-pic img { width: 100%; height: auto;-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);} .headshots-section:before {content: ""; position: absolute;left: 0;top: 0;right: 0; width: 100%;height: 35px;background: #fff;} .headshots-section:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 35px; background: #fff;} /***** Heder style #13 *****/ .page-style-thirteen{padding-top:0;} .header-type-thirteen .ubermenu .ubermenu-item.menu-logo {width: 140px !important;font-size: 0px;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;} .header-type-thirteen .logo {width: 100%;max-width: 140px;float: left;position: absolute; top:43px; left: 0;right: 0;margin: 0 auto;padding: 14px 22px 12px 0px !important;text-align: center;transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;z-index: 101;} .header-type-thirteen .ubermenu-items-align-right { text-align: center;} .header-type-thirteen .ubermenu-main {width: 100%;float: none;margin-top: 0;background:transparent;padding: 15px 0 !important;} .header-type-thirteen .header-nav{padding:0;} .header-type-thirteen .logo img {max-width: 100px; margin-top: -6px;} .header-type-thirteen .ubermenu .ubermenu-item.menu-logo span.ubermenu-target-title.ubermenu-target-text {display: none;} .header-type-thirteen .header-top {text-align: center;text-transform: uppercase;} .header-type-thirteen .header-top .top-guide .btn {float: none;margin-top: -3px;} .quick-map iframe { width: 100%; height: 350px; float: left;} /* Yoast Faq #1 */ .yoast-faq-one-inner .schema-faq-question:after { left: 0; font-weight: inherit; color: #4a4a4a; font-size: 40px;} .yoast-faq-one-inner .schema-faq-question {position: relative; font-weight: normal; } .yoast-faq-one-inner .schema-faq-answer {background-color: #efefef !important;} .yoast-faq-one-inner .schema-faq-section{position: relative; margin-bottom: 0px;} .yoast-faq-one-inner p.schema-faq-answer{border-bottom: none;} .yoast-faq-one-inner .schema-faq-answer { padding: 25px 0px !important;} .yoast-faq-one .wp-block-aab-accordion-item {overflow: visible; position: relative;} .yoast-faq-one .wp-block-aab-accordion-item.aagb__accordion_container {position: relative; overflow: visible; margin-bottom: 0px !important; padding: 5px 0;} .yoast-faq-one .wp-block-aab-group-accordion {margin-bottom: 26px;} .yoast-faq-one .wp-block-aab-accordion-item.aagb__accordion_container.aagb__accordion_active:before{ content: "";width: 10000px;height: 100%;position: absolute;left: -5000px;background: #efeeea;top: 0;z-index: -1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;display: block !important;} .yoast-faq-one-inner { margin-bottom: 10px;} .yoast-faq-one .wp-block-aab-accordion-item { border-radius: 0 !important; } /* Yoast Faq #2 */ .yoast-faq-two .container-small {max-width: 100%;position: relative;} .yoast-faq-two-inner h2 {display:none;} .yoast-faq-two .yoast-faq-two-inner {padding: 40px 0; margin-bottom: 35px;} .yoast-faq-two .yoast-faq-two-inner:before{content:"";width:10000px;height:100%;position: absolute;left: -5000px;background: #fff;top: 0;z-index: -1;} .yoast-faq-two .faq-block-nav-title a{color: #4a4a4a;display: inline-block;background-color: #fff;font-size: 25px;text-transform: uppercase;border: none;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: medium;border-bottom: none !important;border-radius: 0px 0px 0px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;padding: 15px 15px;position: relative;z-index: 1;font-weight: 300;text-shadow: none;margin: 0 25px;} .yoast-faq-two .faq-block-nav-title a:first-child{margin-left: 0} .yoast-faq-two .faq-block-nav-title a:last-child{margin-right: 0;} .yoast-faq-two .yoast-faq-two-inner{width:100%;max-width:800px; margin: 0 auto;padding: 10px 0px;position: relative; z-index: 1;margin-bottom: 26px;} .yoast-faq-two .faq-block-nav-title{margin-top:40px;text-align: center;} .yoast-faq-two .faq-container .container > p{text-align:center;} .yoast-faq-two .faq-block-nav-title a.active{color: #c19c3e;background: #fff;} .yoast-faq-two .faq-block-nav-title a:hover, .faq-block-nav-title a:focus{background: #fff;color:#c19c3e;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-section {background-color: transparent; border: none;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-question:after {left: 0;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-question { padding: 14px 0px 14px 0px; font-size: 17px; font-weight: 500;float: left;width: 100%;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-section {margin-bottom: 5px;} .yoast-faq-two .yoast-faq-two-inner p.schema-faq-answer{ background: #fff; border: none !important;font-size: inherit !important;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-question.faq-q-open {border-bottom: none !important;} .yoast-faq-two .schema-faq-answer{position: relative;display: inline-block !important;} .yoast-faq-two .yoast-faq-two.inner-page-section .schema-faq-question{background: #FFF; } .yoast-faq-two .yoast-faq-two.inner-page-section {background: #FFF;} .yoast-faq-two .yoast-faq-two-inner .schema-faq-section{position: relative;} .yoast-faq-two .yoast-faq-two.inner-page-section .yoast-faq-two-inner .schema-faq-question:before{ content: "";width: 10000px;height: 100%;position: absolute;left: -5000px;background: #FFF;top: 0;z-index: -1;pointer-events: none;} .yoast-faq-two .yoast-faq-two.inner-page-section .schema-faq-section:before{content: "";width: 10000px;height: 100%;position: absolute;left: -5000px;background: #f4f4f4;top: 0;z-index: -1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;display: block !important;} .yoast-faq-two .yoast-faq-two p.schema-faq-answer.faq-a-open { margin: 10px 0; padding: 25px 15px;} .yoast-faq-two .faq-block-nav-title::after {content: "";background: #e0d6cb;position: absolute;left: -100px;right: -100px;top: 25px !important;height: 2px;z-index: 0;} /* Yoast Faq #3 */ .yoast-faq-three-inner .aagb__accordion_container.aagb__accordion_active {border:none !important;} .yoast-faq-three-inner .aagb__accordion_container {border: none !important;} .yoast-faq-three-inner .aagb__accordion_body,.yoast-faq-three-inner .aagb__accordion_body.aagb__accordion_body--show {border-top-width:inherit !important;} .yoast-faq-three-inner .aagb__accordion_heading {margin-left: 15px !important;} .yoast-faq-three-inner .wp-block-aab-accordion-item {margin-bottom: 4px !important;} .yoast-faq-three-inner .schema-faq.wp-block-yoast-faq-block { background: #e8e4e1; padding: 55px 100px; float: left; width: 100%;} .yoast-faq-three-inner .dashicons-plus-alt2:before,.yoast-faq-three-inner .dashicons-minus:before {content: "\f543";} .yoast-faq-three-inner .dashicons {transition: 0.2s ease-in-out; position: absolute; left: 50%; top: 50%; color: #bdb5a5; width: auto; height: auto; transform: translate(-50%, -50%) !important;} .yoast-faq-three-inner .aagb__accordion_icon {position: relative; width: 40px !important; height: 40px !important; border: 1px solid #bdb5a5;} .yoast-faq-three-inner .dashicons.dashicons-minus {transform: translate(-50%, -50%) rotate(45deg) !important;} .yoast-faq-three-inner .dashicons::before {font-size: 30px;} strong.schema-faq-question {margin-bottom: 5px;margin-top: 15px; position: relative; float: left; width: 100%;} .yoast-faq-one .wp-block-aab-accordion-item .aagb__accordion_body { padding-top: 0 !important; } .yoast-faq-three-inner .schema-faq-section { margin-bottom: 15px; position: relative; float: left;width: 100%;} .yoast-faq-three-inner .schema-faq-answer {position: relative;float: left;width: 100%;} strong.schema-faq-question {font-weight: 600 !important; font-size: 18px !important;} .yoast-faq-three-inner .aagb__accordion_body--show {margin-bottom: 5px;float: left; width: 100%;} .yoast-faq-three-inner {margin-bottom: 15px;} /* Yoast Faq #4 */ .yoast-faq-four .schema-faq-question {display:none;} .yoast-faq-four .yoast-faq-four-inner {padding: 40px 0; margin-bottom: 35px;} .yoast-faq-four .yoast-faq-four-inner h2 {display: none;} .yoast-faq-four .yoast-faq-four-inner .schema-faq-question {display: block;} .yoast-faq-four .faq-listing { background: #fff; padding: 0 35px 5px 35px; border-top: 3px solid #0a5443; } .yoast-faq-four .faq-block-nav-title a{color: #000000;display: inline-block;background-color: #fff;font-size: 16px;text-transform: none;border: 3px solid #0a5443; border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: medium;border-bottom: none !important;border-radius: 0px 0px 0px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;padding: 10px 18px 12px 18px;position: relative;z-index: 1;font-weight: 700;text-shadow: none;margin: 0 9px; text-transform: uppercase; letter-spacing: 1px; } .yoast-faq-four .faq-block-nav-title a:first-child{margin-left: 0} .yoast-faq-four .faq-block-nav-title a:last-child{margin-right: 0;} .yoast-faq-four .yoast-faq-four-inner{width:100%;max-width:800px; margin: 0 auto;padding: 10px 0px;position: relative; z-index: 1;margin-bottom: 15px;} .yoast-faq-four .faq-block-nav-title{margin-top:55px;} .yoast-faq-four .faq-container .container > p{text-align:center;} .yoast-faq-four .faq-block-nav-title a.active{color: #fff;background: #0a5443;} .yoast-faq-four .faq-block-nav-title a:hover, .faq-block-nav-title a:focus{background: #0a5443; color: #fff;} .yoast-faq-four .container-small {max-width: 830px; padding: 0;} .yoast-faq-four-inner .schema-faq-section {background-color: transparent; border: none;} .yoast-faq-four-inner .schema-faq-question:after {left: 0;} .yoast-faq-four-inner .schema-faq-question { padding: 14px 0px; font-size: 17px;font-weight: 500;float: left;width: 100%;} .yoast-faq-four-inner .schema-faq-section {margin-bottom: 5px;} .yoast-faq-four-inner p.schema-faq-answer{ background: #fff; border: none !important;font-size: inherit !important;} .yoast-faq-four-inner .schema-faq-question.faq-q-open {border-bottom: none !important;} .yoast-faq-four .schema-faq-answer{position: relative;display: inline-block !important;} .yoast-faq-four.inner-page-section {background: #FFF;} .yoast-faq-four-inner .schema-faq-section{position: relative;} .yoast-faq-four p.schema-faq-answer.faq-a-open { margin: 10px 0; padding: 25px 15px;} /* Yoast Faq #5 */ .yoast-faq-five .yoast-faq-five-inner .aab__accordion_title {font-size: 23px;line-height: 22px;color: #4a4a4a;border-top: 2px solid #cdcbc8;text-transform: none;font-weight: normal;padding: 21px 56px 21px 40px;} .yoast-faq-five .yoast-faq-five-inner .schema-faq-section {border: none !important;margin: 0;} .yoast-faq-five .yoast-faq-five-inner .schema-faq-question::after {content: "+";position: absolute;top: 28px;right: 18px;width: 56px;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-weight: 700;color: #b4b2af;font-size: 35px;font-weight: normal;} .yoast-faq-five .yoast-faq-five-inner .schema-faq-question.faq-q-open::after {content: "-";position: absolute;top: 28px;right: 18px;width: 56px;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-weight: 700;color: #b4b2af;font-size: 35px;font-weight: normal;} .yoast-faq-five .yoast-faq-five-inner .schema-faq-question.faq-q-open {border-bottom: none;border-top: 2px solid #cdcbc8;background-color: #f5f5f2;color:#c19c3e;} .yoast-faq-five .yoast-faq-five-inner p.schema-faq-answer {padding: 0px 40px 30px 40px;background-color: #f5f5f2;font-size: 16px !important;line-height: 1.4 !important;border-bottom: 1px solid #f5f5f2;margin-bottom: 30px;} .yoast-faq-five .yoast-faq-five-inner .schema-faq-section .schema-faq-question:hover {color: #c19c3e;} .yoast-faq-five .aagb__accordion_active {background:#f5f5f2;} .yoast-faq-five .aagb__accordion_container {margin: 0px !important; padding: 8px 20px;} .yoast-faq-five .aagb__accordion_container.aagb__accordion_active,.yoast-faq-five .aagb__accordion_container {border-top:2px solid #cdcbc8 !important; border-bottom:0px !important; border-right: 0px !important; border-left: 0px !important; border-bottom: 0px !important;} .yoast-faq-one .aagb__accordion_container {border-top: 0px !important;border-bottom:2px solid #cdcbc8 !important; border-right: 0px !important; border-left: 0px !important; } .yoast-faq-one .aagb__accordion_container.aagb__accordion_active {border-top: 0px !important; border-bottom: 0px !important; border-left: 0 !important; border-right: 0px !important;} .yoast-faq-one .aagb__accordion_active .aagb__accordion_body--show {border-top-width: 0px !important ;} .yoast-faq-five .aagb__accordion_body, .yoast-faq-five .aagb__accordion_active .aagb__accordion_body--show {border-top-width:0px !important; padding-top: 0px !important; padding-bottom: 20px !important;} .yoast-faq-five .aagb__icon {color:#b4b2af;} .yoast-faq-five p:empty { display: none;} .yoast-faq-five strong.schema-faq-question {padding: 12px 0px;float: left;width: 100%; font-weight: 500;} .fa, .fab{font-family: FontAwesome !important;} .location-top-images img {width: 100%;} .location-top-images {width: 100% ; margin-bottom: 10px;height: calc(100vh - 178px);} .page-style-three .inner-page-section.location-page-section { padding-top: 0px;} .location-page-section .yoast-faq-three-inner {margin-bottom: 30px;} /*** Service Fit to Screen ***/ .service-main-top-fit .service-top-fit {width: 100%;float: left;position: relative;} .service-main-top-fit .service-top-fit .secondary-menu {position: absolute;left: 0;top: 0;} .service-main-top-fit .service-top-fit .about-photo {width: 100%;margin-bottom: 10px;height: calc(100vh - 95px);} .our-process-page-sec { float: left; width: 100%; } .our-process-page-sec h1 { margin-top: -5px; margin-bottom: 32px; } .our-process-top-section { float: left; width: 100%; background-size: cover !important; background-position: center center !important;} .our-process-top-details {width: 727px;margin: 0 auto;background: #fff;padding: 45px 110px 90px 110px;margin-top: 60px;margin-bottom: 60px;} .our-process-top-details h2 {margin-bottom: 18px;} .new-service-page h1 {margin-bottom: 16px;} .new-service-page.inner-page-section.design-services-1-page{padding-top: 0px;} .new-service-page.design-services-1-page .testimonial-block {padding-top: 150px;} .new-service-page .main-heading-section .container-small { max-width: 757px;} .new-service-page .main-heading-section h2 {text-align: inherit;} .new-service-page .display-message-section .text-center{ max-width: 600px; text-align: left !important;} .new-service-page .display-message-section .text-center h2 { margin-top: 0; } .wpvqgr-wrapper div.wpvqgr-loader{text-align: center;} .rp4wp-related-posts{width:100%;display:inline-block;} .service-main-top-fit .testimonial-block ,.service-main-top-fit .main-services-section ,.service-main-top-fit .page-title {float: left; width: 100%;} .design-service-page-v1 .service-box-v1 { background: #efefef; } .design-service-page-v1 .design-service-page .container-small { max-width: 1080px; } .design-service-page-v1 .services-thumbnail img { width: 100%; height: auto; } /*******Header Center menu*******/ body.page-style-eight {padding: 130px 0 0 0;} header.header-eight{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;padding: 0px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out; background-color: rgba(255,255,255,0);-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} header.header-eight.stuck{background-color:transparent;} header.header-eight .logo {position: absolute; background: #fff; left: 36px; top: -8px; margin: 0; max-width: 121px;transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;text-align: center;z-index:1; padding: 0 !important; display: flex; align-items: center; justify-content: center; min-height: 75px; } header.header-eight.stuck .logo { min-height: 67px; } header.header-eight .logo:after { content:""; position: absolute; left: -15px; bottom: -15px; width: 150px; height: 30px; opacity: 0.74; background-color: #fff; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } header.header-eight .logo:after { height: calc(100% + 20px); opacity: 1; } header.header-eight .logo { padding-top: 6px !important; } header.header-eight.stuck .logo { padding-top: 0px !important; } header.header-eight .logo a { position: relative; z-index: 1; } header.header-eight .logo img{width:100%;max-width: 100%;height:auto;} header.header-eight.stuck .logo img { position: relative; top: 3px; } header.header-eight.stuck .header-nav{padding:0} header.header-eight .logo a{border-bottom:none !important;} header.header-eight .navbar-toggler{ display: none;font-size: 14px; text-transform:uppercase;position: relative; padding: 0 34px 0 0; -webkit-transition: right .3s ease-in-out;-moz-transition: right .3s ease-in-out;right:0;transition: right .3s ease-in-out;} header.header-eight .navbar-collapse.collapse:not(.show) {display: block;} header.header-eight .navbar-toggler:focus { box-shadow: 0 0 0 0;} header.header-eight .navbar-toggler span, header.header-eight .navbar-toggler span:before, header.header-eight .navbar-toggler span:after {cursor: pointer; height:2px; width: 23px; background: #0f5343; position: absolute; display: block; content: '';right:0;} header.header-eight .navbar-toggler span{top: 6px;} header.header-eight .navbar-toggler span:before { top: -7px;} header.header-eight .navbar-toggler span:after { bottom: -7px;} .navtoggleropener .navbar-toggler span { background-color: transparent !important;} .navtoggleropener header.header-eight .navbar-toggler span:before { top: 0px;transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px;} .navtoggleropener header.header-eight .navbar-toggler span:after {bottom: 0px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} header.header-eight .header-nav{float: left;width: 100%;padding: 5px 3px; position: relative; z-index: 0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} header.header-eight .navbar-nav{flex-direction:row;justify-content: center;align-items: center;margin: 0 !important;} header.header-eight.stuck .header-top { padding: 6px 0; } header.header-eight.stuck .logo { position: absolute; left: 30px; top: -7px; max-width: 100px;} header.header-eight.stuck .logo::after { left: -10px; bottom: -9px; width: 120px; } .menu-logo { width: 206px !important; font-size: 0px; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;-webkit-transition-delay: 350ms;transition-delay: 350ms;} .stuck .menu-logo {width: 140px !important;} .menu-logo a{font-size: 0px !important;} header.header-eight .navbar-nav li { padding: 0px 22px 0px 10px;margin: 0} header.header-eight .navbar-nav li:before { background-color: #000; width: 4px; height: 4px; top: 18px; display: none; } header.header-eight .navbar-nav li:first-child:before { display: none; } header.header-eight .navbar-nav .nav-link{color: #000; text-transform:uppercase;font-size:15px; letter-spacing: 0.94px; font-weight: 700; } header.header-eight .navbar-nav .nav-link:hover, header.header-eight .navbar-nav .nav-link:focus, header.header-eight .navbar-nav .nav-link.active {color: #0f5343;} header.header-eight.header-short .header-nav{padding-bottom: 1px !important;} header.header-eight.header-short .logo{max-width: 121px !important;background: #fbfbfb;padding: 0 13px !important;height: 98px;} header.header-eight.header-short.stuck .header-nav {padding-bottom: 26px !important;} header.header-eight .dropdown:hover .dropdown-menu {display: block;margin-top: 0;position: absolute;border-radius: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;padding: 0;} header.header-eight .dropdown-menu {top: 36px !important;border-radius: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;padding: 0;transform: translate3d(0px, 0px, 0px) !important;-webkit-transform: translate3d(0px, 0px, 0px) !important;-moz-transform: translate3d(0px, 0px, 0px) !important;} ul.wsmenu-submenu-sub { margin: 0px 10px 0px 10px !important; } header.header-eight .header-top{text-align: center;} header.header-eight .header-top span:first-child { margin-right: 7px; } header.header-eight.stuck .header-top span:first-child { margin-right: 2px; } header.header-eight .navbar-nav .dropdown-menu li {padding: 0 0px; margin: 0;} .header-eight .navbar-nav li a {padding-top: 10px !important; padding-bottom: 10px !important; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.94px; } header.header-eight .navbar-nav ul.submenu li a.dropdown-item.active{ color: #fff !important; background-color: #c19c3e;} .header-eight .dropdown-item:focus, .header-eight .dropdown-item:hover { color: #fff; background-color: #0f5343; } .header-eight .submenu li { border: 1px solid #fff; } .header-eight .submenu li:before { display: none; } ._form ._checkbox-radio{display: flex; align-items: center; width: 100%; justify-content: flex-start;margin: 6px 0;} ._form ._checkbox-radio input[type='checkbox']{width:20px;height:20px;flex: 0 0 auto;margin-right: 8px;box-sizing: border-box;line-height:normal;padding: 0 !important;} ._form ._checkbox-radio label{margin: 0;} .contact-right.contact-half{height:auto !important} /***********New location page********************/ .yoast-faq-new .schema-faq-question {display: none;} .hero-slider.location-hero-slider .hero-slide { height: calc(100vh - 250px); overflow: hidden;} .hero-slider.location-hero-slider {padding-bottom: 35px;} .hero-slider.location-hero-slider .fade-slider img { opacity: 0 !important; } .location-bottom-sec{width:100%;display: inline-block;} .location-content-sec{width:100%;display: inline-block;} .new-location-page-sec .about-section{width:100%;display: inline-block; padding: 0 0 10px; } .new-location-page-sec.location-page-section .testimonial-block { padding-top: 88px; padding-bottom: 28px;} .new-location-page-sec.location-page-section .location-new-bottom-sec .testimonial-block {padding-top: 100px; padding-bottom: 0px;} .location-page-section .yoast-faq-new.yoast-faq-five{margin-bottom: 40px;} .new-location-page-sec .featured-logo .item { margin: 15px 0;} .location-accordion .card-body {margin-top: 30px;} /******2024******/ .portfolio-single-two-page .about-top-title { text-align: center; padding: 10px 0 40px 0; } .project-all-the-details { float: left; width: 100%; background: #faf9f5; padding: 54px 0 54px 0; margin-top: -30px; position: relative; } .project-all-the-details:before { content:""; width: 100%; left: 0; top: 75px; right:0; height: 3px; background: #0a5443; position: absolute; } .single-project .portfolio-single-two-page .project-page-section .container-small { max-width: 900px; } .project-all-the-details .accordion-header { margin-top: 0; } .accordion-header strong { font-weight: 400; text-transform: uppercase; position: relative; top: 4px; } .project-all-the-details .accordion-header .accordion-button { background: #faf9f5; border-radius: 0 !important; padding: 0 38px; color: #000; } .accordion-header .accordion-button .btn.btn-large:hover {background: none; } .project-all-the-details .btn span { line-height: 42px; height: 42px; float: left; } .project-all-the-details .accordion-button::after{ background: none !important; } .project-all-the-details .accordion-button:not(.collapsed)::after { background: none !important; } .project-all-the-details .accordion-button .btn span::after{ content: ""; position: relative; top: 11px; flex-shrink: 0; width: 24px; height: 23px; background: url(../images/plus.svg) no-repeat left top; background-size: 100% auto; display: block; } .project-all-the-details .accordion-button:not(.collapsed) .btn span::after { content: ""; background: url(../images/minus.svg) no-repeat left top; background-size: 100% auto; display: block; } .accordion-item:last-of-type { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-item { background-color: transparent; border: none; } .project-all-the-details .accordion-button { font-size: 26px; color: #212a31; background-color: transparent; padding: 0; border: none; outline: none; box-shadow:none; } .project-all-the-details .btn { margin: 0 9px 0 0; border-radius: 0; background: transparent; padding: 0; } .project-all-the-details .accordion-header { text-align: center; } .project-all-the-details .accordion-button { display: inline-block; margin: 0 auto; width: auto; } .custom-project-thumb{width:100%;display: flex;justify-content: space-between;margin-top:90px;float:left; margin-bottom: 100px; position: relative !important; top: 0 !important; } .custom-prev-project, .custom-next-project{width:100%;max-width:232px;display: flex;align-items: center; justify-content: center; position: relative; z-index: 1;} .custom-prev-project img, .custom-next-project img{width:100%;height: auto} .custom-project-thumb .btn { margin: 0; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding-left: 0; padding-right: 0; } .custom-project-thumb .btn span { min-width: 227px; padding: 0 20px; } .custom-project-thumb.project-arrow.project-arrow-new a { border: none !important; width: 100%; } .project-arrow-new .btn.btn-right .fa-arrow { margin-left: 2px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .custom-project-thumb.project-arrow-new a .btn-left .fa-arrow { margin-right: 12px !important; } .custom-project-thumb.project-arrow-new a .btn-right .fa-arrow { margin-left: 12px !important; } .custom-project-thumb.project-arrow-new .btn span { padding-left: 0; padding-right: 0; } .custom-project-thumb .testimonial-box{position: absolute;left: 0;right: 0;margin: 0 auto; padding-top: 0; max-width: 100%; } .nice-testimonial-box { padding: 0px; text-align: center; position: relative; max-width: 630px; margin: 0 auto; } .nice-testimonial-box-new { position: relative; padding: 50px 80px; } .portfolio-single-two-page .testimonial-box-new { padding: 0px; text-align: center; position: relative; max-width: 630px; margin: 0 auto; } .portfolio-single-two-page .testimonial-box-new .testimonial-box-new-inner { position: relative; padding: 0 80px; } .project-page-section .project-single .btn{ line-height:30px !important; } .project-page-section .project-single .btn span {display: inline-block;} .project-page-section .project-single .btn{ padding-top:5px !important; padding-bottom:5px !important; } .project-single a span { width:100px !important; line-height:30px !important; } /* Wp Block Gallery */ .wp-block-gallery li.blocks-gallery-item {text-align: center;padding-left: 0;} .wp-block-gallery li.blocks-gallery-item:before {display:none;} .wp-block-gallery {width: 100%; display: block;} .g-recaptcha {display: block;clear: both;margin-bottom: 1em;margin-left: 0px;width: 100%;} .wp-block-gallery .blocks-gallery-item figcaption {padding: 10px 10px 9px !important;background: rgba(255,255,255,.7) !important;color: #000 !important;} .wc_captcha-form {width: 100%;display: inline-block;margin-left: 15px;max-width: 250px;border: 1px solid #000;border-radius: 4px;padding: 18px;background: #eaeaea;text-align: center;} .wc_captcha-form label { width: 100%;} .wc_captcha-form input {border: 1px solid #000;height: 38px;padding: 0 10px;} .wc_captcha-form span {font-weight: bold;font-size: 22px;} .wp-block-image figcaption {text-align: center;background: #f8f3eb; margin: 0px; padding: 10px; font-size: 16px;} .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 16px;} .search-post a.readmore { border-bottom: none; padding-left: 4px;} .search-not-found { padding-top: 18px; text-align: center;} .quiz-page div.fca_qc_quiz { padding-left: 0 !important; padding-right: 0 !important; } .quiz-page div.fca_qc_quiz { max-width: 100% !important; } .quiz-page div.fca_qc_quiz div.fca_qc_answer_div.fca-qc-twoup { width: calc(25% - 30px); margin: 12px !important; height: auto !important; padding:0 !important;} .quiz-page div.fca_qc_answer_div { height: auto !important; } .quiz-page div.fca_qc_answer_div img.fca_qc_quiz_answer_img { max-width: 100% !important; max-height: inherit !important; width: 100% !important; height: auto !important; margin: 0 !important; } .quiz-page .fca_qc_quiz span.fca_qc_answer_span { display: none; } .quiz-page #fca_qc_question { font-size: 26px !important; font-family: inherit !important; font-weight: 400 !important; } .quiz-page .fca_qc_optin_container { max-width: 640px;padding: 30px !important;background: #f9f9f9;border: 1px solid #dddddd;margin: 0 auto !important;} .quiz-page div.fca_qc_quiz input.fca_qc_optin_input { width: 100% !important;border-radius: 0 !important;border: 1px solid #293546 !important;height: 48px !important;line-height: 48px !important;padding-left: 10px !important;padding-right: 10px !important;font-size: 16px;margin: 16px 0 0 !important;} .quiz-page div.fca_qc_quiz p.fca_qc_email_headline { margin-top: 0 !important; margin-bottom: 10px !important; } .quiz-page .fca_qc_quiz button.fca_qc_button {margin-top: 15px;font-size: 15px !important;width: auto !important;min-width: 237px;font-weight: 400 !important;padding: 0 !important;text-transform: uppercase;line-height: 50px;border-radius: 3px !important;-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;} .quiz-page div.fca_qc_quiz p.fca_qc_email_headline { font-size: 26px !important; font-family: inherit !important; font-weight: 400 !important; } .quiz-page .fca_qc_quiz_footer { display: none !important; } .quiz-page .fca-qc-back, .quiz-page .fca-qc-front, .quiz-page .flip-container { height: auto !important;} .quiz-page .fca-qc-front { position: relative !important; } .wpvqgr-answer { background: #fff !important; border: none !important;} .quiz-page .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-selected-answer {background: transparent !important;} .wpvqgr-answer .wpvqgr-checkbox { display: none;} .wpvqgr-wrapper div.wpvqgr-askinfo { max-width: 700px; margin: 0 auto !important;} .quiz-page .wpvqgr-wrapper div.wpvqgr-askinfo h3 {text-align: center;} .wpvqgr-wrapper button.wpvqgr-button{margin-top:15px;background:#c19c3e;font-size:15px!important;border:1px solid #c19c3e!important;width:auto!important;min-width:237px;font-weight:400;padding:0!important;text-transform:uppercase;line-height:48px;border-radius:0!important;-webkit-border-radius:0px!important;-moz-border-radius:0!important} .wpvqgr-wrapper button.wpvqgr-button:hover{background-color:#000;color:#fff!important;border:1px solid #000!important} .wpvqgr-askinfo h3{text-align:center;padding-top:15px;color:#000!important;font-weight:400!important;font-size:30px!important;font-family:'quiche-sans',serif!important;color:#010101} .wpvqgr-wrapper .form-group label{font-weight:400} .wpvqgr-wrapper .form-group input{border:solid 1px #3f3938!important;border-radius:0!important;height:42px!important;background-color:#f8f8f8!important} .wpvqgr-wrapper .form-control:focus{box-shadow:none!important} .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-question-label{text-align:center!important;font-family:'quiche-sans',serif!important;line-height:30px;font-size:28px!important;font-weight:400!important;color:#010101} .wpvqgr-answer-col.col-xs-12.col-md-3{float:none;display:inline-block;width:24.5%;padding:0 10px} .wpvqgr-wrapper .wpvqgr-question .row{display:block!important;text-align:center!important} .wpvqgr-wrapper div.wpvqgr-question div.wpvqgr-answer{padding:0!important;margin:0!important} .blog-template ul.page-numbers{float:left;width:100%;text-align:center;margin:30px 0 0 0} .font-script h2{margin-top:46px;margin-bottom:36px;font-weight:400;color:#000;font-size:39px;line-height:36px} i.ubermenu-sub-indicator.fas.fa-angle-down{display:none} /* location page each accordion each question css */ .location-accordion .btn {width: inherit; min-width: inherit;} .each-question-faq .schema-faq .schema-faq-question:after {content: "";background: url(../images/faq-plus.png) no-repeat center center;display: block;width: 26px;height: 26px;background-size: 100% auto;right: 20px;top: calc(50% - 13px);} .each-question-faq .schema-faq .schema-faq-question.faq-q-open:after {content: "";background: url(../images/faq-minus.png) no-repeat center center;background-size: 100% auto;} .each-question-faq .schema-faq-question.faq-q-open {background-color: #fff;} .each-question-faq .schema-faq-section a {border-bottom: 0px solid #cdcbc8 !important;} .each-question-faq .schema-faq .schema-faq-question { font-size: 18px !important; font-weight: 600; color: #000; border-top: 2px solid #0a5443; padding: 16px 70px 16px 34px; } .each-question-faq .schema-faq p.schema-faq-answer {padding:0px 60px 30px 34px;border-bottom: none;background-color: #fff;color: #000000;font-size: 18px;} .each-question-faq .schema-faq .schema-faq-section {border: none;margin-bottom: 0px; background: #fff; } .each-question-faq .schema-faq .schema-faq-section:last-child{margin-bottom: 15px; } .new-innovations-sec { float: left; width: 100%; background-size: cover !important; padding: 88px 0; margin: 92px 0 50px; } .new-innovations-box { max-width: 452px; margin: 0 auto; text-align: center; background: rgba(255,255,255,.9); } .new-innovations-title { background: #fff; padding: 15px 15px 13px 15px; } .new-innovations-title h2 { text-transform: uppercase; padding: 0; margin: 0; } .new-innovations-sec-details { max-width: 296px; margin: 0 auto; } .new-innovations-sec-details h3 { font-size: 20px; margin-top: 20px; } .new-innovations-sec-details .btn { min-width: 198px; margin: 10px auto -30px; } .footer-top { text-align: center; display: flex; gap: 6px; justify-content: center; margin-top: -28px; } .footer-top .btn { margin: 0; line-height: 52px; } .inner-page-section.about-page-section { padding-bottom: 0; } .inner-hero-sec { float: left; width: 100%; background-size: cover !important; position: relative; min-height: 660px; padding: 73px 0 56px; } .inner-hero-sec:before { content:""; position: absolute; left: 0; top: 0; right: 0; height: 350px; width: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95)); } .inner-hero-content-sec { position: relative; z-index: 1; } .inner-hero-content-box { width: 100%; max-width: 738px; margin:0 auto; background-color: rgba(255, 255, 255, 0.8); padding: 44px 40px 46px; } .inner-hero-content-box-inner { background: #fff; padding: 42px 55px 0; text-align:center; } .page-top-title { position: relative; } .inner-hero-sec .page-top-title { color: #fff; } .inner-hero-sec .page-top-title h1 { color: #fff; font-size: 28px; } .inner-hero-sec .page-top-title p { color: #fff; margin-top: 5px; margin-bottom: 17px; } .inner-hero-content-box-inner .btn.btn-border { margin: 20px auto -20px; } .inner-hero-content-box-inner p, .inner-hero-content-box-inner ul li { text-align: left; } .inner-hero-sec.about-inner-hero-sec .page-top-title h1 { text-transform: uppercase; } .inner-hero-content-box-inner h2 { margin-top: 16px; } .about-us-first-sec { float: left; width: 100%; } .about-us-first-sec .about-the-shady-lady-sec { padding: 49px 0; } .about-us-first-sec .about-the-shady-lady-content { max-width: 462px; } .about-us-first-sec .about-the-shady-lady-content p { padding-left: 0; } .discover-custom-window-treatments-sec { float: left; width: 100%; margin: 0 0 49px; text-align: center; background: #faf9f5; min-height: 286px; display: flex; align-items: center; justify-content: center; } .discover-custom-window-treatments-sec h2 { margin-top: 0; margin-bottom: 2px; } .discover-custom-window-treatments-sec .btn { min-width: 288px; } .full-width-testimonial-box { float: left; width: 100%; position: relative; background-size: cover !important; } .full-width-testimonial-box:after { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), #000); } .full-width-testimonial-box .testimonial-block { position: relative; color: #fff; z-index: 1; display: flex; align-items: center; min-height: 395px; } .full-width-testimonial-box .testimonial-block .container-small { max-width: 480px; } .inner-page-section.sustainability-promise-page-section { padding-bottom: 0; } .inner-hero-sec.sustainability-promise-hero-sec .page-top-title { margin-bottom: 43px; } .inner-hero-sec.sustainability-promise-hero-sec .inner-hero-content-box { padding: 38px; } .inner-hero-sec.sustainability-promise-hero-sec .inner-hero-content-box-inner { padding-bottom: 60px; } .our-commitment-sec { float: left; width: 100%; padding: 56px 0; } .our-commitment-full { background: #faf9f5; text-align: center; padding: 47px 8px 70px; } .our-commitment-sec .container-fluid { max-width: 1342px; margin: 0 auto; } .our-commitment-list { padding: 17px 0 60px; } .our-commitment-box { max-width: 276px; } .our-commitment-icon { border-bottom: 3px solid #0a5443; margin-bottom: 12px; } .our-commitment-icon span { width: 76px; height: 76px; background: #f1eee0; display: block; margin: 0 auto 15px; border-radius: 100%; } .our-commitment-box p { text-align: left; } .our-commitment-bottom-sec .btn { min-width: 310px; } .sustainability-promise-page-section .full-width-testimonial-box .testimonial-block .container-small { max-width: 580px; } .inner-hero-sec.product-page-hero-sec::after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 350px; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.8)); } .inner-hero-bottom-content-sec { text-align: center; color: #fff; position: relative; z-index: 1; margin-bottom: -30px; } .inner-hero-bottom-content-sec h2 { color: #fff; } .inner-hero-sec.product-page-hero-sec { padding-bottom: 0; padding-top: 66px; min-height: auto; } .inner-hero-sec.product-page-hero-sec .inner-hero-content-sec { margin-top: 110px; } .inner-hero-sec.product-page-hero-sec .inner-hero-content-sec h1 { margin-top: 0; text-transform: uppercase; font-size: 28px; margin-bottom: 18px; } .inner-hero-sec.product-page-hero-sec .inner-hero-content-box-inner { padding-top: 30px; padding-bottom: 46px; } .inner-hero-bottom-content-sec .btn { min-width: 292px; } @media screen and (min-width: 992px){ .page-template-product .secondary-menu { margin-top: 0; position: relative;} .secondary-menu .container { max-width: 100%; width: 100%; } .secondary-menu a { padding: 10px 15px !important; } .secondary-menu .navbar-nav { justify-content: flex-end; } .page-template-product header.header-eight .header-nav { padding: 0; } /*.stuck .header-secondary-menu { display: none; } .header-secondary-menu-main { display: none; }*/ header.header-eight .header-secondary-menu .navbar-nav { justify-content: flex-end; } .header-eight .header-secondary-menu .navbar-nav li a { padding-left: 0; padding-right: 0; } header.header-eight .header-secondary-menu .navbar-nav li { padding: 2px 18px; } .header-secondary-menu-main ul li a { color: #fff; } .header-secondary-menu-main ul li a.active{ color: #d0a801 !important; } .header-secondary-menu-main { padding-top: 5px; } } /******* PRODUCT PAGE PRODUCT CENTER***********/ .product-page-main.product-page-section { padding: 0; } .products-page-listing-main { float: left; width: 100%; padding: 40px 0 70px; } @media screen and (max-width: 1359px){ .products-page-listing-main .row { justify-content: center; }} @media (min-width:1360px) and (max-width:5000px) {.products-page-listing-main .row { justify-content: center; }} .product-top-title { text-align: center; padding: 70px 15px 0 15px; } .product-top-title h2 { margin-bottom: 17px; } .products-box figure { position:relative; } .products-box figure:after { content: ""; width: 100%; left: 0; right: 0; bottom: 24px; height: 152px; display: block; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); position: absolute; } .products-box figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 2; } .products-box figure figcaption h2 { color: #fff; font-size: 20px; margin-bottom: 15px; } .products-box figure figcaption ul { display: flex; justify-content: center; background: rgba(250,249,245,.9); padding: 9px 0; margin: 0; align-items: center; flex-wrap: wrap; } .products-box figure figcaption ul li { color: #000; padding: 0 18px; margin: 2px 0; } .products-box figure figcaption ul li:before { content:"•"; background: none; color: #000; top: 2px; left: -3px; } .products-box figure figcaption ul li:first-child:before { display: none; } .product-photo-by { text-align: center; padding: 0 12px; text-transform: uppercase; } .product-photo-by p { font-size: 15px; } .discover-custom-window-treatments-sec.product-discover-sec .btn { min-width: 310px; } .custom-drapes-in-action-sec { float: left; width: 100%; text-align: center; } .custom-drapes-title h2 { font-size: 28px; margin-top: 0; margin-bottom: 40px; } .custom-drapes-in-action-sec .custom-drapes-in-action-inner .row{justify-content: center !important; } .drapes-captions { text-transform: uppercase; padding: 5px 0 0; } .custom-drapes-box { padding-bottom: 40px; } .product-page-section .full-width-testimonial-box .testimonial-block .container-small { max-width: 580px; } .inner-hero-sec.inner-small-hero-sec { min-height: auto; } .inner-hero-sec.inner-small-hero-sec::before { height: 100%; } .inner-small-hero-sec .page-title { padding-top: 35px; } .blog-posts-list-sec { float: left; width: 100%; padding: 48px 0 0; } .blog-thumb figure figcaption { position: absolute; left: 0; top: 0; bottom: 0; display: flex; justify-content: space-between; flex-direction: column; background: rgba(255,255,255,0.8); width: 238px; padding: 15px 30px 40px; text-align: left; } .category-bottom-title p { color: #000 !important; text-transform: uppercase; letter-spacing: 2px; } .blog-single-sec { float: left; width: 100%; padding: 30px 0 0; } .sidebar-first-sec { position: relative; padding: 27px 0 0; } .sidebar-first-logo { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; background: rgba(255,255,255,.64); width: 254px; padding: 0 36px 36px 36px; z-index: 1;} .sidebar-guide-thumb figure { position: relative; margin: 0; } .sidebar-guide-thumb figure:before { content:""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 163px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); } .sidebar-guide-thumb figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 12px 20px; } .sidebar-guide-thumb figure figcaption h2 { color: #fff; } .sidebar-threee .sidebar-first-sec .btn { min-width: 300px; } .popular-post{border: 3px solid #acaba5;padding: 26px 15px;} .popular-post { padding: 5px 0 0; } .popular-post figure { position: relative; } .popular-post figure::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 100px; opacity: 0.66; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);z-index: 1;} .popular-post figure figcaption {position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; padding: 0 30px; color: #fff;} .popular-post h2{ margin: 0 0 4px;} .sidebar-threee .sidebar-search button {position: absolute;right: 8px;bottom: 12px;background: transparent;border: none;width: 41px;height: inherit;color: #fff;} .sidebar-search .input-text { max-width: 100% !important;padding-right: 50px !important; } .need-sec { padding: 0; text-align: center; border: none; margin-bottom: 34px; } .need-sec ul { margin: 0px; text-align: center; } .need-sec ul li { padding: 8px 0 9px 0; margin: 0; display: block; font-size: 16px; } .need-sec ul li:before { display: none; } .need-sec ul li a { font-weight: 400; color: #000; } .need-sec ul li a:hover { color: #d0a801; } .product-listing-box figure > img, .product-listing-box figure > picture > img { object-fit: cover !important; min-height: 340px; } .about-the-shady-lady-pic img { object-fit: cover !important; min-height: 462px; } .about-the-shady-lady-content .testimonial-block-new { margin-bottom: 0; } header.header-eight .header-secondary-menu .navbar-nav li a { color: #fff; } header.header-eight .header-secondary-menu .navbar-nav li a:hover, header.header-eight .header-secondary-menu .navbar-nav li a.active { color: #d0a801; } header.header-eight .header-secondary-menu .navbar-nav li::before { display: block; background: none; color: #fff; content: "•"; top: 11px; font-size: 16px !important; width: auto; height: auto; left: -2px; } header.header-eight .header-secondary-menu .navbar-nav li:first-child::before { display: none; } .inner-page-section.contact-page-2.contact-page-4-new { padding-bottom: 0; } .inner-contact-sec { float: left; width: 100%; padding: 60px 0 0; } .request-form-section a { color: #000; } .request-form-section a:hover { color: #d0a801; } .faq-container { float: left; width: 100%; } .inner-page-section.location-page-section.new-location-page-sec { padding-bottom: 0; } .landing-page-section { position: relative; } .landing-page-section:before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 350px; width: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95)); } .landing-page-section .container-small { position: relative; z-index: 1; } .landing-page-section .page-title h1 { color: #fff; margin-bottom: 5px; } .landing-page-section .page-title h2 { color: #fff; } .new-location-page-sec .hero-slide::after { display: none; } .inner-page-sec.inner-all-main-sec { float: left; width: 100%; padding: 30px 0 0; } .wshs-post-simple-list li a { color: #000 !important; } .wshs-post-simple-list li a:hover { color: #d0a801 !important; } .page-not-found-sec { float: left; width: 100%; } .search-page-section { float: left; width: 100%; padding: 40px 0 0; } .search-post a:hover, .search-post a:hover h2 { color: #d0a801 !important; } .inner-press-page-sec { float: left; width: 100%; } .project-all-the-details.location-accordion { margin: 15px 0 35px !important; } .footer-small .footer-bottom-part { margin-bottom: 0; } header.header-eight .header-top { text-align: right;} header.header-eight .navbar-collapse.collapse:not(.show) {justify-content: flex-end;} .testimonial-block-new .testimonial-block-new { margin-bottom: 0; } .insta-blog-section .blog-thumb figure figcaption { width: 230px; padding: 12px 25px 25px; } @media screen and (min-width: 768px){ header.header-eight .dropdown-menu { margin-left: -190px; } } /* popup */ .mfp-content { max-width: 790px; } div#my-popup{ background: #fff; max-width: 620px; margin: auto; padding: 40px 30px 30px; position: relative; } .white-popup {color: #000; text-align: center; font-style: normal; font-weight: 400;} .white-popup h2{ font-family: 'quiche-sans', serif; font-size: 28px; line-height: 50px; margin: 0; font-weight: 400; } .white-popup p{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: normal; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom:11px;} .white-popup p a{ color: #0A5443; text-align: center; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.5px; text-transform: uppercase; margin: 0;} .white-popup p a:hover{ color: #D0A801; } a.address-popup{ color: #000; } a.address-popup:hover{ color: #000; } .popup-logo { position: absolute; top: -30px; left: 0; right: 0; max-width: 32px; margin: 0 auto; } .form-submit .btn { margin-top: 1px; } .mfp-auto-cursor .mfp-content { padding: 50px 10px 15px !important; } @media screen and (max-width: 520px){ div#my-popup { padding: 40px 5px 8px; } .popup-top-title { padding-left: 10px; padding-right: 10px; } .form-submit .btn { min-width: 148px; } } @media screen and (min-width: 992px){ header.header-eight .header-top { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } header.header-eight .header-top .top-guide { flex-grow: 1; flex-shrink: 0; white-space: nowrap; } header.header-eight .header-nav { padding-top: 0; padding-bottom: 0; } } .contact-new-right textarea#Description { background: #fff; } /* */ /* .post-password-form input[ type=password]{background-color: #FFF; border: 1px solid #293546; border-radius: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; color: #4a4a4a; display: block; line-height: 48px; height: 48px; padding: 0px 15px; margin: 0 15px; font-size: 16px; outline: none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width: 60%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .post-password-form label { color: #000000; font-size: 22px; float: left; width: 100%; margin: 26px 0 12px 0; line-height: normal; font-weight: 400; font-family: 'quiche-sans', serif; } .post-password-form input[type="submit"]{ border: none !important; text-align: center; min-width: 140px; /* display: inline-block; */ /* font-size: 16px; letter-spacing: normal; line-height: 33px; padding: 0 22px; /* margin-top: -4px; text-transform: uppercase; position: relative; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; vertical-align: middle; *//* } .post-password-form input[type="submit"]:hover{ background-color: #d0a801 !important; } */ .post-password-form label { margin-bottom: 6px; font-weight: 400; width: 55%; display: inline-flex; } form.post-password-form { text-align: center !important; margin-bottom: 20px; } .post-password-form input#pwbox-3873 { height: 35px; border: 1px solid #293546; margin-left: 15px; padding-left: 12px; padding-right: 12px; width: 75%; outline: none !important; border: 1px solid #293546; border-radius: 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; color: #4a4a4a; display: block; line-height: 48px; height: 48px; padding: 0px 15px; margin: 0 15px; font-size: 16px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .post-password-form input[type="submit"] { border: none !important; text-align: center; min-width: 160px; font-size: 18px; font-weight: 700; letter-spacing: normal; line-height: 33px; padding: 0 22px; text-transform: uppercase; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 3px; -webkit-border-radius: 3px; border-radius: 0 !important; -moz-border-radius: 3px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; height: 48px; border: 4px solid #fff; } .post-password-form input[type="submit"] { background-color: #c19c3e; } .post-password-form input[type="submit"] { color: #ffffff; } .post-password-form input[type="submit"]:active{ border: 4px solid #373b3e !important; }