/****************************************** TYPOGRAPHY CSS ******************************************/ html { overflow-x: hidden; width: 100%; } body { background: #f5f3ef; padding: 80px 0 0 0; margin: 0; font-size: 16px; color: #342f2f; font-family: 'Lato', Arial, Helvetica, sans-serif; line-height: 20px; font-weight: 300; height: 100%; overflow-x: hidden !important; width: 100%; position: relative; } h1, h2, h3, h4, h5, h6, input, select, textarea, button { outline: none !important; } header, section, footer { display: block; } /********************* LINK CSS *********************/ a { outline: none !important; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } a:hover, a:focus, select:focus, button:focus { outline: none; } a:hover, a:focus { text-decoration:none; } * { margin: 0; padding: 0; } p a, ul li p a, ul li a, ol li p a, ol li a{ border-bottom: 1px solid #98332c !important; color:#696161 !important; } p a:hover, ul li a:hover, ol li a:hover, ul li p a:hover, ol li p a:hover { border-bottom: 1px solid #98332c !important; color:#98332c !important; } h2 a, h3 a, h4 a, h5 a, h6 a{ border-bottom: 1px solid #98332c !important; color:#696161 !important; } h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus{ border-bottom: 1px solid #98332c !important; color:#98332c !important; } /********** INPUT **********/ .input-text { background-color: #FFF; border: 1px solid #bf9180; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; color: #696161; 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 #696161; } textarea.input-text { height: auto !important; line-height: 24px; min-height: 50px; line-height: normal; padding: 10px 15px !important; background-color: #fff; 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:#696161;} .form-submit .btn { min-width: 160px; /*line-height: 48px;*/ font-size: 18px; } ::-webkit-input-placeholder { color: #696161; } ::-moz-placeholder { color: #696161; } :-ms-input-placeholder { color: #696161; } :-moz-placeholder { color: #696161; } label { margin-bottom: 6px; font-weight: 400; } /********************* HEADING CSS *********************/ h1, h2, h3, h4, h5, h6 { margin: 26px 0 15px 0; line-height: normal; color:#696161; font-weight: 400; font-family: "Instrument Serif", serif; } h1 { font-size: 36px; text-transform: uppercase; line-height: 40px; } h2 { font-size: 32px; line-height: 38px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } /********************* 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 1px; padding: 0 0 0 20px; position: relative; line-height: 22px; list-style: none; } ul li:last-child { margin-bottom: 0px; } ul li:before { content: ""; width: 6px; height: 6px; background-color: #696161; position: absolute; left: 0px; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } ul li a { text-decoration: none; } 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 15px; 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; } /********************* BUTTON CSS *********************/ .btn, ._form ._submit{ border: 1px solid #bf9180 !important; text-align: center; text-decoration: none; color: #98332c !important; background: #fff !important; font-weight: 300; display: inline-block; font-size: 18px; font-family: 'Lato', Arial, Helvetica, sans-serif !important; letter-spacing: normal; line-height: 53px; padding: 0 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; -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; vertical-align: middle; } .btn:hover, .btn:focus, .btn:active, ._form ._submit:hover, ._form ._submit:focus, .sidebar-block a:focus .btn, .sidebar-block a:hover .btn { border: 1px solid #b5726c !important;text-decoration:none; box-shadow: none; -webkit-box-shadow: none;color: #FFF !important; -moz-box-shadow: none;background: #b5726c !important; } .xs-btn { min-width: 186px; } .sm-btn { min-width: 234px; } .md-btn { min-width: 300px; } .lg-btn { min-width: 360px; } blockquote{ padding:50px 0 55px 0;margin: 50px 0 50px 0; background-image: url('../images/pattern.png'), url('../images/pattern.png'); background-repeat: repeat-x, repeat-x; background-position: top, bottom; background-size: auto; border: none; font-size: 16px; color:#342f2f; } .font-script h2 { font-family: "Instrument Serif", serif; margin-top: 46px; margin-bottom: 36px; font-weight: normal; color: #696161; font-size: 39px; line-height:36px;} /********************* HEADER CSS *********************/ .navbar-fixed-top { background: #fff; } header.navbar-fixed-top { padding: 0px;} .header-nav { float: left; width: 100%; padding: 0 12px 0 18px;-webkit-transition: padding .4s ease-in-out, top .4s ease-in-out;-moz-transition: padding .4s ease-in-out, top .4s ease-in-out;transition: padding .4s ease-in-out, top .4s ease-in-out; } .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;} .top-guide span { line-height: 20px; font-size:16px; } .top-guide span a { display:inline-block; float:right; margin:0 0 0 6px; font-size:15px; } .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 *********************/ .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: 14px; 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 *********************/ .btn-two { background-color: #b4b2af; padding: 7px 20px; display: inline-block; min-width: 250px; font-size: 20px; text-transform: uppercase; color: #fff; font-weight:500; border: none; margin-top: 15px; } .btn-two:hover { background: #cdcbc8; color: #fff; border: none; } .header-two, .header-two.stuck { background: #f5f3ef; } .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: 280px; position: absolute; left: 0; top: 23px; right: 0px; margin: 0 auto; text-align: center; image-rendering: -webkit-optimize-contrast;} .header-left { position: absolute; left: 15px; top: 12px; padding: 0;display:none; z-index: 102 !important; } .header-left a { font-size: 14px; font-weight: 500; font-family: "futura-pt",sans-serif; text-transform: uppercase; color: #333333; vertical-align: top; } .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; } .header-two .ubermenu-nav { margin-top: 0 !important;padding-right: 28px !important;text-align:center} .header-two .header-nav { padding: 28px 26px 31px 26px; } .menu-logo{width:376px !important;font-size:0px;} .ubermenu a.ubermenu-target{color:#342f2f !important;padding: 10px 15px 15px 15px !important;} .ubermenu a.ubermenu-target:hover, .ubermenu a.ubermenu-target:focus, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target{color:#98332c !important;} .header-two.stuck .header-nav{padding: 12px 26px 15px;} .header-two.stuck .logo-two{top: 8px;} /********************* HERO THREE CSS *********************/ .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-family: 'Noto Serif', serif; 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: absolute; left: 30px; top: 15px; } /*.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle { padding: 19px 20px !important; }*/ .stuck.navbar-fixed-top.header-three { background-color: inherit; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; } /********************* HERO BANNER *********************/ .main-header { float: left; width: 100%; position: relative; padding: 0px 0 0 0;border-top: 14px solid #f1f0ed; } .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 { background-size:cover !important;height:calc(100vh - 92px);} .hero-slider .slick-slide div{float:left; width: 100%;} .slick-slider .slick-arrow { display: none !important; } .main-header:hover .slick-slider .slick-arrow { display:inline-block !important; } .slick-dots li:before { display:none; } .slick-next::before {content: "\f105";font-family: FontAwesome;color: #bf9180;font-size: 40px;line-height: 48px; position:relative;left:2px;} .slick-prev::before {content: "\f104";font-family: FontAwesome;color: #bf9180;font-size: 40px;line-height: 48px; position:relative;left:-2px;} .slick-slider .slick-arrow{ width: 50px; line-height: 48px; height: 50px; padding: 0px 0 0px 0!important; text-align: center; background:#FFF;color: #bf9180;-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); border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;} .main-header{position: fixed;left:0; top: 79px;-webkit-transition: top .3s ease-in-out;-moz-transition: top .3s ease-in-out;transition: top .3s ease-in-out;} .stuck.navbar-fixed-top + .main-header{ top: 48px;} .main-page-section { position: relative; z-index: 2;} .page-template-index-php footer{ position: relative; z-index: 2;} /********************* HERO TWO CSS *********************/ .main-header-two { float: left; width: 100%; position: relative; padding: 0; } .main-header-two .hero-content { color: #555; background: rgba(255,255,255,0.76); padding: 0 30px 22px 30px; } .main-header-two .hero-slider img { width: 100%; height: auto; } .main-header-two .hero-content { width: auto; } .main-header-two h1 { font-size: 30px; text-transform: uppercase; margin-top: 22px; font-weight: 500 !important; } .main-header-two h2 { font-size: 16px; text-transform: uppercase; margin-top: 8px; font-weight: 500 !important; } .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; } .pages-post-list { float: left; width: 100%; } .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 { background-color:rgba(255,255,255,0.75); min-width: 280px; padding: 20px; display: block; color: #333; text-transform:uppercase; font-size: 30px; text-align: center; line-height:normal; font-weight: 500; font-family: "futura-pt",sans-serif; -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-btn:hover { background: #b4b2af; color: #fff; } /********************* HOME ABOUT CSS *********************/ .home-about-section{width:100%;float:left;border-bottom: 14px solid #f1f0ed;border-top: 14px solid #f1f0ed;} .home-about-main{width:100%;float:left;display:flex;} .home-about-left{width:50%;float:left; position:relative;} .home-about-right{width:50%;float:left;display:flex; position:relative;} .home-about-right-inner{width:100%;max-width:316px; margin:0 auto;align-self:center;} /*.home-about-right-inner p {text-align: center;}*/ .home-about-right h2{font-size:32px;border-bottom: 14px solid #f1f0ed;font-family:"Instrument Serif", serif; text-align:center; padding-bottom:15px; margin:0 0 22px 0;} .home-about-right .btn{display:block;} .testimonials-section{width:100%;float:left; padding:100px 0 40px 0;} .testimonials-section .container-large{max-width:1040px;} .testimonials-main{width:100%;max-width:480px;margin:0 auto; text-align:center;} .testimonials-icon{display:block; margin-bottom:16px;} .testimonials-icon img{width:100%;max-width:55px;} .testimonials-main h2{font-size:21px;margin:0 0 22px 0;} .client-detail{display:block;} .testimonial-section-home { float: left; width: 100%; padding: 100px 0 0; } .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: 50px; height: 35px; } .testimonial-box p { margin-bottom: 22px; } .testimonial-box p:last-child { text-transform: uppercase; } .featured-section.featured-section-new { text-align: center; padding: 40px 0 90px 0; } .featured-section-new .container { max-width: 1090px; } .featured-section-new h2 { text-transform: uppercase; } .featured-item .item { display: inline-block; width: 32.9%; } .footer-two { text-align: center; } .logo-footer { margin-bottom: 25px; } .footer-two address { line-height: normal; margin: 0; } .footer-social-icon { padding-top: 25px; } .footer-social-icon ul { width: 100%; text-align: center; margin-bottom: 0; } .footer-social-icon ul li { display: inline-block; padding: 0 5px; } .footer-social-icon ul li:before { display: none; } .footer-social-icon ul li a { background: #b4b2af; font-size: 21px; line-height: 24px; min-width:24px; text-align: center; border: none; display: block; color: #fff; } .footer-social-icon ul li a:hover { border: none; } .footer-two .footer-links { padding-bottom: 0; } /********************* HERO THREE CSS (PAGE THREE) *********************/ .main-header-three { float: left; width: 100%; position: relative; padding: 0; } .hero-text { background: #333333; padding: 19px 22px; position: absolute; bottom:0; right:0; } .main-header-three .hero-slider img { width: 100%; height: auto; } .main-header-three .hero-content { width: auto; } .main-header-three h1 { font-size: 18px; text-transform: uppercase; font-weight: 500; color: #fff; margin: 0; line-height:normal; } .main-tagline-section { float: left; width: 100%; padding: 65px 0 90px; } .main-tagline-section .container-small { max-width: 720px; } .main-tagline-section .nice-title { text-align: center; padding-bottom: 5px; } .nice-title h2 {font-size: 75px; } .main-heading-left { text-align: right; padding-right: 17px; } .main-heading-left h2 { font-size: 28px; margin-top: 0;} .main-heading-right { padding-left: 7px; padding-top: 5px; } .services-listing-new { float: left; width: 100%; } .services-listing-new .row { margin-left: -2px; margin-right: -2px; } .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: #fff; color: #eae7e4; } .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-left a { color: #555555; } .footer-bottom-left a:hover { text-decoration: underline; } .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:40px 0 96px 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: 60px; } /********* MAIN HEADING SECTION *********/ .main-heading-section { float:left; width: 100%; padding: 55px 0 85px; } .main-heading-section .container-small { max-width: 480px;} .main-heading-section h2 { text-align: center; } /********* 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: -40px 0 0 0; float: left; width: 100%; } .services-listing .row { margin-left:-3px; margin-right: -3px; } .services-listing .col-lg-4 { padding-left:3px; padding-right:3px; } .services-box { float: left; width: 100%; } .services-box figure { position: relative; } .services-box figure img { width: 100%; } .services-box figure figcaption { position: absolute; left:0; right:0; bottom:0; text-align: center; background-image: -webkit-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: -ms-linear-gradient(bottom, #000, rgba(0,0,0,0)); background-image: linear-gradient(to top, #000, rgba(0,0,0,0)); padding:20px 0 0 0; } .services-box figure h2 { color: #fff; margin-bottom: 10px; } .service-btn { margin-bottom: -25px; } /********* FEATURED SECTION *********/ .featured-section { float: left; width: 100%; padding: 80px 0 12px 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; width: auto; } .home-about-left img {width: 100%; height: 100%;} /********* ABOUT US PAGE *********/ .page-title { text-align: center; padding-bottom:17px; } .page-title h1{font-family:"Instrument Serif", serif; text-align:center;margin:0 0 0px 0;} .about-photo { padding-bottom: 0px; border-top: 14px solid #f1f0ed;} .about-photo img{width:100%;} .about-photo .row { /*margin-left: -10px; margin-right: -10px;*/ } .about-photo .col-xs-6 { /*padding-left: 10px; padding-right: 10px;*/ } .big-button { margin-top:30px; margin-bottom:50px; text-align: center; } /********* ABOUT HEADING SECTION *********/ .about-heading-section { float:left; width: 100%; padding: 100px 0 100px; } .about-heading-section .container-small { max-width: 560px;} .about-heading-section h2 { font-size:28px; margin:0 0 16px 0; } .about-author-section{width:100%;float:left;display:flex;border-top: 14px solid #f1f0ed;} .about-author-content {width:50%;float:left; position:relative;right:50%; padding:80px 80px;display:flex; justify-content: flex-end;} .about-author-thumbnail {width:50%;float:left; position:relative; left:50%;} .about-author-inner {display: block;align-self: center; max-width: 565px;} .about-author-section .section-title{text-align: left;font-size:28px; margin:0 0 22px 0;} .about-author-section .section-title h2{ margin:0 0 12px 0;} .about-author-section .section-title .title-sub{font-size:28px; font-family: 'Lato', Arial, Helvetica, sans-serif; line-height:normal; padding:16px 0 0px 0;text-transform: none;border-top: 14px solid #f1f0ed;} .about-author-section .testimonials-section{padding: 36px 0 0px 0;} /********* 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; background-color: #efefef; 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;} /********************* BLOG PAGE CSS *********************/ .blog-listing{ width:100%;float:left;} .blog-listing .row{ text-align:center;} .blog-listing .col-md-4{ width:32.9%; float:none; display:inline-block; vertical-align:top;} .blog-listing .col-md-6{ width:49.5%; float:none; display:inline-block; vertical-align:top;} .blog-post { width:100%; float:left; position:relative;text-align:center; margin-bottom:30px; } .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:19px 0 12px 0; line-height: 27px;font-size:22px; } .blog-thumb{ width:100%; float:left; position:relative; overflow: hidden;} .blog-thumb img{width:100%; -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-post:hover h2, .blog-post:focus h2 {color:#98332c;} .blog-post:hover .blog-thumb img, .blog-post:focus .blog-thumb img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .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: 760px;} .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: 56px; } .sidebar{width:100%;} .sidebar h2{ font-family: "Instrument Serif", serif;text-align:center;} .sidebar-block{width:100%;float:left; margin-bottom:60px;} .sidebar-guide{ display:block; background-color: #f7f7f7;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;line-height: 53px; width: 100%; } .sidebar-guide:hover .btn{background-color: #030303;} .sidebar-guide-thumb{display:block; padding:0 18px 18px 18px;} .sidebar-quiz{display:block; text-align:center; position:relative;} .sidebar-quiz a:hover, .sidebar-quiz a:focus, .sidebar-quiz a, .about-client a{color:#000000;} .sidebar-quiz h2{margin:0 0 1px 0;text-align:center; color: #696161; } .sidebar-quiz .btn{ width:100%; font-size: 18px; } .quize-thumb {display:block; position:relative;border-top: 11px solid #f1f0ed;} .quize-thumb img{width:100%;} .sidebar-quiz a:hover .btn{/*background-color: #034861;color: #FFF;*/} .about-client{text-align: center; position:relative;margin-bottom: 90px;} .about-client h2{margin: 0 0 6px 0;} .about-client p { font-size:21px;font-weight:300;line-height:normal; } .about-client-thumb{display:block; padding:0px;border-top: 11px solid #f1f0ed;} .about-client-thumb img{width:100%; } .about-client .btn{ min-width:300px;margin:0 0 -25px 0; } .about-client-text{display:block; position:absolute;left:0; padding:30px 0 0 0;color:#FFF;bottom:0;right:0;background-image: linear-gradient(to bottom, rgba(34, 58, 55, 0), #223a37);} .sidebar-search{position:relative;padding:0px 0px 0px 0px; /*margin:15px 0 35px 0;*/} .sidebar-search button{position:absolute; left:14px;bottom:12px; background:none; border:none; width:24px;} .sidebar-search .input-text{ padding:5px 12px 5px 50px;font-weight:400;background:#FFF;font-size:16px;} .sidebar-search h2{ text-align:center; margin: 0 0 10px 0; color:#696161; font-weight:300; } .popular-post .blog-post h2{ margin: 15px 0 5px; color: #342f2f; font-weight: 300; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px;} .popular-post { /*border:3px solid #acaba5; padding:32px 15px; text-align:center;*/} .popular-post .blog-post{margin-bottom:15px;} .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;} .popular-post ul li a:hover, .popular-post ul li a:focus { color: #c19c3e;} .blog-comments {float: left;position: relative; width: 100%;padding-bottom: 40px;} .blog-comments-section {float: left; width: 100%; background: #FFF; border:1px solid #f1f0ed; padding: 0; margin: 0;} .comment-main-title { float: left; width: 100%; padding: 20px 20px 20px 55px; position: relative; font-family: "Instrument Serif", serif; font-weight: 300; font-size: 24px; background: #fff; color:#696161; } .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: 20px;} ul.comments { display: block; width: 100%; float: left; padding: 0; margin: 0; list-style: none;} ul.comments li { float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #eaeaea;} ul.comments li:before{display:none;} .user-comment { float: left; width: 100%; padding: 18px 18px 18px 145px; margin: 0; position: relative; min-height: 140px;} .author-img { position: absolute; left: 30px; top: 25px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 94px; height: 94px; float: left; display: block; overflow:hidden;} .author-img img { width: 100%; height:auto; } .comment-content {float: left; width: 100%; padding: 0; margin: 0;} .comment-content-top {float: left;width: 100%;position: relative;padding-right: 70px;} .comment-content-top h5 {float: left;display: inline-block; font-size: 22px;font-weight: 400;padding: 0;margin: 4px 8px 0 0;line-height: normal;width:auto;} .comment-content-top h5 a {color: #342f2f; text-decoration:none; font-weight:400;} .comment-content-top h5 a:hover {color: #98332c;} .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; font-weight: normal;} .comment-reply-btn a:hover {color: #969caa;} .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; /*font-family: 'Cormorant Garamond', serif;*/ float: left; width: 100%; margin-top:0px; margin-bottom: 24px;font-weight: 300;font-size: 28px; color:#696161; font-family: "Instrument Serif", serif; } .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; } .top-author { text-align: center; } .top-author p { margin:0; } .top-author img { margin-bottom: 0; } .top-author ul { background-color:#fff !important; text-align: center; padding-top: 0px; } .top-author li { display: inline-block; padding:10px 10px; margin:0; } .top-author li:before { width: 4px; height: 4px; left: -4px; top: 20px; } .top-author li:first-child:before { display: none; } .top-author li a { font-size: 16px; color:#342f2f; border: none !important; } /********************* SERVICES PAGE CSS *********************/ .secondary-menu{width:100%;float:left; border-radius:0px;background:#efefef; position:relative; margin-bottom: 45px;} .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: #342f2f; display: block; width: 22px; height: 2px; border-radius: 1px; } .inner-page-section.no-pad{ padding-bottom:0 !important;} /********************* SERVICES PAGE CSS 2 *********************/ .design-service-page .container-small { max-width: 910px; } .services-list-section { float:left; width:100%;border-top: 14px solid #f1f0ed; border: none !important; } .services-list-section .col-md-12 { margin-top: 28px; margin-bottom:28px; float: left; } .services-thumbnail { width: 33%; float: left; position:relative; } .services-thumbnail img { width:100%;} .services-details { width: 67%; float: left;display:flex; padding:15px 160px 15px 122px; position:relative; } .services-details-inner { display:block; align-self:center; max-width: 720px; } .services-details h2 { margin-top: 0px;margin-bottom:27px; } .services-details .p2 a {color: #000000; border:none !important} .services-details .p2 a:hover, .services-details .p2 a:focus {color: #bf9180; } .services-list-main{width:100%;float:left;display:flex;} .services-list-main.even .services-thumbnail { width: 67%; left:33%;} .services-list-main.even .services-details { width: 33%; right:67%; padding:15px 130px 15px 100px;} .full-services-section{width:100%;float:left;} .full-services-tagline{width:100%;float:left;background-color: #f1f0ed; text-align:center; padding:26px 15px 22px 15px;} .full-services-tagline h2{font-size:28px;font-family:"Instrument Serif", serif;margin:0;} .full-services-list{width:100%;float:left; padding:100px 0 60px 0;} .full-services-list .container{width:100%;max-width:1090px;} .full-services-list .row{ margin:0 -30px;text-align: center} .full-services-list .col-md-4{width:32.5%; padding:0 30px;float:none;display:inline-block; vertical-align:top;} .full-services-main{display:block;text-align:left} .service-no{display:block;font-size:84px;font-family:"Instrument Serif", serif;margin:0px;color:#bf9180; padding:0 0 26px 22px;border-bottom:1px solid #9e8d7e;line-height:0.8; position:relative;} .service-no:before{content:""; position:absolute; left:0;bottom:0;width:1px;background:#9e8d7e;height:31px} .section-title{display:block; text-align:center;} .full-services-main h2{font-size:28px;margin:17px 0 0 0;font-family:"Instrument Serif", serif} .full-services-list .section-title h2{font-size:36px;margin:0px 0 0px 0;font-family:"Instrument Serif", serif} .full-services-list .section-title {margin:0px 0 40px 0;} /********************* 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-family: 'Cormorant Garamond', serif; text-transform:uppercase; font-size: 28px; color:#030303; text-align: center; z-index:5; } .or-text span { border-bottom: 2px solid #030303; } .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: #342f2f; } .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:#342f2f; } .address-section ul li:last-child:after { display: none; } .address-section ul li a { color: #342f2f; } .address-section ul li a:hover, .address-section ul li a:focus { color: #212b63; } .testimonial-block { padding-top: 62px; display: inline-block; margin: 0 auto; text-align: center; width: 100%; } .contact-form-main { padding-top: 9px; } .testimonial-block .container-small { max-width: 370px; } .testimonial-block-new { position: relative; margin-bottom: 28px; } .testimonial-block-new:before { content:""; position:absolute; left:50%; margin-left:-21px; top: -43px; background:url(../images/quotation-marks.png) no-repeat left top; width:53px; height:35px; } .testimonial-block p { margin-bottom: 5px; } .contact-page-section { padding-top: 55px; max-width: 950px; margin: 0 auto; } .contact-page-section .request-form-section { width: 100%; } .footer-small{padding: 12px 0 12px 0;} .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: -7px; margin-bottom: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: 600px; } .contact-center .or-section:after { width: 1px; background-color: #979797; } .contact-center .or-text span { border-bottom: none; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 300; color: #555555; } .contact-right { float: left; width: 44%; } .contact-right .contact-right-section { width: 100%; float:left;} .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; background: #f1f0ed; } .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; margin:0; font-size: 32px; font-family: "Instrument Serif", serif; text-align: center; margin: 0 0 0px 0;} .lcp-3 { background: #f1f0ed; float: left; width: 100%; } .contact-half .request-form-section { width: 100%; padding: 30px 122px; } .contact-section-2 .lcp-3{background: #FFF;display: flex; justify-content: center; align-content: center; flex-direction: row;} .contact-right.contact-half{border-top: 14px solid #f1f0ed;border-bottom: 14px solid #f1f0ed; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; border: none !important;} .contact-right-section .request-form-section ._form{padding-top: 0;} .page-template-contact-v3 .contact-content-area { text-align: center;padding-bottom: 17px;} .page-template-contact-v3 .contact-content-area .container-small { max-width: 500px; } /********************* FAQ PAGE CSS *********************/ .faq-page{ padding-bottom:0px; padding-top: 0px; } .faq-content { display:block; margin-bottom:22px;} .faq-page h2.panel-title{ margin:0 0 5px 0; /*font-family: 'Cormorant Garamond', serif;*/ font-size:32px; } .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{background-color: #efefef;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; border: none !important; transition: all 0.3s ease 0s; text-decoration:none;} .faq-page #accordion .panel-title a:hover, .faq-page #accordion .panel-title a:focus { border: none !important; } .page-title p:last-child { margin-top:4px; } .faq-bottom-text { text-align: center; padding: 30px 15px 10px; } .faq-page .z-tabs > .z-container > .z-content > .z-content-inner { padding-top:36px;} .z-tabs.horizontal.responsive > ul.z-tabs-desktop > li > a{ margin:0;top: 0px;text-shadow:none;} .z-tabs.silver > ul > li > a{ background:#FFF;background-image:none !important;color: #000000;border:none;font-size:25px;line-height:30px;font-weight: normal; /*font-family: 'Didot', Arial, Helvetica, sans-serif;*/box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important;margin: 0;} .z-tabs.silver > ul > li.z-active > a, .z-tabs.silver > ul > li > a:hover{color:#b2a08b;background: #fff;} .z-tabs.responsive.horizontal.top > ul > li.z-last-row.z-active{top: 0;padding-bottom: 0;margin-top: 0;} .z-tabs.silver > ul > li:before{display:none;} .z-tabs.horizontal.z-shadows > .z-container, .z-tabs > .z-container{/*background:#ebe9e3;*/-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border: none !important;} ul.z-tabs-desktop {width:100%;display:table !important;} ul.z-tabs-desktop > li{width:auto !important; float:none !important; display:table-cell;text-align:center;} .z-tabs.mobile > ul.z-tabs-mobile > li > a > span.z-arrow{right: 10px;} .z-tabs.horizontal.responsive > ul.z-tabs-desktop:after{ content:""; background:#e0d6cb; position:absolute; left:0px;right:0;top: 17px; height:2px; z-index:0;} .z-tabs.silver > ul > li > a {display: inline-block;background-color: #FFF;font-size: 25px;text-transform: uppercase;border: none;border-bottom: none !important;border-radius: 0px 0px 0px 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;padding: 2px 30px;position: relative;z-index: 1;} .faq-four ul.z-tabs-desktop > li{width:auto !important; float:none !important; display:inline-block;text-align:center; padding:0 9px;} .faq-four ul.z-tabs-desktop {width:100%;display:block !important; text-align:center;} .faq-four .z-tabs.horizontal.top > ul > li.z-active{top: 0;margin-top: 0;padding-bottom: 0;} .faq-four .z-tabs.silver > ul > li > a {color:#fff; display: inline-block;background-color: #c19c3e;font-size: 24px;text-transform: none;border: none;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;} .faq-four .z-tabs.horizontal.z-shadows > .z-container,.faq-four .z-tabs > .z-container{background:#f4f4f4;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border: none !important;} .faq-four .z-tabs.silver > ul > li.z-active > a,.faq-four .z-tabs.silver > ul > li > a:hover{color:#342f2f;background: #f4f4f4;} .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);} .faq-three .faq-page h2 a .close-button { float: none; display: inline-block; width: 42px; height: 42px; border: 1px solid #bdb5a5; margin-right: 15px; } .faq-three .faq-page h2 a .close-button:before, .faq-page h2 a .close-button:after { width: 24px; height: 1px; top: 19px; left: 8px; } .faq-three .faq-page .panel.panel-default { background-color: transparent;} .faq-three .faq-page .panel-body { padding: 0 !important;background: transparent !important;} .faq-three .panel-body-detail { background-color: #e8e4e1; padding: 55px 100px; } .faq-three .faq-page h2{ text-align:left; } .faq-three .faq-page h2 a{ border-bottom:none !important; } /********************* Instagram PAGE CSS *********************/ .page-title.insta-page-title h1{ font-size:32px; } .insta-landing-page{width:100%;float:left; padding:50px 0 0; } .insta-landing-page .container{ max-width:1020px;} .insta-img{width:100%;float:left; padding-bottom:30px;} .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:462px; } .landing-page-section h2 { font-size: 28px; 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: 13px; line-height:normal; } /******** PROJECT PAGE CSS ********/ .project-page-main { padding-top: 50px; } .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-section-inner .row{margin-right: -10px;margin-left: -10px} .project-box{ width:100%;float:left;padding:10px; position:relative;} .project-box:before{ content:""; position:absolute;top:10px;left:10px;right:10px;background:#f1f0ed;height:14px; display: none;} .project-box.half{ width:50%;border-top:none} .project-box img{width:100%;} .project-box.half:before{display:none;} /******** 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:12px; } .project-slider .slick-next:before { content:"\f105"; padding-left:12px; } /******** PROJECT PAGE 3 ********/ .project-page-main-3 { padding-bottom: 90px; } .project-listing { float: left; width:100%; } .project-listing .row { margin-left: -8px; margin-right: -8px; text-align: center;} .project-listing .col-md-4 { padding-left: 8px; padding-right: 8px; width: 32.5%; float: none; display: inline-block; vertical-align: top; } .project-items { float: left; width: 100%; position: relative; overflow: hidden; margin:16px 0 0;} .project-items a { color: #fff; } .project-items img { width: 100%; position: relative } .project-items figure { position: relative; border: solid 1px #979797; } .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; } .project-items:hover figure figcaption {background:rgba(0, 0, 0, 0.5); } .project-items h2 { margin-top: 18px; } /*** 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: 210px; line-height: 58px; font-size: 56px; 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; float: right; } .project-page-section .project-arrow .btn.btn-left .fa-arrow { margin-right: 10px; } .project-page-section .project-arrow .btn.btn-right .fa-arrow { margin-left: 10px; -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/arrow.png) no-repeat left top; width: 28px; height: 28px; overflow:hidden; display: inline-block; vertical-align: middle; margin-top: -3px; } .project-arrow a:hover .fa-arrow, .project-arrow a:focus .fa-arrow { background-position: left bottom; } /********************* FOOTER CSS *********************/ footer { float: left; width: 100%; padding: 0; } footer address { margin-bottom: 0px; display: block;color:#342f2f; } .call-to-action-btn { display: inline-block; width:100%; position: relative; text-align: center; padding-bottom: 37px; } .call-to-action-btn .btn { margin: 0; min-width: 175px; border: none !important; } footer .container-small { max-width: 900px;} .footer-details { width:100%; float:left;border-top: 1px solid #98332c; padding:21px 0 15px 0; } .footer-logo { padding-bottom: 15px; text-align:center; } .footer-logo img { width: 438px; } .footer-logo a{ border:none !important; } address span { display: block; } .footer-top-details { margin-bottom: 32px; } .footer-top-details p { max-width: 440px; margin: 0 auto; } .footer-top-links { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .footer-top-links ul { margin: 0; } .footer-top-links .footer-left-links li { display: inline-flex; margin: 0; } .footer-top-links .footer-left-links li:before { display: none; } .footer-top-links .footer-left-links li a { border: none !important; text-transform: uppercase; color: #985250 !important; } .footer-top-links .footer-left-links li a:hover, .footer-top-links .footer-left-links li a:focus { color: #720f0f !important; } .footer-top-links .footer-right-social li { display: inline-flex; margin: 0 0 0 5px; } .footer-top-links .footer-right-social li:before { display: none; } .footer-top-links .footer-right-social li a { width: 26px; height: 26px; background: #fff; border: 1px solid #985250 !important; color: #985250 !important; display: flex; justify-content: center; align-items: center; border-radius: 26px; } .footer-top-links .footer-right-social li a:hover { border: 1px solid #985250; color: #fff !important; background: #985250; } .map { margin-bottom: 15px; } .footer-links { padding: 12px 0; display: inline-block; width: 100%; } .footer-links ul { font-size:12px;text-align:center; margin:0; color:#000; } .footer-links ul li { display: inline-block; font-size:12px; margin:0; font-weight:300; color:#000;} .footer-links ul li a{ color:#000 !important;font-weight:300;} .footer-links ul li a:hover, .footer-links ul li a:focus{color: #98332c !important; } .footer-links ul li:before { content:"I"; background-color:transparent; width:auto; height:auto; left:6px; top:0; } .footer-links ul li:first-child { padding-left: 0; } .footer-links ul li:first-child:before { display: none; } .footer-block{width:30%;float:left;border-right: 1px solid #98332c; padding:15px 40px 15px 40px;} .footer-block h2{font-size:21px; margin:0;color:#342f2f;} .footer-block:first-child{padding-left:0px;} .footer-block:last-child{width:40%;border-right:none; padding-right:0px;} .footer-block .btn{display:block; margin:15px 0 0 0;} /********************* 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-logo{display:block; padding-bottom:26px; min-height:100px;} .press-logo img{max-height:98px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;} .press-logo a:hover img, .press-logo a:focus img{opacity:0.7;} .press-logo a:before {display:none;} .press-text{display:block;padding-bottom:17px;} .press-box-inner{width:100%;max-width:294px; margin:0 auto;} .press-text a:before{display:none;} .press-text a{font-weight:700;} /*Added By Developer*/ .sidebar section {padding: 0;} .post-comment-title.single-comment-title{padding-left: 15px;} #single-comment-btn{margin-left: 15px;} .comment-awaiting-moderation{color:#ff0000; margin:0 0 14px 0; text-align:center;} .wsmenu-list > li:last-child > .wsmenu-submenu{ right:0;min-width:140px;} .wsmenu-list > li:last-child > .wsmenu-submenu li a{ text-align:right; } /* 09-12-2019 */ .insta-landing-page .container-small{max-width:470px;} .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:10px 0 0 0;} .whats-heppaning-section .section-title h1{font-size:30px; line-height:normal; text-transform:uppercase;} .whats-heppaning-section .section-title{margin: 0 0 5px 0;text-align: center;} .podcast-block{width:100%;float:left; background:#f1f0ed; margin-bottom:30px;} .podcast-block a{display:block;font-weight:normal;color: #333333;padding:20px 15px; } .podcast-block a:hover .btn, .podcast-block a:focus .btn{background: linear-gradient(90deg, rgba(191,145,128,1) 0%, rgba(158,141,126,1) 100%); background-color: rgba(0, 0, 0, 0);color: #FFF;} .podcast-block p{ max-width:250px; display:inline-block; vertical-align:middle; margin:0;} .podcast-block a:hover p, .podcast-block a:focus p{color: #98332c;} .podcast-block a:before{display:none;} .podcast-block .btn{float:right;min-width:inherit;vertical-align:middle;margin:2px 0 0 0;} .popular-post .blog-post:hover h2{color:#98332c;} .general-block{width:100%;float:left; background:#fff; margin-top: 60px; margin-bottom:30px;text-align:center; position:relative;} .general-block a{display:block;font-weight:normal;color: #333333;padding:0px 22px 21px 22px;} .general-block a:hover .btn, .general-block a:focus .btn{background: linear-gradient(90deg, rgba(191,145,128,1) 0%, rgba(158,141,126,1) 100%); background-color: rgba(0, 0, 0, 0);color: #FFF;} .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{ font-size:30px;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 30px 0;} .insta-blog-section .section-title h2{ font-size:30px;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 {font-size:16px;padding: 6px 15px 5px 15px;line-height:26px !important;/* border: 1px solid #9e8d7e;border-radius: 0;*/} /******* Location Page ***********/ .location-page-section .page-title { padding-bottom: 10px; } .all-location { float: left; width: 100%; text-align: center; } .all-location .col-md-4 { float: none; display: inline-block; vertical-align: top; width: 33%; } .all-location-block:hover p{color: #98332c;} .all-location h2 { text-transform: uppercase; margin-bottom: 20px; color: #666767; } .all-location a { display: block; width: 100%; border: none;} .all-location a:hover, .all-location a:focus { border: none; } .all-location img { width: 100%; height: auto; } .all-location p { padding: 15px 35px 35px; } .location-page-section .btn { width: 100%; min-width: 100%; margin: 0;} /*.location-page-section .btn:hover { border: none !important; }*/ .location-page-section .big-button { margin-top: 15px; margin-bottom: 45px; } .quick-location { background: #fff; } .quick-location .row { margin: 0; } .quick-location .col-md-6 { padding: 0;} .quick-right-contact { text-align: center; padding: 48px 20px 15px ;} .quick-right-contact a { color: #342f2f; border: none !important; } .logo-contact span { text-transform: uppercase; font-weight: 700; font-size: 33px; color: #342f2f; } .quick-right-contact h2 { font-size: 20px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; color: #555555; margin-bottom: 25px; } .location-page-section .testimonial-block { padding: 60px; } .quick-map img { width: 100%; } .page-id-1341 h2.has-text-align-center { margin-top: 40px !important; } /* 07-11-2020 */ .project-page-2col .project-listing .row{margin-left: -14px;margin-right: -14px;} .project-page-2col .project-listing .col-md-6{ width: 49.5%;display: inline-block;padding-left: 14px; padding-right: 14px; float: none; vertical-align: top; } .project-page-2col .project-items figure{border: none;} .project-page-2col .project-items figure figcaption{width:100%;display:inline-block;position:relative;background: #f4f4f6; padding:26px 0;} .project-page-2col .project-items h2{margin: 0px;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:32px;color:#555555;} .project-page-2col .project-items{ margin-bottom:35px;} .project-page-3col .project-listing .row{margin-left: -9px;margin-right: -9px;} .project-page-3col .project-listing .col-md-4{width:33%;float:none;padding-left: 9px; padding-right: 9px;} .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-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:32px;color:#555555;} .project-page-3col .project-items{ margin-bottom:26px;} .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{ margin:0;} .about-V2-page .page-title p{text-align:left; margin-bottom:22px;} .portfolio-single-one .page-title { padding-bottom: 12px; } .portfolio-single-one .project-arrow .btn { min-width: 60px; line-height: 58px; height: 60px; padding: 0px 0 0px 0!important; text-align: center; } .portfolio-single-one .project-arrow .btn.btn.btn-left i{position:relative; left:-2px; top: -2px; } .portfolio-single-one .project-arrow .btn.btn.btn-right i{position:relative; left:3px; top: -2px; } .portfolio-single-one .project-arrow .btn:hover i, .portfolio-single-one .project-arrow .btn:focus i{color:#FFF !important;} .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: 1290px; margin:9px auto 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 { text-align: center; padding: 28px 0 0; } .affiliate-shop-archive-section .col-md-4 { width: 33%; float: none; display: inline-block; ertical-align: top; } .affiliate-shop-item { position: relative; padding-bottom: 3px; margin-bottom: 55px; } .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; } .affiliate-category-item { background: #efefef; text-align: center; margin-bottom: 40px; } .affiliate-shop-category-section .col-md-3 { width: 24.6%; float: none; display: inline-block; ertical-align: top; } .affiliate-category-item img { width: 100%; margin-bottom: 15px; } .affiliate-category-item p { margin: 0; color: #342f2f; } .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; background: #eae7e4; } .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; background: #eae7e4; } /******* SIDEBAR THREE ***********/ .sidebar-threee .sidebar-guide { border: none; margin-bottom: 60px; background: #eae7e4; } .sidebar-threee .btn { min-width: 344px; 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; background: #eae7e4; } .sidebar-threee .popular-post h2 { font-family: 'Noto Serif', serif; } .sidebar-threee .popular-post ul li { padding-bottom: 25px; } .sidebar-threee .popular-post ul li a { font-weight: 400; } .sidebar-threee .sidebar-search h2 { font-size: 20px; letter-spacing: 2.19px; font-family: 'Noto Serif', serif; margin-bottom: 15px; } .sidebar-threee .sidebar-search .input-text { border: 2px solid #b4b2af; padding: 5px 12px; max-width: 320px; } .sidebar-threee .sidebar-search button { left: inherit; position: absolute; right: 0; bottom: 0; background: #b4b2af; border: none; width: 52px; height: 48px; color: #fff; } .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:#342f2f;} .insta-post-center{text-align:center;} .insta-post-center .insta-post { width: 32%; float: none; display: inline-block;} .page-style-one .inner-page-section, .page-style-two .inner-page-section {padding-top: 22px;} .admin-bar.page-style-one .inner-page-section, .admin-bar.page-style-two .inner-page-section {padding-top: 22px;} .page-style-three .inner-page-section{padding-top: 80px;} .admin-bar.page-style-three .inner-page-section{padding-top: 110px;} .secondary-menu a {text-transform: uppercase;} .affiliate-shop-category .navbar-nav > li > a {font-size: 15px;} /********** 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 { font-size: 24px; line-height: 36px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#555555; font-weight:300; margin-top: 0px; margin-bottom: 0; } .middle-part-main h2 { font-size: 28px; line-height: 40px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#555555; font-weight:300; } .landing-page-form-main h2 { font-size: 24px; line-height: 36px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#555555; font-weight:300;} .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: 12px; line-height: normal; color: #342f2f; } .landing-page-main-new form {padding: 0 15px;} .landing-page-main-new form .btn{margin-top:15px;} /********** FAQ PAGE 5 CSS **********/ .faq-five .faq-page #accordion .panel-title a {color: #696161;text-align:left;width:100%;background: #fff;} .faq-five .faq-page #accordion .panel-title a.collapsed {color:#696161; background: #f5f3ef;} .faq-five .faq-page #accordion .panel-title a:hover {color: #98332c !important;} .faq-five .panel-group .panel + .panel {margin-top: 0;} .faq-five .faq-page h2.panel-title {text-align: left;color: #696161; border-top: 1px solid #98332c;} .faq-five .faq-page #accordion .panel-title a::before, .faq-five .faq-page #accordion .panel-title a.collapsed::before{position:absolute; right:10px;text-align:right;top:30px;font-size: 30px;} .faq-five .faq-page #accordion .panel-title a::before {content: "";color: #9e8d7e;font-family: FontAwesome; background: url(../images/arrow.svg) no-repeat center center; width: 11px; height: 13px; background-size:cover; margin-left: auto; top: 24px; } .faq-five .faq-page .panel-default > .panel-heading + .panel-collapse.in > .panel-body{margin-bottom:0px; } .faq-five .faq-page #accordion .panel-title a::before{/*content: "";font-family: FontAwesome;color: #9e8d7e; background: url(../images/arrow-down.svg) no-repeat center center; width: 13px; height: 11px; background-size:cover; margin-left: auto;*/ -webkit-transform: rotate(90deg); content:""; -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .faq-five .faq-page #accordion .panel-title a.collapsed::before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .faq-five .panel-body-detail p { margin-bottom: 8px; } .faq-five .faq-page .panel-default > .panel-heading + .panel-collapse > .panel-body {background-color: #fff;padding-top: 12px;} .faq-five .faq-page h2.panel-title {font-size: 24px; line-height: 20px;} .faq-five .faq-page #accordion .panel-title a.collapsed span {padding: 27px 50px 27px 30px;} .faq-five .faq-page #accordion .panel-title a span {display: block;margin: 0 auto;position: relative;padding: 20px 50px 16px 30px;} .faq-five .faq-page .panel-default > .panel-heading + .panel-collapse > .panel-body .container-small {width: 100%;padding:0 30px 0 30px;} .faq-five .faq-page .panel.panel-default .container-small {max-width: 100%; padding: 0;} .faq-five .faq-page h2.panel-title {margin: 0 0 0px 0;} .faq-five .faq-page .panel-default > .panel-heading {margin-bottom:0;} .contact-page-2 .contact-page-section{padding-top:20px;} .contact-page-2 .contact-section {padding-top: 0px;} /*.custom-arrow-project {position: relative; width: 100%;} .portfolio-single-two .project-page-section .custom-arrow-project .project-arrow, .portfolio-single-one .project-page-section .custom-arrow-project .project-arrow {position: absolute;top: 15px;}*/ /********** PORTFOLIO PAGE 4 CSS **********/ .portfolio-4-page .page-title{padding-bottom:20px;} .portfolio-4-page .project-items{border-top: 14px solid #f1f0ed;margin: 16px 0 22px 0; border: none !important;} .portfolio-4-page .container-small, .portfolio-single-one .container-small{max-width:1100px !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{margin-top: 12px;line-height:normal;} .portfolio-4-page .project-items:hover h2{color:#98332c;} .portfolio-4-page .project-items:last-child { margin: 0;} .error-img.text-center{padding-top:30px;} .footer-social { width: 100%;float: left;} .footer-social ul{margin:0px;vertical-align:middle; padding-bottom:0px; text-align:center;} .footer-social ul li{ padding:0 5px 0 5px; display:inline-block;margin:0;display:inline-block;font-size: 26px; border-right:none;} .footer-social ul li:before{display:none;} .footer-social ul li a{ color:#bf9180;border-bottom:none !important;} .footer-social ul li a:hover, ul.footer-social li a:focus{color:#98332c !important;} .page-template-location strong.schema-faq-question { display: none;} .home-about-main p a { border: none !important; color: #342f2f; } /* @media screen and (min-width: 992px){ .wsmenu-list { padding-right: 46px !important; } } @media (min-width:992px) and (max-width:1199px) { .menu-logo { width: 272px !important;} .logo-two { max-width: 236px; top: 20px; } }*/ /* project single accordion */ .project-all-the-details {float: left;width: 100%;padding:55px 10px 65px;} .single-project .portfolio-single-two-page .project-page-section .container-small { max-width: 900px;} .accordion-item:first-of-type {border-top-left-radius: 0;border-top-right-radius: 0;} .accordion-item:last-of-type {border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .project-all-the-details .accordion-header {text-align: center;} .project-all-the-details .accordion-button .btn {border: none !important; padding: 0; margin: 0 10px 0 0;} .project-all-the-details .btn span {line-height: 42px;height: 42px; float: left;} .project-all-the-details .accordion-button .btn span::after {content: "";position: relative; top: 13px; flex-shrink: 0; width: 13px;height: 13px; background: url(../images/plus-icon.png) no-repeat left top; background-size: 100% auto;display: block;} .project-all-the-details .accordion-button::after {background: none !important;} .project-all-the-details .accordion-button {display: inline-block;margin: 0 auto;width: auto;font-size: 16px !important;letter-spacing: 1.5px;text-transform: uppercase;font-weight: 700;} .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 .accordion-button .btn:hover,.project-all-the-details .accordion-button .btn:focus { background: transparent !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;} .project-all-the-details .card-body {max-width: 900px;margin: 0 auto;} .project-all-the-details .card-body h2:first-child { margin: 0; } /***** NEW 2025 ****/ @media screen and (min-width: 992px) { .wsmenu-list-item { display: flex; flex-direction: row; } .wsmenu-list-item .mobile-sub { width: 100%; display: flex; justify-content: start; margin: 0; padding: 0; } .wsmenu-list-item .mobile-sub ul { display: flex; flex-direction: row; } .wsmenu-list-item .mobile-sub:last-child { justify-content: end; } .wsmenu-list-item .mobile-sub ul.submenu { display: none; } .wsmenu-list-item .mobile-sub li.dropdown:hover ul.submenu { display: block; padding: 0; } .wsmenu-list-item .mobile-sub li.dropdown:hover ul.submenu li { padding: 0; margin-bottom: 2px; } .wsmenu-list-item .mobile-sub li.dropdown:hover ul.submenu li:last-child { margin-bottom: 0; } .wsmenu-list-item .mobile-sub li.dropdown:hover ul.submenu li a { padding: 10px 20px; } .wsmenu-list-item .caret { margin-left: 8px; } } .dropdown-menu { padding: 0 0; font-size: 16px; border-radius: 0; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #f5f3ef; } .wsmenu-list-item .mobile-sub li:before { display: none; } .logo-two { max-width: 531px; } .logo-two a { display: block; } .logo-main { position: absolute; left: 0; right: 0; top: 0; } .logo-main img { width: 100%; -webkit-transition: width .4s ease-in-out,top .4s ease-in-out; -moz-transition: width .4s ease-in-out,top .4s ease-in-out; transition: width .4s ease-in-out,top .4s ease-in-out; } .logo-mark { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; } .logo-mark img { width: 0; -webkit-transition: width .6s ease-in-out,top .6s ease-in-out; -moz-transition: width .6s ease-in-out,top .6s ease-in-out; transition: width .6s ease-in-out,top .6s ease-in-out; } .stuck .logo-main img { width: 0; } .stuck .logo-mark img { width: 58px; } .wsmenu-list-item .mobile-sub li { margin: 0; } @media screen and (min-width: 992px) { .wsmenu-list-item .mobile-sub li:first-child { padding-left: 0; margin-left: 0; } .wsmenu-list-item .mobile-sub li:last-child { padding-right: 0; margin-right: 0; } } .hero-section.home-hero-section { float: left; width: 100%; position: relative; height: auto; } .hero-section { height: calc(100vh - 80px); position: relative; width: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; float: left; width: 100%; } .collected-interior-design-section { padding: 110px 0 115px 0; float: left; width: 100%; text-align: center; } .collected-interior-design-title { text-align: center; margin-bottom: 52px; } .collected-interior-design-title h1 { line-height: 40px; margin-bottom: 15px; } .collected-interior-design-title p { max-width: 404px; margin: 0 auto; } .collected-interior-design-logos figure img { max-height: 72px; max-width: 197px !important; } .collected-interior-design-logos .blocks-gallery-grid { margin: 0 auto; } .collected-interior-design-logos .blocks-gallery-grid li { margin-right: 50px !important; width: auto !important; } .collected-interior-design-logos .blocks-gallery-grid li:last-child { margin-right: 0 !important; } .collected-interior-design-logos .blocks-gallery-grid figure { justify-content: center !important; align-items: center !important; min-height: 72px; } .collected-interior-design-logos .blocks-gallery-grid figure a { border: none !important; } .projects-sec-main { float: left; width: 100%; padding: 95px 0 123px 0; background-image: url('../images/pattern.png'), url('../images/pattern.png'); background-repeat: repeat-x, repeat-x; background-position: top, bottom; background-size: auto; margin-bottom: 38px; } .projects-sec-main .row { margin-right: -3px; margin-left: -3px; } .projects-sec-main .row .col-md-4 { padding-right: 3px; padding-left: 3px; } .project-name-title { text-align: center; margin-bottom: 18px; } .project-name-title h2 { color: #696161; font-size: 22px; } .project-thumbnail { overflow: hidden; } .project-thumbnail 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; } .projects-box a:hover .project-thumbnail img, .projects-box a:focus .project-thumbnail img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .footer-picture { float: left; width: 100%; height: 350px; overflow: hidden; } .footer { float: left; width: 100%; text-align: center; margin-top: -27px; } .main-page-section.service-main-page-section { padding-bottom: 0 !important; } .the-studio-page-sec { float: left; width: 100%; background: url(../images/pattern-dark.png) repeat-x left bottom; background-size: auto; } .services-testimonials-sec { float: left; width: 100%; background: #fff; padding: 130px 0 118px; } .page-title { padding-bottom: 35px; padding-top: 0; } .page-title.new-page-title {/* padding-bottom: 55px; padding-top: 33px;*/ padding-bottom: 40px; padding-top: 24px; } .the-studio-page-sec .container { max-width: 1080px; } @media screen and (min-width: 768px){ .the-studio-box .row { display: flex; flex-direction: row-reverse; align-items: center; } .the-studio-box-left, .the-studio-details, .about-the-studio-box { max-width: 486px; } .about-the-founder-sec .row { display: flex; align-items: center; } } .the-studio-box-left, .about-the-founder-sec .the-studio-details { margin-left: auto; } .the-studio-details h2 { margin-top: 0; } .about-the-founder-sec { padding: 82px 0 110px; } .services-testimonials-sec .testimonials-main { text-align: left; } .services-testimonials-sec .container { max-width: 1140px; } .blog-page-top-sec { text-align: center; margin-bottom: 40px; } .blog-page-top-sec figure { margin: 0 0 18px; } .page-template-blog .page-title { padding-bottom: 25px; } @media screen and (min-width: 1304px){ .page-template-blog .inner-page-section .container { width: 1285px; } } .sidebar-box-new figure { overflow: hidden; position: relative; } .sidebar-block a .sidebar-box-new figure img { -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; } .sidebar-block a:hover .sidebar-box-new figure img, .sidebar-block a:focus .sidebar-box-new figure img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .sidebar-box-new figure figcaption { position: absolute; left: 0; right: 0; bottom: 0; } .sidebar-box-figcaption { padding: 23px; } .sidebar-block.sidebar-quiz.sidebar-about-us-box { margin-bottom: 15px; } .page-id-1341 .wp-block-image { margin-bottom: 15px; } .quick-location.section-bg-color { background: #fff; } .sidebar-block.popular-post { margin-bottom: 38px; } .inner-page-section.about-V2-page .page-title:first-child { padding-bottom: 18px; } .page-template-location.page-id-2154 strong.schema-faq-question { display: block; margin-bottom: 10px; } .page-template-location.page-id-2154 .schema-faq-answer { margin-bottom: 25px !important; } .project-page-section.passed-line .project-arrow { display: none !important; }