/****************************************** TYPOGRAPHY CSS ******************************************/ html { overflow-x: hidden; width: 100%; } body { background: #FFF; padding: 80px 0 0 0; margin: 0; font-size: 16px; color: #4a4a4a; font-family: "Lato", sans-serif; line-height: 22px; font-weight: 400; height: 100%; overflow: 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; } a:hover, a:focus { text-decoration:none; } * { margin: 0; padding: 0; } /********** 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: 48px; 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: "optima-lt-pro",sans-serif; } h1 { font-size: 28px; text-transform: uppercase; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /********************* 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; padding: 51px 75px; background-image: linear-gradient(106deg, #395690 0%, #009661); color: #fff; font-style: italic; text-align: center; } /********************* BUTTON CSS *********************/ .btn,.wp-element-button{ font-family: "optima-lt-pro",sans-serif; border: 6px solid #fff !important; text-align: center; text-decoration: none; color: #fff !important; background: #395690 !important; font-weight: 700; display: inline-block; font-size: 20px; letter-spacing: 1.25px; line-height: 54px; padding: 0 20px; 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 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; 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, .sidebar a:hover .btn, .catalog-box a:hover .btn, .catalog-box a:focus .btn, .podcast-block a:hover .btn, .podcast-block a:focus .btn, .custom-prev-project a:hover .btn, .custom-prev-project a:focus .btn, .general-block a:hover .btn, .general-block a:focus .btn { text-decoration:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color: #395690 !important; background: #fff !important; border: 6px solid #395690 !important; } .btn.btn-small { line-height: 40px; } .btn.btn-no-border, .btn.btn-no-border:hover, .btn.btn-no-border:focus { border: none !important; } .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:#efefef; padding: 3px; } .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; } /********************* 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: 22px; font-size: 12px; padding-left:10px; padding-right: 10px; } .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; } .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 215px; } .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:50%; top:50%; text-align:center; color:#555; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); background: rgba(255,255,255,0.81); width: 494px; padding: 3px 15px 38px 15px; } .hero-content .container { width: 100%; } .hero-content h1 { margin-bottom: 0; } .hero-content h2 { margin-top: 0px; margin-bottom: 2px; } .hero-content .btn { margin-left:1px; margin-right: 1px; } .hero-slider { float:left; width: 100%; } .fade-slider img { width: 100%; } .hero-slide {width:100%;float:left; background-size:cover !important;} .slick-slider .slick-arrow { display: none !important; } .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: 25px !important;} .slick-next {right: 50px !important;} .slick-prev::before, .slick-next::before { font-size: 48px !important; } .slick-prev, .slick-next { z-index: 2 !important; } /*************** Page hero 1 *************/ .admin-bar .hero-slide{height: calc(100vh - 110px);} .hero-slide{ height: calc(100vh - 80px); background-size: cover !important; } /*************** 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: 0px; padding-right: 20px; } .footer-social-icon ul { width: 100%; text-align: center; margin-bottom: 0; } .footer-social-icon ul li { display: inline-block; padding: 0 5px; margin: 0; } .footer-social-icon ul li:before { display: none; } .footer-social-icon ul li a { font-size: 22px; text-align: center; border: none; display: block; color: #7bbdc5; } .footer-social-icon ul li a:hover { border: none; 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-family: 'Brittany Signature'; 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: 30px; } .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: 15px 0; } .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-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; } /********************* PAGE THREE CSS END *********************/ /********************* SECTION CSS *********************/ section { padding:0 0 80px 0; float:left; width:100%; } section h1 { text-transform:uppercase; } .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: 9px; } /********* MAIN HEADING SECTION *********/ .main-heading-section { float:left; width: 100%; padding: 55px 0 85px; text-align: center; } .main-heading-section .container-small { max-width: 652px;} .main-heading-section h2 { text-align: center; } .three-access-sec { float: left; width: 100%; position: relative; background: #000; color: #fff; padding: 0 0 60px; } .three-access-sec::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 55px; background: #fff; } .three-access-sec .container-fluid { max-width: 1440px; } .access-box { max-width: 334px; margin: 0 auto; } .access-icon span { width: 106px; height: 106px; align-items: center; justify-content: center; display: flex; border: solid 2px #fff; background-image: linear-gradient(to bottom, #029562, #355a8d); border-radius: 100%; font-size: 32px; color: #fff; font-family: "optima-lt-pro",sans-serif; margin: 0 auto; position: relative; } body .wp-block-aab-accordion-item { border-radius: 0 !important; border: none !important; } .aagb_accordion_d618a300_0 > .aagb__accordion_container.aagb__accordion_active, body .aagb__accordion_container.aagb__accordion_active { border-radius: 0 !important; border: none !important; } .wp-block-aab-accordion-item .aagb__accordion_head { border-top: 6px solid !important; border-image: linear-gradient(90deg, rgba(0, 150, 97, .57) 0%, rgba(123, 190, 196, .57) 100%) 1 !important; } .access-icon span img { position: absolute; left: 0; top: 0; } .three-access-sec h2 { color: #fff; margin-top: 12px; } .two-catalog-sec { float: left; width: 100%; text-align: center; margin-bottom: 58px; } .catalog-box.zoom figure { padding: 0; margin: 8px 0 0; } .catalog-box figure figcaption { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; } .catalog-box figure figcaption h2 { color: #fff; margin: 0; padding: 0; } .catalog-box .btn { margin: -30px auto 0; min-width: 334px; } .nice-two-col-sec { float: left; width: 100%; padding: 90px 0; } .nice-two-col-sec .row { align-items: center; justify-content: center; } .nice-col-left-image { position: relative; border: 7px solid #fff; max-width: 567px; margin-left: auto; margin-right: 6px; } .center-logomark { position: absolute; right: -42px; top: 50%; width: 78px; height: 78px; background: #fff; border-radius: 100%; margin-top: -39px; display: flex; justify-content: center; align-items: center; } .center-logomark img { width: 44px; } .nice-col-right-content { padding: 0 30px 0 90px; } .nice-col-right-content h2 { margin-bottom: 20px; } .nice-col-right-content .btn { margin-top: 8px; } /********* 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; } .inner-page-section.about-V5-page { padding-bottom: 140px; } .home-services-section.about-meet-the-team { margin-top: 7px; } .about-meet-the-team .services-listing .row { margin-left:-4px; margin-right: -4px; } .about-meet-the-team .services-listing .col-lg-4 { padding-left:4px; padding-right:4px; } .about-meet-the-team .services-listing { padding-top: 7px; } .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; } .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;} @media (min-width:1200px) and (max-width:5000px) { .about-4 .meet-team-section { margin-top: 10px; } .about-4 .meet-team-block { display: flex; align-items: center; } .about-4 .meet-team-left { display: table-cell; width: 37%; vertical-align: top; } .about-4 .meet-team-right { display: table-cell; width: 63%; vertical-align: top; text-align:left; padding: 0 0px 0 35px; } .about-4 .meet-team-section .col-md-6 { width: 100%; float: none; display: inline-block; vertical-align: top; margin-bottom: 30px; } .about-4 .meet-team-left .team-thumb { margin-top: 8px; } } @media (min-width:768px) { .about-4 .meet-team-block { display: flex; align-items: center; } } /********************* 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 0 0 0;padding:20px 15px 20px 15px;} .sidebar-guide .btn{ margin:0; 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 { text-decoration:none; font-weight:400;} .comment-content-top h5 a:hover {color: #395690;} .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: #000; text-align: center; } .top-author li { display: inline-block; padding: 10px 10px; margin: 0; color: #fff; } .top-author li:before { width: 4px; height: 4px; left: -4px; top: 20px; background-color: #fff; } .top-author li:first-child:before { display: none; } .top-author li a { font-size: 16px; color:#fff; border: none !important; } .top-author li a:hover { color:#7bbdc5; } /********************* 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; } @media screen and (min-width: 992px){ .menu-text{ display:none;} } .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-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: 1004px; 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:42%; } .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: 100px; padding-bottom: 100px; display: inline-block; margin: 0 auto; width: 100%; position: relative; } .testimonial-block:before { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(103deg, rgba(57, 86, 144, .7) 0%, rgba(0, 150, 97, .7)); } .contact-form-main { padding-top: 9px; } .testimonial-block { background-size: cover !important; } .testimonial-block .container-small { max-width: 676px; } .testimonial-block-new { position: relative; color: #fff; display: flex; align-items: center; gap: 40px; } .testimonial-block-left { width: 128px; height: 128px; overflow: hidden; border-radius: 100%; border: 7px solid #fff; flex: 0 0 128px; background: #fff; } .testimonial-block p:first-child { margin-bottom: 20px; } .testimonial-block p:last-child { font-style: italic; margin-bottom: 8px; } .testimonial-block-new.row-reverse { flex-direction: row-reverse; } .testimonial-block.home-testimonial-block-middle .container-small { max-width: 700px; } .testimonial-block.home-bottom-testimonial-block .container-small { max-width: 716px; } .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: 60px !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-top-box .wp-block-button a{ border-bottom: 6px solid !important;} .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 55px; } /******** 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:30px 0 0 0; } .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: 10px 0 0; float: left; width: 100%; } .landing-page-section .container-small { max-width:924px; } .landing-page-section h2 { font-size: 24px; line-height:31px; margin-bottom: 20px; } .landing-page-form { float:left; background: #fff; width: 100%; padding: 0px 44px 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; } @media screen and (min-width: 768px){ .project-page-3col-v3a .project-listing { padding-right: 25px; padding-left: 25px; } .project-v2-page-2col .project-listing { padding-right: 25px; padding-left: 25px; } .project-page-3col-v3 .project-listing { padding-right: 25px; padding-left: 25px; } } .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 { margin-top: 18px; } .project-page-1a .project-items h2,.project-page-main-1 .project-items h2 {color: #fff;} /*** 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:162px; font-size: 18px; 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/new-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; } .project-arrow.project-arrow-new.fixed-btn .btn-left.btn { border-left: none !important; } .project-arrow.project-arrow-new.fixed-btn .btn-right.btn { border-right: none !important; } /********************* FOOTER CSS *********************/ footer { float: left; width: 100%; background: #000; color: #fff; } .footer-top { text-align: center; } .footer-btn { padding: 18px 0; } .footer-btn .btn { min-width: 253px; } .footer-top-link ul { text-align: center; } .footer-top-link ul li { font-family: "optima-lt-pro",sans-serif; font-size: 20px; text-transform: uppercase; letter-spacing: 1.25px; margin: 14px 0; padding: 0; } .footer-top-link ul li:before { display: none; } .footer-top-link ul li a { color: #fff; border: none !important; } .footer-top-link ul li a:hover { color: #7bbdc5; } 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 { padding: 20px 0 38px; } .footer-logo a { border: none !important; } .footer-logo img { max-width: 322px; } address span { display: block; } .map { margin-bottom: 15px; } .footer-bottom-part { display: flex; align-items: center; justify-content: center; padding: 12px 0; } .footer-links ul { display: flex !important; flex-direction: row !important; } .footer-links ul { margin-bottom: 0; } .footer-links ul li { margin:0; color: #7bbdc5 !important; font-size: 16px; padding-left: 23px; } .footer-links ul li:before { content:"•"; background-color:transparent; width:auto; height:auto; left:8px; top:2px; font-size: 14px; } .footer-links ul li:first-child { padding-left: 0; } .footer-links ul li:first-child:before { display: none; } .footer-links ul li a { color: #7bbdc5 !important; border: none !important; } .footer-links ul li a:hover { color: #fff !important; } .footer-top .container { position: relative; } .footer-popup-box { width: 374px; height: 454px; background-size: cover !important; border: 7px solid #fff; position: absolute; right: 0; bottom: 20px; opacity: 0; -moz-transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; -moz-transform: translate3d(0px, 75px, 0px); -webkit-transform: translate3d(0px, 75px, 0px); -o-transform: translate(0px, 75px); -ms-transform: translate(0px, 75px); transform: translate3d(0px, 75px, 0px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; } .footer-popup-box a { padding: 48px 30px 36px; display: flex; border: none !important; position: relative; z-index: 2; width: 100%; height: 100%; } .footer-popup-box.show { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } .footer-popup-box-inner { border: 3px solid #395690; padding: 55px 20px 45px 20px; } .footer-popup-box-inner h2 { color: #fff; margin-top: 0; margin-bottom: 50px; } .footer-popup-box-inner p { color: #fff; margin: 0 0 23px; letter-spacing: 1px; } .footer-popup-box-inner .btn.btn-no-border { min-width: 248px; } .popup-close-btn { position: absolute; right: 15px; top: 10px; z-index: 3; font-size: 18px; cursor: pointer; } .popup-close-btn:hover { color: #395690; } /********************* PRESS PAGE CSS *********************/ .press-page-main .section-title h1{ margin: 0; text-transform: uppercase;} .press-listing{width:100%;float:left;} .press-box-main{width:100%;float:left;text-align:center;min-height:290px;margin:36px 0px 44px 0px;} .press-box-main .press-text a{ border-bottom: 6px solid !important;} .press-logo{display:block; padding-bottom:26px; min-height:100px;} .press-page-main .press-logo img{max-height: inherit; max-width: 200px;} .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:340px; 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; 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: 0;} .whats-heppaning-section .section-title h1{ 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:22px 15px; } .podcast-block a:hover .btn, .podcast-block a:focus .btn{ border: 1px solid #000;} .podcast-block p{ max-width:228px; display:inline-block; vertical-align:middle; margin:-2px 0 2px;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:-8px 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 29px 22px;} .general-block.spacing a { padding: 21px 22px 29px 22px; } .general-block.section-bg-color.spacing { margin-top: 13px;} .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 85px 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:46px; font-size: 18px; } /******* Location Page ***********/ .location-page-section .page-title { padding-bottom: 10px; } .all-location { float: left; width: 100%; text-align: center; } .all-location .row { justify-content: center; } .all-location h2 { text-transform: uppercase; 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; line-height: 50px; } .location-page-section .big-button { margin-top: 15px; margin-bottom: 45px; } .quick-location .row { margin: 0; } .quick-location .col-md-6 { padding: 0; } .quick-location.section-bg-color {float: left; width: 100%;} .quick-right-contact { text-align: center; padding: 70px 20px 15px; } .quick-right-contact .logo-contact img { max-width: 320px; height: auto; } .quick-right-contact a { color: #4a4a4a; 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 15px;} .project-page-2col .project-items h2{margin: 0px; } .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:13px 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: 100%;z-index: 1;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56));} .sidebar-five .popular-post figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 0 20px; color: #fff; top: 0; display: flex; align-items: center; justify-content: center; } .sidebar-five .popular-post figure figcaption h2 { color: #fff; margin: 0; padding: 0; } .sidebar-five.sidebar-threee .sidebar-search button {position: absolute;right: 15px;bottom: 15px;background: transparent;border: none;width: 24px;height: inherit;color: #fff;} .sidebar-five .sidebar-search .input-text { max-width: 100% !important;padding-right: 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: 54px; } .sidebar-threee .btn { min-width: 272px; width: auto; } .sidebar-threee .sidebar-guide-thumb { padding: 0; margin-top: -23px; } .sidebar-threee .sidebar-guide-thumb img { width: 100%; } .sidebar-threee .popular-post { border: none; margin-bottom: 40px; } .sidebar-threee .popular-post ul li { padding: 0 0 1px; } .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: 6px solid #395690; padding: 5px 12px; max-width: 320px; height: 55px; line-height: 55px; color: #000; font-size: 20px; } .sidebar-threee .sidebar-search button { left: inherit; position: absolute; right: 0; bottom: 0; background: #b4b2af; border: none; width: 52px; height: 48px; color: #fff; font-family: "optima-lt-pro",sans-serif; letter-spacing: 1.25px; } .sidebar-search input::placeholder { color: #000; opacity: 1; font-size: 20px; font-family: "optima-lt-pro",sans-serif; letter-spacing: 1.25px; } .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, .zoom a:hover figure picture>img,.zoom a:focus figure picture>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>img, .zoom .blog-thumb>img, .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: 0px; } .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; } /************** 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 img,.zoom-slider .slick-slide .hero-slide {width: 100%;-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: scale(1.3); transform: scale(1.3);} .zoom-slider .slick-slide.slick-active img,.zoom-slider .slick-slide.slick-active .hero-slide {-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(0px);}to {-webkit-transform: scale(1.3) translate(0px);}} @-webkit-keyframes cssAnimation {from {-webkit-transform: scale(1) translate(0px);}to {-webkit-transform: scale(1.3) translate(0px);}} /************** 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; padding: 0 0 0 12px; color: #fff; } .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; max-width: 390px; } .timeline-top-sec h2 { text-transform: inherit !important; } .timeline-last-inner .btn:hover { border: none; } .timeline-bottom-sec ul { padding: 20px 0 0px; margin: 0; position: relative; } .timeline-bottom-sec ul:after { content:""; position: absolute; left: 50%; top: 0; bottom:0; background-image: linear-gradient(0deg, #009661 0%, #7bbec4); width: 6px; height: 100%; margin-left: -3px; } .timeline-bottom-sec ul li { padding: 22px 0; margin: 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 0px 6px; margin: 0; position: relative; } .timeline-box h2{ position: relative; display: inline-block; width: 100%; margin-bottom: 12px; font-size: 20px; color: #fff; } .timeline-box h2 strong { font-weight: 700; } .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: 36px; height: 6px; background: #6cb9b8; position: absolute; top: 10px; z-index: 1; } .timeline-bottom-sec ul li:nth-child(even) .timeline-box { margin-left: auto; text-align: right; } .timeline-bottom-sec ul li:nth-child(even) .timeline-box p { text-align: right; margin-left: auto; max-width: 362px; } .timeline-bottom-sec ul li:nth-child(odd) .small-timeline { padding-left: 42px; padding-right: 0px; margin-left: auto; } .timeline-bottom-sec ul li:nth-child(even) .small-timeline { padding-right: 54px; padding-left: 0px; } .timeline-bottom-sec ul li:nth-child(odd) .small-timeline:before { left: 3px; background: #2ca485; } .timeline-bottom-sec ul li:nth-child(even) .small-timeline:before { right: 3px; background: #50b0a1; } .timeline-bottom-sec ul li:first-child .small-timeline:before { background: #6cb9b8; } .timeline-dots { display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: center; margin: 4px 0 40px; } .timeline-dots span { width: 6px; height: 6px; display: grid; border-radius: 100%; } .timeline-dots span:nth-child(odd) { background: #395690; } .timeline-dots span:nth-child(even) { background: #7bbdc5; } .timeline-dots span:first-child { background: #019662; } .timeline-last .btn { min-width: 360px; } .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; margin-bottom: -36px; } .home-blog-listing.blog-listing .col-md-4 {padding: 0 10px;} /**************** Our Page four END ***************/ .services-testimonial .testimonial-block-left { width: 228px; height: 228px; border-radius: 0; flex: 0 0 228px; } .testimonial-block.about-testimonial::before { background-image: linear-gradient(103deg, rgba(57, 86, 144, .83) 0%, rgba(0, 150, 97, .83)); } .testimonial-block.services-testimonial::before { background-image: linear-gradient(103deg, rgba(57, 86, 144, .9) 0%, rgba(0, 150, 97, .9)); } /**************** 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; } .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 h1 { font-size: 32px; text-transform: capitalize; margin: 0; padding: 0; } .location-right h2 { font-size: 20px; text-transform: uppercase; line-height: 38px; margin: 0; padding: 0; font-weight: normal; } 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; display: none; } .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 .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; } 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 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-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;} .stuck.navbar-fixed-top.header-five{padding: 18px 0px} 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; -webkit-transition: left .3s ease-in-out;-moz-transition: left .3s ease-in-out;left:0;transition: left .3s ease-in-out; width: 41px; height: 31px; } 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: 5px; width: 41px; background: #395690; position: absolute; display: block; content: '';right:0;} header.header-five .navbar-toggler span{top: 15px;} header.header-five .navbar-toggler span:before { top: -12px;} header.header-five .navbar-toggler span:after { bottom: -12px;} .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 0 0 30px;position: relative;z-index: 3;} body.page-style-five { padding: 102px 0 0 0; } header.header-five .navbar-collapse{position: fixed;background: #FFF;height: 100%;top: 0px;width: 300px;left: -300px;display:block;padding: 30px 30px 30px 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;} .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: 295px;-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 li a, header.header-five .navbar-nav li ul li a { font-family: "optima-lt-pro",sans-serif; } header.header-five .navbar-nav .nav-link {color:#000; padding: 6px 0 !important; font-size: 18px; } header.header-five .navbar-nav .nav-link:hover, header.header-five .navbar-nav .nav-link:focus { color: #395690; } 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:7px 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: 5px 0 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;} .hero-main-sec { float: left; width: 100%; background-size: cover !important; position: relative; padding: 70px 0 0; } .hero-main-sec:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(to right, #122243 0%, rgba(0, 0, 0, 0.63) 60%); height: 100%; } .hero-main-sec:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; bottom: 0; background: #fff; height: 140px; } .hero-main-sec .container-fluid { position: relative; z-index: 1; } .hero-main-container { max-width: 1440px; margin: 0 auto; position: relative; padding: 0 0 30px; } .hero-video-sec { max-width: 608px; border: solid 7px #fff; margin-left: auto; } .hero-video-sec iframe { width: 100% !important; } .hero-video-text { text-align: center; max-width: 600px; margin: 0 auto; } .hero-video-top-title { text-align: center; color: #fff; margin-bottom: 30px; } .hero-video-top-title h1 { color: #fff; font-size: 24px; margin-top: 32px; padding-top: 0; margin-bottom: 10px; } .hero-video-top-title p { max-width: 434px; margin: 0 auto 8px; } .hero-video-top-title .btn { margin-left: 7px; margin-right: 7px; min-width: 230px; } .counter-top { width: 135px; height: 135px; align-items: center; justify-content: center; display: flex; border: solid 2px #fff; background-image: linear-gradient(to bottom, #029562, #355a8d); border-radius: 100%; font-size: 32px; color: #fff; font-family: "optima-lt-pro",sans-serif; margin: 0 auto; } .counter-box h5 { margin-top: 7px; text-transform: uppercase; } /**/ header.header-five .navbar-nav li a { 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: #395690 !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: #395690; } 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-home { float: left; width: 100%; } .black-title-top { background: #000; color: #fff; padding: 18px 15px; } .black-title-top h2 { color: #fff; text-transform: uppercase; margin: 0; padding: 0; } .blog-listing-3 .blog-post-title { max-width: 300px; position: relative; margin: -28px 0 0 0; top: 0px; } .blog-listing-4.blog-listing-home .blog-post { margin-bottom: 3px; margin-top: 7px; } .blog-listing-3 .blog-post-title.btn h2{font-size: 16px; line-height: 1.3;letter-spacing: 0.5px;} .blog-listing-3 .blog-post:hover .btn{background-color: #000000;} .blog-listing-3 .blog-post{margin-bottom:35px;} .blog-listing-4 .blog-post-title{width: 328px; border: 2px solid #fff; padding: 30px 35px 35px 35px; background-image: linear-gradient(118deg, #395690 0%, #009661); color: #fff; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; margin: 0 auto; flex-direction: column; } .blog-listing-4 .blog-post-title h2{font-size: 22px; color: #fff !important; margin-top: 0; margin-bottom: 0; line-height: normal; } .blog-listing-4 .blog-post-title p { color: #fff !important; text-transform: uppercase; letter-spacing: 1px; } .blog-listing-4 .blog-post{margin-bottom:26px;margin-top: 26px;} .blog-thumb img { filter: grayscale(100%) contrast(1.4); -webkit-filter: grayscale(100%) contrast(1.4); transition: filter 300ms ease; } .blog-post a:hover .blog-thumb img { filter: none; -webkit-filter: none; } .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 { border: none !important; } .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 */ .logo a { display: flex; align-items: center; justify-content: center; gap: 20px; } .stuck .logo a { gap: 0px; } header.header-seven .logo{max-width:320px;} .stuck.navbar-fixed-top.header-seven {padding-top: 8px !important; padding-bottom: 8px !important;} header.header-seven .logo img{max-width: 100%;} header.header-seven .header-links .btn{margin: 0; border: solid 6px #fff !important; border-right: none !important;} header.header-seven .header-links .btn:hover {border-color: #395690 !important; } header.header-seven .header-links { margin-right: 0px;} header.header-seven{padding-top: 25px !important; padding-bottom: 25px !important;} .logo a .logo-text { width: 100%; 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; } .logo a .logo-mark img { max-width: 71px; } .stuck .logo a .logo-text { width: 0; } .stuck .logo a .logo-mark img { max-width: 60px; } .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:30px;left:0;right:0;z-index: 2; text-align: center;overflow:hidden;} .hero-seven-content .tagline{display:inline-block; padding: 0 30px; position: relative;} .hero-seven-content .tagline:after{content:""; width:5000px;position: absolute; left:-5000px;bottom:50%;height:1px; background: rgb(255,255,255);} .hero-seven-content .tagline:before{content:""; width:5000px;position: absolute; right:-5000px;bottom:50%;height:1px; background: rgb(255,255,255);} .main-header-seven .tagline h1{font-size: 22px; text-transform: uppercase;color:#FFF;} .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-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-reverse;} .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-hero-sec { float: left; width: 100%; background-size: cover !important; position: relative; margin-bottom: 6px; } .about-hero-sec:before { content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #122243 0%, rgba(0, 0, 0, 0.63) 60%); } .page-title-sec { text-align: center; } .page-title-sec { display: flex; align-items: center; justify-content: center; width: 100%; padding: 8px 0 12px; } .page-title-sec h1 { position: relative; display: flex; width: 100%; align-items: center; color: #c6eaed; } .page-title-sec h1::before, .page-title-sec h1::after { content: ""; flex: 1; height: 6px; background-image: linear-gradient(91deg, #009661 0%, #7bbec4); } .page-title-sec h1::before { margin-right: 20px; } .page-title-sec h1::after { margin-left: 20px; } .about-hero-content { position: relative; color: #fff; padding-bottom: 120px; } .about-hero-content .container-small { max-width: 660px; } .about-hero-content h2 { color: #fff; } .about-hero-content p { color: #fff; } .nice-two-col-sec.about-nice-two-col-sec { color: #fff; background-image: linear-gradient(to left, #395690, #1c7963); } .about-nice-two-col-sec .nice-col-right-content { padding: 0 0 0 65px; max-width: 520px; } .about-nice-two-col-sec h2 { color: #fff; } .about-main-heading-section .btn { min-width: 360px; margin-top: 0; } .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 { width: 100%;float: left; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; padding: 55px 0;} .service-fea-sec {margin-bottom: -1px !important;} /********************************************************** START MEDIA KIT ************************************************/ .media-kit-page-main .inner-title { margin-bottom: 0px;} .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: 28px;} .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;} .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 {background-color: #527388; color: #FFF; } .speaker-sheet p {margin:0px;} #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: 300px; float: left;} @media (min-width:1200px) and (min-height:800px) { .faq-page-main{min-height: 605px;} } /* 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: 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; opacity: 0; } .yoast-faq-one-inner { margin-bottom: 10px;} /* 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;} .schema-faq-section:first-child strong.schema-faq-question { margin-top: 0px;} strong.schema-faq-question {margin-bottom: 2px; margin-top: 15px; position: relative; float: left; width: 100%;} .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%;} .schema-faq-question strong {font-weight: 600; font-size: 18px;} .yoast-faq-three-inner .aagb__accordion_body--show {margin-bottom: 5px;float: left; width: 100%;} .yoast-faq-three-inner {margin-bottom: 15px;} .request-form-section iframe { width: 100% !important;height: 100% !important; } /* 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: #f4f4f4; padding: 10px 15px 5px 15px;} .yoast-faq-four .faq-block-nav-title a{color: #fff;display: inline-block;background-color: #c19c3e;font-size: 24px;text-transform: none;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 22px;position: relative;z-index: 1;font-weight: 300;text-shadow: none;margin: 0 16px;} .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:40px;text-align: center;} .yoast-faq-four .faq-container .container > p{text-align:center;} .yoast-faq-four .faq-block-nav-title a.active{color: #000;background: #f4f4f4;} .yoast-faq-four .faq-block-nav-title a:hover, .faq-block-nav-title a:focus{background: #f4f4f4; color: #000;} .yoast-faq-four .container-small {max-width: 100%; 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: #f4f4f4; 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; border: none !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; border: none !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; border: none !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; border: none !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: 104px; padding-bottom: 95px; } .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; } @media screen and (min-width: 768px){ .design-service-page-v1 .service-box-v1 { display: flex; align-items: center; } .design-service-page-v1 .service-box-v1 .services-details { padding-right: 4%; padding-top: 25px; padding-bottom: 25px; } .design-service-page-v1 .services-thumbnail { width: 36%; margin-right: 4%; } .inner-page-section.design-services-2-page.design-service-page-v1 { padding-bottom: 80px; } .inner-page-section.design-services-1-page.new-service-page.service-v2-new-template { padding-bottom: 72px; } } /*******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: #f6f6f6; -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:#fbfbfb;} header.header-eight .logo {position: absolute; left: 0; right: 0;top: calc(50% - 13px); margin: 0 auto; max-width: 95px;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;} header.header-eight .logo img{width:100%;max-width: 100%;height:auto;} header.header-eight.stuck .logo{max-width: 76px;} header.header-eight.stuck .logo {top: calc(50% - 13px);} header.header-eight.stuck .header-nav{padding:22px 0px 22px 0px} 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: 1px; width: 23px; background: #000; 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: 30px 0px 30px 0px; 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;} .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 22px;margin: 0} header.header-eight .navbar-nav li:before { display:none;} header.header-eight .navbar-nav .nav-link{color: #4a4a4a; text-transform:uppercase;font-size:16px;} header.header-eight .navbar-nav .nav-link:hover, header.header-eight .navbar-nav .nav-link:focus{color: #000000;} 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 .navbar-nav .dropdown-menu li {padding: 0 0px; margin: 0;} .header-eight .navbar-nav li a {padding-top: 10px !important; padding-bottom: 10px !important;} header.header-eight .navbar-nav ul.submenu li a.dropdown-item.active{ color: #fff !important; background-color: #c19c3e;} ._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 iframe{/* width:100% !important */} .location-content-sec{width:100%;display: inline-block;} .new-location-page-sec .about-section{width:100%;display: inline-block;} .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%; padding: 65px 0 70px 0; margin-top: -30px; } .single-project .portfolio-single-two-page .project-page-section .container-small { max-width: 900px; } .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: 13px; flex-shrink: 0; width: 16px; height: 16px; background: url(../images/plus-icon.png) no-repeat left top; background-size: 100% auto; display: block; } .project-all-the-details .accordion-button .btn:hover, .project-all-the-details .accordion-button .btn:focus { background: #395690 !important; } .project-all-the-details .accordion-button:not(.collapsed) .btn span::after { content: ""; background: url(../images/plus-icon.png) no-repeat left bottom; 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 0 0 15px; border-radius: 0; } .project-all-the-details .accordion-header { text-align: center; } .project-all-the-details .accordion-button { display: inline-block; margin: 0 auto; width: auto; } .project-all-the-details .card-body { padding-top: 15px; } .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} @media screen and (min-width: 992px) { .custom-project-thumb .testimonial-box{position: absolute;left: 0;right: 0;margin: 0 auto; padding-top: 0; max-width: 100%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .portfolio-single-two-page .testimonial-box-new .testimonial-box-new-inner { margin-top: 70px; } } .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; font-size: 17px; letter-spacing: .3px; } .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: 4px !important; } .custom-project-thumb.project-arrow-new a .btn-right .fa-arrow { margin-left: 4px !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: 85px; max-width: 100%; min-height: 300px; padding-bottom: 85px; } .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; } .custom-project-thumb .testimonial-block-right { text-align: left; } .testimonial-block.about-testimonial .container-small { max-width: 734px; } .project-page-main.portfolio-single-two.portfolio-single-two-page { padding-bottom: 40px; } .team-box { margin-top: -63px; position: relative; z-index: 1; } .team-box .service-btn { max-width: 328px; margin: 0 auto; text-align: center; padding: 20px 30px; border: solid 7px #fff; background-image: linear-gradient(113deg, #395690 0%, #009661); color: #fff; color: #fff; display: flex; flex-direction: column; align-items: center; min-height: 141px; justify-content: center; gap: 5px; } .team-box .service-btn h3 { color: #fff; margin: 0; padding: 0; } .team-box .service-btn p { color: #fff; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 1px; } .membership-perks-sec { float: left; width: 100%; margin: 28px 0 83px } .three-access-sec.four-access-sec { padding-bottom: 0; padding-top: 2px; } .four-access-sec .access-box { max-width: 270px; margin: 0 auto 40px; } .four-access-sec .access-box h2 { text-align: center; margin-bottom: 18px; } .apply-now-center-btn { text-align: center; margin-bottom: -30px; } .apply-now-center-btn .btn { min-width: 360px; margin: 0 auto; text-align: center; } .sercices-faq-title { text-align: center; } .sercices-faq-title h2 { margin-top: 0; margin-bottom: 16px; } .membership-perks-title h2 { text-align: center; margin-bottom: 15px; } .new-service-page .pricing-top-box-section .container-small { max-width: 650px; } .new-service-page .main-heading-section.pricing-top-box-section { padding-top: 27px; padding-bottom: 0; } .pricing-tiers-explained-sec { float: left; width: 100%; position: relative; } .pricing-tiers-explained-sec:after { content:""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 50px; background: #000; } .pricing-tiers-explained-sec .row { align-items: flex-end; position: relative; z-index: 1; overflow: hidden;} .pricing-box { max-width: 255px; margin: 0 auto; text-align: center; background: #345c8c; color: #fff; border-radius: 8px 8px 0 0; position: relative; } .pricing-2 .pricing-box { padding-bottom: 44px; background: #266b81; } .pricing-3 .pricing-box { padding-bottom: 88px; background: #3287a1; } .pricing-4 .pricing-box { padding-bottom: 130px; background: #009661; border-radius: 10px 10px 0 0; } .pricing-4 .pricing-box:before { content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px 8px 0 0; border: 8px solid #86de50; border-bottom: none; } .pricing-title { border-bottom: 2px solid #fff; padding: 21px 0; position: relative; } .pricing-title h2 { color: #fff; margin: 0; } .pricing-details { padding: 51px 0; } .pricing-details p { font-weight: 700; } .pricing-details p:first-child { font-size: 45px; } .pricing-details p:last-child { font-size: 21px; } .collaborative-vendor-list-sidebar figcaption { position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 35px; } .collaborative-vendor-list { border: 3px solid #395690; height: 100%; padding: 11px; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; } .collaborative-vendor-list h3 { color: #fff; text-transform: uppercase; margin-top: 0; margin-bottom: 33px; } .collaborative-vendor-list p { color: #fff; text-transform: uppercase; margin-bottom: 10px; } .collaborative-vendor-list p strong { font-weight: 400; position: relative; display: inline-block; } .collaborative-vendor-list p strong:before, .collaborative-vendor-list p strong:after { content:""; position: absolute; top: 9px; width: 5px; height: 5px; background: #fff; border-radius: 10px; } .collaborative-vendor-list p strong:before { left: -13px; } .collaborative-vendor-list p strong:after { right: -15px; } .collaborative-vendor-list .btn { width: 100%; min-width: 100%; } .sidebar-threee .sidebar-guide.designers-sidebar { border-bottom: 6px solid transparent !important; border-image: linear-gradient(90deg, rgba(0,150,97,0.58) 0%, rgba(123,190,196,0.58)); border-image-slice: 1; border-top: 6px solid transparent !important; width:100%; padding-bottom: 24px; } .designers-sidebar .center-logomark-icon { width: 78px; height: 78px; background: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative; z-index: 2; } .designers-sidebar .center-logomark-icon img { width: 44px; } .designers-sidebar figure { margin-top: -34px; } .sidebar-guide.designers-sidebar h2 { margin: 0 0 -15px 0; padding: 30px 0 0 0; position: relative; z-index: 3; } .sidebar-threee .sidebar-guide.designers-sidebar .btn { width: auto; margin-top: -33px; min-width: 274px; } .sidebar-five .popular-post figure img { filter: grayscale(100%) contrast(1.4); -webkit-filter: grayscale(100%) contrast(1.4); } .sidebar-five .popular-post a:hover figure img { filter: none; -webkit-filter: none; } .catalog-box.zoom figure img { min-height: 250px; object-fit: cover; } .testimonial-block.about-testimonial { padding-top: 117px; padding-bottom: 117px; } .landing-page-section .vfbp-form .btn-primary, .new-location-page-sec .btn { border-color: #395690 !important; } .insta-landing-page .blog-listing-4 .blog-post { margin-bottom: 10px; margin-top: 10px; } @media (min-width:1360px) { .page-content-inner.blog-page.blog-listing-4.home-blog-listing .blog-listing.blog-listing-3 { padding: 0 10px; } } .wp-block-embed iframe , .single-post iframe { width: 100%; height: 100%; aspect-ratio: 16 / 9;}