/* Theme Name: The Quarterly Edit Theme URI: https://wordpress.org/themes/revolution/ Author: the Creative team Author URI: https://wordpress.org/ Description: The Revolution theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: revolution, multi-purpose, cms, blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: the-quarterly-edit This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ /*common Css*/ .wrapper{padding-top:150px;height: 100%} /*Inner Page Title Start ********/ .page-title{border-top:solid 2px #000;padding-top:39px;margin-bottom:37px} .page-title h1{font-size:80px;letter-spacing:-1px;line-height: 60px} .cl-expand-content{display:block; overflow: hidden; height: 0px;} .wow{visibility: hidden;} .wow[style="visibility:visible"]{visibility: visible;} .wow + .wow { -webkit-animation-delay: 0.5s !important; -moz-animation-delay: 1s !important; -ms-animation-delay: 1s !important; -o-animation-delay: 1s !important; animation-delay: 1s !important} @media(max-width:991px){ .page-title{padding-top:25px;margin-bottom:31px} .page-title h1{font-size:60px;letter-spacing:-0.3px} } @media(max-width:767px){ .page-title{padding-top:13px;margin-bottom:13px;position:relative;} .page-title h1{font-size:40px;line-height:40px} .page-title::after{background:url(images/black-q-icon.svg);height: 30px;width:30px;background-size:100%;content:"";display:block;position:absolute;right: 0;top:18px} } /*Inner Page Title END********/ /*border title Start ********/ .border-w-title{border-bottom: solid 1px;width:100%;border-color:#CCC;margin-bottom:65px} .border-w-title .title{font-size: 16px; text-transform: uppercase; letter-spacing: 2.6px; background: #FFF; margin: 0 0 -15px 0; font-family: 'Brandon Grotesque'; display: inline-block; vertical-align: middle; padding-right: 25px;} @media(max-width:991px){ .border-w-title{margin-bottom:51px} } @media(max-width:767px){ .border-w-title{border-top:solid 2px #000;border-bottom: 0;padding-top:25px;margin-bottom:25px} .border-w-title .title{display:block;margin: 0} } /*border title End ********/ /*inner page sub navigation Start ********/ .right-nav{padding-left:35px} .sub-navigation{border-left:solid 1px #000;padding-left:13px;margin:-3px 0 0 0;} .sub-navigation .title{font-size: 12px; font-family:'GTSectraFine-BookItalic';font-style: italic; font-weight: bold; letter-spacing: 0.5px;margin-bottom:11px} .sub-navigation ul{padding: 0} .sub-navigation ul li{list-style-type:none;font-size:14px;text-transform:uppercase;font-family: 'Brandon Grotesque';letter-spacing:2.2px;line-height:21px} /*inner page sub navigation End ********/ /*pattern-w-brd Start*/ .pattern-main{border-top: solid 3px #000; padding-top: 23px; margin-bottom: 24px; margin-top: 2px;} .pattern-w-brd{background:url(images/pattern.png);height:78px;width:100%} @media(max-width:1280px){ .pattern-w-brd{background-size:1150px 78px} } @media(max-width:1199px){ .pattern-w-brd{background-size:1160px 78px} } @media(max-width:991px){ .pattern-w-brd{background-size:1180px 78px} .pattern-main{margin-bottom:27px;padding-top:20px} } @media(max-width:767px){ .pattern-w-brd{background-size:1158px 78px} .pattern-main{border:0;margin-top: 0;padding-top: 0;margin-bottom:24px} .middle-sec-pattern .pattern-main{border-top: solid 3px #000;padding-top:23px} } @media(max-width:568px){ .pattern-w-brd{background-size:1135px 78px} } @media(max-width:414px){ .pattern-w-brd{background-size:1128px 78px} } @media(max-width:375px){ .pattern-w-brd{background-size:cover;} } @media(max-width:360px){ .pattern-w-brd{height:74px} } @media(max-width:320px){ .pattern-w-brd{height:73px} } /*pattern-w-brd End*/ /*ratio-img Start*/ .ratio-img{position:relative;padding-bottom:67%;overflow:hidden;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease} .ratio-img img{position:absolute;left:0;top:0} img.tablet,img.mobile{display:none;} .home header h3{font-family: 'Brandon Grotesque';text-transform:uppercase;letter-spacing:2.5px;font-size:16px} @media(max-width:1280px){ .container{padding:0 15px} } @media(max-width:1279px){ .page-title .left-title{max-width:75%;-ms-flex: 0 0 75%; flex: 0 0 75%;} .page-title .right-nav{max-width:25%;-ms-flex: 0 0 25%; flex: 0 0 25%;} } @media(max-width:991px){ img.desktop{display:none;} img.tablet{display:block;} .page-title .right-nav{display:none;} .container{padding: 0 6px} } @media(max-width:767px){ img.tablet{display:none;} img.mobile{display:block;} body{height:100%} .home .site{height:100%} .wrapper{padding-top:100px} .container{padding: 0 20px} .home header h3{color:#FFF;text-align:center;margin-left:-15px;white-space:normal;font-size:15px;max-width:180px} .coming-txt{flex:0 0 50%;max-width:50%} .coming-logo{flex:0 0 50%;max-width:50%} .home .main-header .coming-logo .logo-home-mobile{transform:none;left:0;float:right} } /*header Start********************************************************************************************************************************************/ .menu-txt{font-family: 'Brandon Grotesque';font-weight:normal;display: inline-block;vertical-align: middle;backface-visibility: hidden;transition: 2s all linear;-webkit-transition: 2s all linear;line-height:19px;letter-spacing:2.1px;font-size:14px} .hamburger.is-active .menu-txt{opacity:0;backface-visibility: hidden;transition: 0.3s all linear;-webkit-transition: 0.3s all linear;width: 0;overflow:hidden;} /*Responsive Start*/ @media(min-width:992px){ .stay-text,.top-nav .social-listing,.top-nav .copyright, .copyright-small{display:none;} } @media(min-width:768px){ .copyright-long,.logo-home-mobile,.mobile-menutxt,.banner-social{display:none;} } @media(max-width:991px){ .hamburger.is-active .menu-txt{opacity: 1;width:auto;} .stay-text{font-family: 'GTSectraFine-Book';font-size:23px;color:#000;margin:auto;text-align:center;line-height:28px;margin-bottom:26px} .stay-text span{display:block;font-family: 'GTSectraFine-BookItalic';font-style: italic;} .top-nav .social-listing{text-align:center;margin-top:15px} .top-nav .social-listing ul li{margin:0 4px 0 6px;height: 47px;width:47px;line-height:45px;font-size:30px} .top-nav .copyright-small{font-size:12px;font-family: 'Brandon Grotesque';color: rgba(0, 0, 0, 0.5);letter-spacing: 1.8px;text-transform:uppercase;text-align:center;margin-top:137px} .top-nav .copyright-small a{color:rgba(0, 0, 0, 0.5)} body.menu-is-opened{overflow:hidden;} } @media(max-width:767px){ .site-header{padding:0 15px;height:100px} .home .site-header{background:none} .fixed-header.site-header{height:80px;background:#FFF;} .top-nav{top:100px} .top-nav .social-listing ul li{height: 35px;width:35px;font-size:22px;line-height:35px;margin:0 4px 0 5px} .hamburger.is-active .menu-txt{display:none;} .menu-is-opened .top-nav .social-listing{margin-top:91px;display:block;} .menu-is-opened header .social-listing{display:none;position:initial} .top-nav .menu-main-menu-container{padding: 0} .top-nav ul li a{font-size:49px;line-height:61px} .menu-is-opened .top-nav .social-listing ul li.fa-facebook-f:before, .top-nav .social-listing ul li.fa-facebook:before {font-size: 18px; margin: -7px -2px 0 0;} .menu-is-opened .top-nav .social-listing ul li.fa-instagram:before {margin:-10px 0 0 2px;font-size:23px} .stay-text{display:none;} .top-nav .copyright-small{display:none;} .copyright-long{text-align: center; color: rgba(0, 0, 0, 0.5); font-size: 10px; letter-spacing: 1.5px; line-height: 15px;margin-top:25px;text-transform: uppercase;} .copyright-long a{color:rgba(0, 0, 0, 0.5);} /*home Page Only Start*/ .home.menu-is-opened .social-listing ul li.fa, .home .social-listing ul li[class^=icon]{border-color:#000;color:#000} .home.menu-is-opened .site-header{background:#FFF;} .home .wrapper{padding-top: 0} .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background:#FFF;} .home .menu-txt{color:#FFF;display:none;} .home header .social-listing{bottom:80px;left: 0;right: 0;text-align:center;display:none;} .home header .social-listing ul{padding-left: 0} .home .social-listing ul li.fa,.home .social-listing ul li[class^=icon]{border-color:#FFF;color:#FFF} .home .social-listing ul li.fa:hover,.home .social-listing ul li:hover{border-color:#000;} .banner-social {position: absolute; bottom: 80px; left: 0; right: 0;z-index: 11} /*home Page Only End*/ } /*header End********************************************************************************************************************************************/ /*Banner Start********************************************************************************************************************************************/ .homebanner{height:calc(100vh - 150px);border-right: solid 50px #FFF; border-left: solid 50px #FFF; border-bottom: solid 50px #FFF;} .homebanner .slider-layout .banner-image::after {content: "";height:190px; width: 100%;display: block;bottom: 0;position: absolute;z-index: 1;background:url(images/banner-shadow.png);} .homebanner .owl-carousel .owl-item{height: 100%;} .homebanner .owl-carousel .owl-stage-outer{height: 100%;background:#2c2c2c} .homebanner .owl-carousel{height: 100%} .homebanner .slider-layout{height: 100%} .homebanner .owl-carousel .owl-stage{height: 100%} .homebanner .bannerbig-text{font-size: 99.5px; letter-spacing: -2px;color:#FFF;margin: 0 0 65px -20px} .homebanner .caption .banner_desc{max-width:530px;margin:auto auto 27px;letter-spacing:2.5px;font-family: 'Brandon Grotesque';font-size:16px;text-transform:uppercase;position:absolute;left:0;right: 0;bottom:56px;z-index: 99;margin-bottom: 0;padding-right: 17px;text-align:center;width:100%} /*Responsive Start*/ @media(max-width:1440px){ .homebanner{border-right: solid 30px #FFF; border-left: solid 30px #FFF; border-bottom: solid 30px #FFF;} } @media(max-width:1200px){ .homebanner .bannerbig-text {font-size: 80px; padding: 0 50px; line-height: 79px;letter-spacing:-1.5px;margin:0 0 72px 0 } .homebanner .caption .banner_desc{font-size:14px;bottom:39px;padding-right: 0} } @media(max-width:1300px) and (orientation : landscape){ .homebanner .owl-carousel .owl-item{overflow:auto;} } @media(max-width:767px){ .homebanner{height: 100%;border:0;} .homebanner .caption .banner_desc{bottom:25px;line-height:18px;max-width:195px} .homebanner .bannerbig-text{padding: 0;line-height:58px;letter-spacing:-1px;position:relative;z-index:11} .social-listing ul li{margin:0 4px} .menu-is-opened.home .main-header .logo-wrap{display:block;} .menu-is-opened .main-header .logo-home-mobile{display:none;} .mobile-menutxt{font-size: 14px; text-decoration: underline; text-transform: uppercase; text-align: center; color: #000; padding-top: 78px; line-height: 15px; padding-bottom: 23px; letter-spacing: 2px;} .menu-is-opened .mobile-menutxt{display:block;} .menu-txt{display:none;} .homebanner .slider-layout .banner-image::after{content: ""; height: 100%; width: 100%; display: block; bottom: 0; position: absolute; z-index: 1; background: url(images/banner-shadow.png) no-repeat bottom center; background-color: rgba(0,0,0,0.18);} } @media(max-width:480px){ } @media(max-width:320px){ .menu-is-opened .mobile-menutxt{padding-top:50px} .slider-layout .caption h2{font-size:48px} .top-nav ul li a {font-size: 40px; line-height: 52px; } .menu-is-opened .top-nav .social-listing{margin-top:50px} } @media(max-height:400px){ .slider-layout .caption h2{font-size: 45px;margin-bottom: 0} } @media(max-height:360px){ .slider-layout .caption h2{font-size:40px;} } /*Banner End********************************************************************************************************************************************/ /*About Page Start********************************************************************************************************************************************/ /*Intro Page Start**********************/ .intro-main{background-size:cover !important;padding:62px 0 68px;color:#FFF;position:relative;} .intro-main .container{position:relative;min-height:570px} .intro-main .title{font-size:14px;letter-spacing:2.1px;font-family: 'Brandon Grotesque';text-transform:uppercase;margin-bottom:31px;color:#FFF} .intro-main p{font-size:24px;line-height:30px;letter-spacing:-0.1px;margin-bottom:15px} .intro-imgbox{height: 100%;width:100%;top: 0;background-size: cover !important;position:absolute;} .intro-imgbox.tablet,.intro-imgbox.mobile{display:none;} .q-icon{transition: 0.7s all ease;-webkit-transition: 0.7s all ease} .q-icon.open{opacity: 0;transition: 0.7s all ease;-webkit-transition: 0.7s all ease;visibility:hidden;} .q-icon img{width:40px;display: inline-block;position:absolute;bottom: -7px; left: -3px;} .cl-expand-content{margin-top:15px} .cl-expand-content p{font-size:20px !important;line-height:27px !important} .instro-descmain .cl-expand-content{margin-top: 0} @media(max-width:1279px){ .q-icon img{bottom:0;left:14px} } @media(max-width:991px){ .intro-main{padding:52px 0 40px} .intro-main p{padding-right:125px} .q-icon img {left: 6px; } .intro-imgbox.tablet{display:block;} .intro-imgbox.desktop{display:none;} } @media(max-width:767px){ .intro-imgbox.tablet{display:none;} .intro-imgbox.mobile{display:block;} .intro-imgbox{position:inherit;padding-bottom:65.3%} .intro-main{padding: 0} .intro-main .title{font-size:12px;margin-bottom:8px} .intro-main p{font-size:20px;line-height:27px;padding-right: 0;} .instro-descmain {padding-top: 29px} .instro-descmain .title{color:#000} .instro-descmain p{color:#000;} .instro-descmain p:last-of-type,.instro-descmain p:last-child{margin-bottom: 0} .intro-main .container{min-height:inherit;} .intro-main .q-icon{display:none;} } /*Intro Page End*********************/ /*meet-girls-main Start**********************/ .meet-girls-main{padding-top:52px} .girls-listing .g-list{padding-bottom:50px;border-bottom:solid 1px #CCC;margin-bottom:50px} .girls-listing .g-list:last-child{border-bottom:0;margin-bottom:0} .girls-listing .g-list:nth-child(even) .row{display:-webkit-flex;-webkit-flex-direction: row-reverse;display: flex; flex-direction: row-reverse;} .girls-listing .g-list .ratio-img img{position: absolute; left: 50%; top: 0; right: 0; max-width: inherit; transform: translateX(-50%) !important;} .girl-detail .name{font-size:23px;line-height: 18px; letter-spacing: -0.1px; margin-bottom: 4px;} .girl-detail .post{font-size:23px;line-height:27px;color:#6d6e71;margin-bottom:14px;font-family: 'GTSectraFine-BookItalic';letter-spacing:-0.3px;font-style: italic;} .girl-detail .desc p{font-size:20px;letter-spacing:-0.1px;line-height:25px;padding-right:50px} .more-detail{background:url(images/more-arrow.svg);background-size:100%;width:17px;height:20px;margin:15px 0 0;display:block;transition: 0.5s all linear;-webkit-transition: 0.5s all linear;cursor:pointer;backface-visibility: hidden;} .more-detail.up-arrow{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition: 0.5s all linear;-webkit-transition: 0.5s all linear;backface-visibility: hidden;} .more-detail-white{background:url(images/more-arrow-white.svg);background-size:100%;width:17px;height:20px;margin:15px 0 15px;display:block;transition: 0.5s all linear;-webkit-transition: 0.5s all linear;cursor:pointer;backface-visibility: hidden;} .more-detail-white.up-arrow{transform:rotate(180deg);-webkit-transform:rotate(180deg);transition: 0.5s all linear;-webkit-transition: 0.5s all linear;backface-visibility: hidden;margin-top:45px} .girls-contact{margin-top:15px} .girls-contact a{font-size:14px;text-transform:uppercase;font-family: 'Brandon Grotesque';letter-spacing:2.1px;position:relative;padding-right:13px} .girls-contact a::after{content: "."; font-size: 25px; display: inline-block; vertical-align: middle; position: absolute; right:1.8px; top:-8px;} .girls-contact a:hover::after{color:#000} .girls-contact a:last-child::after{display:none;} .g-imgboxmain{padding-right:10px} .g-detail-main{padding-left:10px} .girls-listing .g-list:nth-child(even) .g-imgboxmain{padding-right:15px;padding-left:10px} .girls-listing .g-list:nth-child(even) .g-detail-main{padding-right:10px;padding-left:15px} .g-img-box .ratio-img{padding-bottom:69%} /*responsive Start*/ @media(max-width:1199px){ .g-img-box .ratio-img{padding-bottom:85%} /*.more-detail-white.up-arrow{margin-top:20px}*/ } @media(max-width:991px){ .meet-girls-main{padding-top:39px} .g-img-box .ratio-img{padding-bottom:73.5%} .g-img-box{margin-bottom:43px} .girl-detail{padding-left:124px} .girl-detail .desc p{padding-right:0} .girls-listing .g-list{padding-bottom: 44px;border:0;margin-bottom: 0} .more-detail-white.up-arrow{margin-top:40px} } @media(max-width:767px){ .meet-girls-main{padding-top:20px} .girl-detail{padding-left: 0} .g-img-box{margin-bottom:27px} .g-img-box .ratio-img{padding-bottom:81%} .g-imgboxmain{padding-right:15px} .g-detail-main{padding-left: 15px} .girls-listing .g-list:nth-child(even) .g-imgboxmain{padding-left: 15px} .more-detail{width: 25px; height: 30px;} .girls-listing .g-list{padding-bottom: 37px} .girls-listing .g-list:last-child{padding-bottom:27px} } @media(max-width:480px){ .girls-listing .g-list .ratio-img img{max-width:480px} } /*responsive END*/ /*meet-girls-main Start**********************/ /*about-photos-main Start**********************/ .about-photos-main{position:relative;margin-bottom:12px} .about-photos-main .ratio-img img{-webkit-transition: all 3s ease-in-out; transition: all 3s ease-in-out;transform: scale(1);-webkit-transform: scale(1);backface-visibility:hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} .about-photos-main .ratio-img:hover img{-webkit-transition: all 3s ease-in-out; transition: all 3s ease-in-out;;transform: scale(1.1);-webkit-transform: scale(1.1);backface-visibility:hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} .ab-firstRow{margin-bottom:20px} .ab-secondRow{margin-bottom:20px} .aboutleft{padding-right:10px} .aboutright{padding-left:10px} .about-grid01{} .about-grid01 .ratio-img{padding-bottom:138%;} .about-grid02{height:49%} .about-grid02 .ratio-img{width: 280px; display: block; padding-bottom: 34%;float:right;margin-bottom:56px} .about-grid03{} .about-grid03 .ratio-img{padding-bottom:70.2%} .about-grid03 .ratio-img img{right:0;left:auto;} .about-grid04{} .about-grid04 .ratio-img{max-width:480px;margin:auto auto 77px;padding-bottom:58%} .about-grid04 .ratio-img img{right:0;left:auto;} .about-grid04.img-w-desc .desc{} .about-grid05{} .about-grid05 .ratio-img{padding-bottom:145%} .about-grid06::before{content:"";display:block;clear:both;} .about-grid06{margin-bottom:20px} .about-grid06 .ratio-img{padding-bottom:69%} .about-grid07{} .about-grid07 .ratio-img{padding-bottom:69%} .about-grid07 .ratio-img img{left:auto;} .about-grid08 .ratio-img{padding-bottom:59.4%} .img-w-desc .desc::before{clear:both;display:block;content:""} .img-w-desc .desc{text-align:center;} .img-w-desc .desc p{font-size:36px;line-height:42px;letter-spacing:-0.2px;text-align:center;margin-bottom:13px} .img-w-desc .desc .name{font-size:14px;line-height:20px;font-family: 'Brandon Grotesque';text-transform:uppercase;text-transform:uppercase;letter-spacing:2.1px} /*responsive Start*/ @media(max-width:1500px){ } @media(max-width:1279px){ .img-w-desc .desc p{line-height:30px;font-size:25px} } @media(max-width:1199px){ .about-grid06 .ratio-img{padding-bottom:68%} .about-grid07 .ratio-img{padding-bottom:68%} } @media(max-width:991px){ .about-grid06 .ratio-img{padding-bottom:67%} .about-grid07 .ratio-img{padding-bottom:66%} } @media(max-width:767px){ .ab-firstRow{margin-bottom: 0} .about-grid02{height:auto;} .aboutleft{padding-right:15px;max-width:100%;flex:0 0 100%} .aboutright{padding-left:15px;max-width:100%;flex:0 0 100%} .about-grid01{margin-bottom:20px} .about-grid02{margin-bottom:20px} .about-grid03{margin-bottom:20px} .about-grid04{margin-bottom:20px} .about-grid06 .ratio-img{padding-bottom:65%} .about-grid05{margin-bottom: 20px} .about-photos-main .ratio-img img{width:100%} } @media(max-width:575px){ .about-grid06,.about-grid07{margin-left: 0} } /*responsive End*/ /*about-photos-main End**********************/ /*testimonials-main Start**********************/ .testimonials-main{margin-bottom:58px;padding-top:30px} .testimonials-main .border-w-title{margin-bottom:53px} .testimonials-listing .desc p{font-size: 32px; line-height: 40px; letter-spacing: -0.2px;} .testimonials-listing .desc .name{font-size:14px;text-transform:uppercase;font-family: 'Brandon Grotesque';letter-spacing: 2.1px;margin-bottom:5px;margin-top:16px} .testimonials-listing .desc .position{font-size:14px;text-transform:uppercase;font-family: 'Brandon Grotesque';letter-spacing: 2.1px;color:#6d6e71} .quote-text{padding-top:80px} .quote-text blockquote{font-size:50px;color:#6d6e71;text-align:center;background:none;position:relative;} .quote-text blockquote::before,.quote-text blockquote::after{content:'"';display:block;font-size:80px;position:absolute;width:100%;text-align:center;height:38px} .quote-text blockquote::before{top: -59px; transform: rotate(-180deg);-webkit-transform: rotate(-180deg);} .quote-text blockquote::after{bottom:-65px} .testimonials-listing .t-list{padding-bottom:54px; margin-bottom:54px;border-bottom:solid 1px #CCC} .testimonials-listing .t-list.cl-last{margin-bottom: 0;padding-bottom: 0;border:0;} .testimonials-listing .t-list:last-child{padding-bottom:0;border:0;} .testimonials-listing .t-list:nth-child(odd) .row{display:-webkit-flex;-webkit-flex-direction: row-reverse;display: flex; flex-direction: row-reverse;} .testimonials-listing .cta-button{text-align: center; margin: auto; display: block; width: 200px;} .testmonials-mobile-img{display:none;} /*responsive Start*/ @media(max-width:991px){ .quote-text{display:none;} .testimonials-main .border-w-title{margin-bottom:48px} } @media(max-width:767px){ .testimonials-main .border-w-title{margin-bottom:25px} .testimonials-listing .desc p{font-size:20px;letter-spacing:0.1px;line-height:25px} .testimonials-listing .t-list{padding-bottom: 20px;margin-bottom:20px} .testmonials-mobile-img{margin-bottom:30px;display:block;} .testmonials-mobile-img .ratio-img{padding-bottom:70%} } /*testimonials-main End**********************/ /*journey-main Start**********************/ .journey-main{padding:36px 0;text-align:center;} .journey-main .title{font-size:60px;margin-bottom:37px;letter-spacing:-0.7px} .journey-main .cta-button{margin-bottom:47px} /*responsive Start*/ @media(max-width:991px){ .journey-main{padding:36px 0 24px} } @media(max-width:767px){ .journey-main{padding: 0} .journey-main .title{font-size:42px;line-height:43px;margin-bottom:29px} .journey-main .cta-button{min-width:280px;margin-bottom: 50px} } /*journey-main Start**********************/ /*About Page End********************************************************************************************************************************************/ /*Footer Start**********************************************************************************************************************************************/ footer{} .ftr-social .desc{font-size:23px;line-height:28px;color:#FFF;text-align:center;margin-bottom:25px} .ftr-social .desc span{font-family: 'GTSectraFine-BookItalic';display:block;font-style: italic;} footer .social-listing ul{text-align:center;} footer .social-listing ul li.fa, footer .social-listing ul li[class^=icon]{border-color:#FFF;color:#FFF;height:47px;width:47px;font-size:35px;margin:0 6px 0 0 } footer .social-listing ul li.fa-facebook-f:before, footer .social-listing ul li.fa-facebook:before {font-size: 25px; margin: 0 0px 0 0; font-weight: normal; } footer .social-listing ul li.fa-instagram:before{margin:1px 0 0 0;vertical-align:middle;font-size:28px} footer .social-listing ul li.fa:hover, .social-listing ul li[class^=icon]:hover{background:#FFF;color:#000} footer .stay-touch{border-right:solid 1px #343434;padding:7px 52px 25px 0;} .footer-top{padding-bottom:69px} .ftr-logo{text-align:center;border-right:solid 1px #343434} .ftr-logo .logo-img{margin:14px auto 0 auto;} .ftr-logo .logo-img img{max-width:222px} .newsletter-form{position:relative;} .newslettermain{padding:7px 55px} .newslettermain .title{font-size: 23px; line-height: 29px; color: #FFF; letter-spacing: -0.1px; text-align: center; margin: 0 0 17px -7px;} .newslettermain .title span{font-family: 'GTSectraFine-BookItalic';display:block;font-style: italic;} .newslettermain input[type="email"],.newslettermain input[type="text"]{border-color:#FFF;color:#FFF;border-width:1px;padding-right:35px;height:50px} .input01 .brd::after{height:1px #CCC;width:0} .newslettermain .input01{position:relative;margin-bottom: 0;} .newslettermain .input01:hover .send-arrow{opacity:0.5} .newslettermain .send-arrow{background: url(images/more-arrow-white.svg) no-repeat !important; background-size: 100%; width: 17px; height: 21px; margin: 0 0 15px; display: block; min-width:17px;position: absolute; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);right: 2px; top: 16px; padding: 0; font-size: 0; border: none;} .newslettermain .send-arrow:hover{} .newslettermain .wpcf7-form-control-wrap{display:block;} .newslettermain .ajax-loader{position:absolute;} .newslettermain span.wpcf7-not-valid-tip{margin-top:15px} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 0; margin: 0; color: #F00; background: #ffecec; padding: 10px 10px; font-size: 16px; line-height: 20px;display:none !important} div.wpcf7-mail-sent-ok {border: 0; color: #FFF; margin: 0; padding: 10px 0 10px 0; background: #000; font-size: 15px; line-height: 20px; position: absolute; top: 10px; width: 100%;} div.wpcf7-mail-sent-ok::after{background: url(images/sent-icon.png); width: 27px; height: 27px; display: block; content: ""; position: absolute; right: 0; top: 6px; background-size: 27px;} .ajax-loader{background-image:url(images/loader.svg) !important; height: 35px !important; width: 35px !important;background-size: 100% !important} .footer-bottom{border-top:solid 1px #343434;padding:53px 0;font-family: 'Brandon Grotesque';text-transform:uppercase;font-size:12px;letter-spacing:1.75px;} .reserv-text{color:#808080} .footer-links ul{text-align:center;} .footer-links ul li{display:inline-block;list-style-type:none;font-size:12px;margin:0 4px 0 8px} .footer-links ul li a{color:#808080;} .footer-links ul li.current-menu-item a{color:#FFF} .footer-links ul li a:hover{color:#FFF} .developby,.developby a{color:#808080;text-align:right;} .developby a:hover{color:#FFF} div.wpcf7 .ajax-loader{position:absolute;right:-45px;top:10px} /*responsive Start*/ @media(max-width:1200px){ footer .stay-touch{padding:7px 0 25px 0} .newslettermain{padding: 7px 25px} } @media(max-width:991px){ footer{overflow-x:hidden;} footer .stay-touch,.newslettermain{-ms-flex: 0 0 50%; flex: 0 0 50%;max-width:50%} footer .stay-touch{order:1} .newslettermain{order:2;padding:7px 42px 0 36px} .ftr-logo{margin-top:77px;order:3;-ms-flex: 0 0 100%; flex: 0 0 100%;max-width:100%;border-top:solid 1px #343434;border-right:0;padding:60px 0 7px} .footer-links{display:none;} footer .social-listing ul li.fa, footer .social-listing ul li[class^=icon]{margin:0 3px} .footer-bottom{text-align:center;padding:29px 0 35px;line-height:15px;margin: 0 -15px} .developby, .developby a{text-align:center;} } @media(max-width:767px){ footer{padding:45px 0 0 } footer .stay-touch,.newslettermain{-ms-flex: 0 0 100%; flex: 0 0 100%;max-width:100%} footer .stay-touch{border-right: 0;padding: 0 15px} footer .stay-touch .ftr-social{padding-bottom:40px;border-bottom:solid 1px #2e2e2e} .newslettermain{padding:34px 35px 16px 35px} .newslettermain .title{margin-left: 0} .ftr-logo{margin-top:24px;border:0;padding: 0 15px;} .ftr-logo .logo-img{margin: 0;padding:41px 0 0 0;border-top:solid 1px #2e2e2e} .footer-top{padding-bottom:40px} .footer-bottom{font-size:10px;line-height:13px;letter-spacing:1.5px;border-color:#333;margin: 0} div.wpcf7 .ajax-loader {position: absolute; right: -30px; top: 15px; width: 25px !important; height: 25px !important; } } /*Footer End**********************************************************************************************************************************************/ /*services Start**********************************************************************************************************************************************/ .the-services-main{padding-top:49px;position:relative;} .service-right-detail{padding-left:60px;padding-top:117px} .service-right-detail .title{font-size:14px;letter-spacing:2.1px;font-family: 'Brandon Grotesque';text-transform:uppercase;margin-bottom:16px} .service-right-detail p{font-size:20px;line-height:27px;letter-spacing:-0.1px;margin-bottom:16px} .services-img-box{padding-right:10px} .services-img-box .ratio-img{padding-bottom:139.133%} .page-template-tpl-service-page .right-nav{margin-left:-28px} .page-template-tpl-service-page .sub-navigation{margin-right:-30px} .the-services-main .border-w-title{margin-bottom:60px} .iphone.page-template-tpl-service-page .panel-main ol li::after {top:21px !important} .iphone.page-template-tpl-service-page .panel-main ol li.open::after {top:16px !important} .ab-service-imgbox{position:absolute;bottom:-264px;min-width:640px;right:0} .ab-service-imgbox .ratio-img{padding-bottom:70.32%} .whats-panel{margin-right:-5px} .what-inclued-main{padding-top:70px} .what-inclued-main .title{font-size:14px;letter-spacing:2.1px;font-family: 'Brandon Grotesque';text-transform:uppercase;margin-bottom:17px} .what-inclued-main p{font-family: 'GTSectraFine-Book';font-size:20px;line-height:27px;letter-spacing:-0.1px;opacity: 1 !important;transform: none;-webkit-transform:none !important;} .special-panel{margin-left:-5px} .info-panels{padding-top:200px;padding-bottom:75px} .panel-main .title{padding:17px 20px;font-size:14px;letter-spacing:2.1px;background:#000;color:#FFF;margin-bottom:8px} .panel-desc{display:none;padding-bottom:40px;cursor:default;color:#000} .panel-desc::before{height:1px;width:100%;background:#939598;content:"";display:block;margin-bottom: 25px} /*.panel-desc::after{background: url(images/more-arrow.svg); width: 17px; height: 20px; display: block; content: ""; position: absolute; bottom: 42px; left: 0; transform: rotate(180deg);-webkit-transform: rotate(180deg)}*/ .panel-desc .more-detail{cursor:pointer;transform: rotate(180deg);-webkit-transform: rotate(180deg);margin-top:42px} .panel-main ol {list-style-position:inside;} .panel-main ol li{font-size:14px;letter-spacing:2.1px;font-family: 'Brandon Grotesque';border-bottom:solid 1px #000;transition: 0.5s all linear;-webkit-transition: 0.5s all linear;position:relative;cursor:pointer;backface-visibility: hidden;} .panel-main ol li::after{content: "+"; position: absolute; right: 0; top:19px; font-size: 31px; font-family: 'GTSectraFine-Book'; transition: 0.5s all linear; -webkit-transition: 0.5s all linear; height:18px; width:18px; line-height: 13px;backface-visibility: hidden;} .panel-main ol li.open::after{transform:rotate(135deg);-webkit-transform:rotate(135deg);transition: 0.5s all linear;-webkit-transition: 0.5s all linear;backface-visibility: hidden;} .panel-main ol li h4{font-size:14px;display:inline-block;padding:20px 0;text-transform:uppercase;} .panel-main ol li.open,.panel-main ol li.open h4{color:#939598} .special-panel .title{background:#7f7f7f} .panel-main ol li::before {counter-increment:nums;content: ""} .service-big-imgbox .ratio-img{width:80%;float:right;padding-bottom:51%} .service-big-imgbox::after{clear:both;display:block;content:""} .img-w-textblog{padding:89px 0 75px} .b-img-box{padding-right:9px} .b-img-box .ratio-img{padding-bottom:71.3%} .img-w-textblog .tagline-text{text-align:center;padding:0 30px;} .img-w-textblog .tagline-text blockquote{font-size:36px;line-height:42px;letter-spacing:-0.2px} .img-w-textblog .tagline-text blockquote::before{line-height:9px} .mac .img-w-textblog .tagline-text blockquote::before{margin-top:-8px} .img-w-textblog .tagline-text .name{font-family: 'Brandon Grotesque';font-size:14px;line-height:24px;letter-spacing:2.1px;text-transform:uppercase;margin-top:11px;display:block;} /*responsive Start*/ @media(min-width:1025px){ .panel-main ol li:hover{padding-left: 15px;transition: 0.3s all linear;-webkit-transition: 0.3s all linear;backface-visibility: hidden;} .panel-main ol li.open:hover{padding-left: 0;color:#939598} .panel-main ol li.open:hover h4{color:#939598} .panel-main ol li:hover h4,.panel-main ol li:hover,.panel-main ol li.open h4{color:#939598;backface-visibility: hidden;} .panel-main ol li:hover a{color:#939598} } @media(max-width:1440px){ .ab-service-imgbox{min-width:45%} .what-inclued-main{padding-top:100px} .info-panels{padding-top:150px} } @media only screen and (max-width: 1279px) and (min-width:992px){ .footer-bottom{letter-spacing:0.9px} .reserv-text{font-size:11px} .footer-links ul li{margin:0 4px;font-size:11px} } @media(max-width:1279px){ .service-right-detail{padding-top:80px} .ab-service-imgbox{bottom:-230px} .info-panels{padding-top:100px} } @media(max-width:991px){ .the-services-main{padding-top:39px} .the-services-main .border-w-title{margin-bottom:51px} .whats-panel{margin-bottom:30px;margin-right: 0} .special-panel{margin-left: 0} .what-inclued-main{padding-top:26px} .services-img-box .ratio-img{padding-bottom:73.5%} .services-img-box .ratio-img img{width:100%} .services-img-box .ratio-img img.desktop{display:none;} .ab-service-imgbox{display:none;} .service-right-detail{padding-left:121px;padding-top:39px} .wht-inclued-content{padding-left:106px} .info-panels{padding-left:106px;padding-top:24px;padding-bottom:57px} .service-big-imgbox .ratio-img{width:100%;padding-bottom:74%} .service-big-imgbox .ratio-img img.desktop{display:none;} .img-w-textblog{padding:63px 50px} .img-w-textblog .b-img-box{display:none;} } @media(max-width:767px){ .service-right-detail{padding-left:15px} .wht-inclued-content{padding-left:0} .info-panels{padding-left: 0;padding-bottom:42px} .service-big-imgbox{display:none;} .services-img-box{padding-right:15px} .whats-panel{margin-bottom:40px} .services-img-box .ratio-img{padding-bottom:140%} .instro-descmain .more-detail-white{background:url(images/more-arrow.svg);width: 25px; height: 30px; margin: 23px 0 0 0;} .the-services-main{padding-top:25px} .the-services-main .border-w-title{margin-bottom:27px} .service-right-detail{padding-top:19px} .service-right-detail .title{font-size:12px;letter-spacing:1.8px;margin-bottom:6px} .service-right-detail p{letter-spacing:0.1px;margin-bottom:12px} .what-inclued-main{padding-top:15px; margin-bottom: 5px;} .wht-inclued-content .title{font-size:12px;letter-spacing:1.8px;border-top:solid 2px #000;padding-top:32px;margin-bottom: 5px;} .img-w-textblog{display:none;} } /*responsive END*/ /*services END**********************************************************************************************************************************************/ /*Contact Start**********************************************************************************************************************************************/ input::-ms-clear {display: none; } .contactus-main{padding-top:4px} .contact-detail{margin-bottom:25px} .contact-detail .contact-content{border-top: solid 1px #000; padding-top: 44px;} .contact-detail .container{} .contact-detail .left-detail{padding-top:12px} .contact-detail .left-detail .title{font-size:20px;line-height:25px;margin-bottom:20px;letter-spacing:-0.1px} .contact-detail .help-detail{margin-bottom:20px} .contact-detail .help-detail .title{font-size:14px;font-family: 'Brandon Grotesque';letter-spacing:2.1px;line-height:14px;margin-bottom:5px} .contact-detail .help-detail ul li{font-size:20px;line-height:25px;list-style-type:none;position:relative;color:#939598;padding-left:25px;letter-spacing:-0.1px} .contact-detail .help-detail ul li::before{content:"_";font-size:37px;position:absolute;left: 0;top:-18px;display:inline-block;} .contact-detail .email-box .title{font-size:14px;font-family: 'Brandon Grotesque';letter-spacing:2.1px;line-height:14px;margin-bottom:2px} .contact-detail .email-box a{font-size:20px;color:#939598} .contact-detail .email-box a:hover{color:#000} .contactus-main .pattern-main{border:0;margin-bottom:62px} div.wpcf7 .contact-btn .ajax-loader{position:inherit;right: 0;top:auto;} .contact-content div.wpcf7-mail-sent-ok{border: 0; color: #000; margin: 0; padding:23px 45px 23px 23px; background: #e5e5e5; font-size: 18px; line-height: 20px; position: relative; top: auto; width: 100%;margin-top:-90px;margin-bottom:20px} .contact-content div.wpcf7-mail-sent-ok::after{background: url(images/sent-icon-black.png); right:15px; top:0;bottom: 0;margin: auto; background-size: 27px;} .input01{margin-bottom:30px} .input01.left{padding-right:10px} .input01.right{padding-left:10px} .right-form {padding-left:10px} .right-form .contact-btn{margin-top:30px} .time-dropdown{border-bottom:solid 2px #000;font-family: 'Brandon Grotesque';font-size:14px;margin-top:16px;margin-bottom:18px} .time-dropdown .title{letter-spacing:2.1px;display:block;line-height:20px;position:relative;cursor:pointer;} .time-dropdown .title.active::after{transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: 0.5s all ease;-webkit-transition: 0.5s all ease} .time-dropdown .title:hover{color:#939598;transition:0.5s all linear;-webkit-transition:0.5s all linear;backface-visibility: hidden;} .time-dropdown:hover{border-color:#939598} .time-dropdown:hover .title::after{opacity:0.5} .time-dropdown .title::after{background: url(images/more-arrow.svg); background-size: 100%;background-size: 19px; width: 18px; height: 22px;margin: 0 0 15px; display: block; position: absolute; right: 0; content: ""; top: 0; transform: rotate(-90deg);transition: 0.5s all ease;-webkit-transition: 0.5s all ease} .time-dropdown .wpcf7-list-item{margin: 0;float: left;display:block;padding: 0 9px;text-transform:uppercase;position:relative;} .time-dropdown .wpcf7-list-item.first{padding-left: 0} .time-dropdown .wpcf7-list-item.last{padding-right: 0} .time-dropdown .wpcf7-list-item-label{border:solid 2px #000;color:#000;border-radius:30px;padding:11px;display:block;transition:0.5s all linear;-webkit-transition:0.5s all linear;backface-visibility: hidden;min-width:130px;text-align:center;letter-spacing: 2.1px} .time-dropdown .appointment{display:none;overflow:hidden;} .time-dropdown .appointment .cl-appointment{position:relative;padding: 20px 0;display:block;} .time-dropdown .appointment .cl-appointment::after{clear:both;display:block;content:""} .time-dropdown input[type="radio"]{height: 100%;width:100%;position:absolute;opacity:0;cursor:pointer;} .time-dropdown input[type="radio"]:checked+.wpcf7-list-item-label,.time-dropdown input[type="radio"]:hover+.wpcf7-list-item-label{background:#000;color:#FFF;transition:0.5s all linear;-webkit-transition:0.5s all linear;backface-visibility: hidden;} .right-form textarea{height:34px} span.wpcf7-not-valid-tip{margin-top:10px} /*responsive Start*/ @media(max-width:1280px){ .time-dropdown .wpcf7-list-item-label{font-size:13px} .time-dropdown .wpcf7-list-item{padding: 0 7px} } @media(max-width:1199px){ .time-dropdown .wpcf7-list-item{padding:0 4px} .time-dropdown .wpcf7-list-item-label{min-width:100px} } @media(max-width:991px){ .page-template-tpl-contact-page .page-title{margin-bottom:30px} .contactus-main{padding-top: 0} .right-form {padding-left: 15px; padding-top: 74px; } .input01{margin-bottom:20px} .right-form .contact-btn{text-align:center;margin:50px 0 25px} .contactus-main .pattern-main{margin-bottom:30px} } @media(max-width:767px){ div.wpcf7 .contact-btn .ajax-loader{position:absolute;} .page-template-tpl-contact-page .page-title{margin-bottom:13px} .contact-detail .left-detail{padding-right:15px} .contact-detail .contact-content{padding-top:14px} .right-form{padding-top:36px} .input01{margin-bottom:10px} .input01.left{padding-right: 15px} .input01.right{padding-left: 15px} .time-dropdown{margin-top: 20px; margin-bottom: 21px;} .right-form .contact-btn input[type="submit"]{min-width:280px} .right-form .contact-btn{margin: 38px 0 25px} .right-form .ajax-loader{right:auto !important;top: 0!important} .contactus-main .pattern-main{display:none;} .contact-detail .left-detail .title{padding-right:22px} .contact-detail .left-detail .title br{display:none;} .iphone .page-title{margin-bottom:6px !important} .iphone .page-title::after{top:14px !important} } @media(max-width:510px){ .time-dropdown .wpcf7-list-item{width:50%;text-align:center;margin-bottom: 10px} .time-dropdown .wpcf7-list-item.last,.time-dropdown .wpcf7-list-item.first{padding: 0 4px} } @media(max-width:360px){ .right-form .contact-btn input[type="submit"]{min-width:210px} } @media(max-width:330px){ .contact-detail .email-box a{font-size:16px} } /*responsive END*/ /*Contact END**********************************************************************************************************************************************/ /*FAQs Start**********************************************************************************************************************************************/ .page-template-tpl-faq-page .page-title{margin-bottom:41px} .page-template-tpl-faq-page .journey-main .cta-button{margin-bottom:20px} .faq-main .info-panels{border-top:solid 1px #000;padding-top:34px;padding-bottom:40px} .faq-main .panel-main ol li{font-family: 'GTSectraFine-Book';font-size:20px;line-height:27px;list-style-type:none;letter-spacing:-0.1px} .faq-main .panel-main ol li .panel-desc{padding-bottom:25px} .faq-main .panel-main ol li.open h4{color:#000} .faq-main .panel-main ol li h4{font-size: 20px; text-transform: none; line-height: 27px;padding:21px 0 22px} .faq-main .panel-main ol li::before{display:none;} .faq-main .panel-main ol li::after{top:26px;color:#000} .iphone .panel-main ol li.open::after{top:20px !important} .faq-main .info-panels .left-panel{padding-right:10px} .faq-main .info-panels .right-panel{padding-left:10px} .faq-banner-box{margin-bottom:44px} .faq-banner-box .ratio-img{padding-bottom:59.5%} /*.page-template-tpl-faq-page .journey-main .cta-button{margin-bottom:21px}*/ /*responsive START*/ @media(max-width:991px){ .page-template-tpl-faq-page .page-title{margin-bottom:30px} .faq-main .info-panels{padding-left: 0} .faq-main .info-panels{padding-top:45px;padding-bottom:29px} .faq-main .info-panels .left-panel{padding-right:15px} .faq-main .info-panels .right-panel{padding-left:15px} .faq-main .panel-main ol li h4{padding:21px 0 22px} .faq-banner-box .ratio-img{padding-bottom:74%} .faq-banner-box{margin-bottom:40px} .page-template-tpl-faq-page .journey-main .cta-button{margin-bottom:47px} } @media(max-width:767px){ .page-template-tpl-faq-page .page-title{margin-bottom:13px} .faq-main .info-panels{padding-top: 0} .faq-main .panel-main ol li h4{padding:21px 20px 21px 0} .faq-banner-box{display:none;} .page-template-tpl-faq-page .pattern-w-brd{margin-top:19px} } /*responsive END*/ /*FAQs End**********************************************************************************************************************************************/ /*Terms conditions Start**********************************************************************************************************************************************/ .terms-main{padding-top:4px} .cms-content{border-top:solid 1px #000;padding-top:50px} .cms-content h4{font-size:14px;letter-spacing:2.1px;border-bottom:solid 1px #000;font-family: 'Brandon Grotesque';text-transform:uppercase;display:inline-block;margin-bottom:16px} .cms-content h5{font-family: 'GTSectraFine-BookItalic';font-size:20px;line-height:27px;font-style: italic;} .cms-content ul{margin-bottom:15px} .cms-content ul li{font-size:20px;line-height: 26px;position:relative;padding-left:25px;list-style-type:none;letter-spacing:-0.1px;margin-bottom:1px} .cms-content ul li::before {content: ""; position: absolute; left: 0; top: 13px; width: 20px; display: inline-block; height: 1px; background: #000;} .mac .cms-content ul li::before,.ipad .cms-content ul li::before,.iphone .cms-content ul li::before{top:10px} .cms-content, .cms-content p{font-size:20px;line-height:27px} .page-template-tpl-terms-and-conditions-page .pattern-main{border:0;margin: 80px 0 60px} .terms-sec-title{margin-top:19px} .cms-content .right-part{padding-left:10px} /*responsive Start*/ @media(max-width:991px){ .cms-content{padding-top:50px} } @media(max-width:767px){ .cms-content{padding-top:30px} } /*responsive END*/ /*Terms conditions END**********************************************************************************************************************************************/ /*404 Error Start**********************************************************************************************************************************************/ .error-main{text-align:center;position:relative;z-index:1} .error-main .container{border-top:solid 1px #000} .error-main::after{background: url(images/pattern.png); content: ""; width: 100%; height: 500px; position: absolute; display: block; top: 0; z-index: -1; opacity: 0.2;} .error-main .error-title{font-size:150px;margin-bottom:25px} .error-main h3{font-family: 'Brandon Grotesque';font-size:16px;letter-spacing:2.1px;text-transform:uppercase;margin-bottom:15px} .error-main p{font-size:20px;line-height:27px;max-width:600px;margin:auto auto 25px;} .error-main .cta-button{margin-bottom:70px} /*responsive STArt*/ @media(max-width:991px){ .cms-content .left-part{margin-bottom:20px} } @media(max-width:767px){ .error-main .error-title{font-size:100px} .error-main .cta-button{margin-bottom:50px} } @media(max-width:320px){ .cms-content, .cms-content p,.cms-content ul li,.cms-content h5{font-size:18px} } /*responsive END*/ /*404 Error End**********************************************************************************************************************************************/