/* Theme Name: Orange County House Painting Theme URI: https://wordpress.org/themes/orangecountyhousepainting/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Orange County House Painting brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: orangecountyhousepainting Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready 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. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ address, body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, select, ul {outline: 0;padding: 0;margin: 0} a, a:focus, button:focus, fieldset, img {outline: 0} .navbar li a, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block} .clear, .clearfix {clear: both} fieldset, img, input, select {border: none} .clear {height: 0;overflow: hidden} a {text-decoration: none} a:hover {cursor: pointer;text-decoration:none;} a:focus,a:visited{text-decoration:none;} ul {list-style: none} body, html {height: 100%} /* a, input {transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out} */ body {font-family: 'Poppins', sans-serif;font-size: 16px;color: #000;-webkit-font-smoothing: antialiased;background:#fff;font-weight:400;} input{-webkit-appearance: none;} img{max-width:100%;height:auto;border:none;display:block;} ::-webkit-input-placeholder { color: #4c5863; opacity:1; } :-moz-placeholder { /* Firefox 18- */ color: #4c5863; opacity:1; } ::-moz-placeholder { /* Firefox 19+ */ color: #4c5863; opacity:1; } :-ms-input-placeholder { color: #4c5863; opacity:1; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input { -webkit-appearance: none; } h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif;color:#000;font-weight:500;} h1 {font-size: 0;line-height: 100%;padding:0;margin:0;} h2{font-size:2.5em;padding-bottom:0.5em;} h3{font-size:1.75em;} h4{font-size:1.5em;} h5{font-size:1em;padding-bottom:0.5em;} p{padding-bottom:1em;} strong{font-weight:700;} span.title-color{color:#81bc00;} /*global css*/ .container{max-width:1280px;width:90%;} .container .row{margin-bottom:0;} .fullW{width:100%;float:left;} .oneHalf{width:50%;float:left;} .vspace{padding-top:80px!important;padding-bottom:80px!important;} .hspace{padding-left:80px!important;padding-right:80px!important;} .center{text-align:center;} .flex-content {display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;-moz-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;} .flex-content2 {display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;} .flex-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;} .flex-direction{flex-direction:column;-webkit-flex-direction:column;} .button-red{height: 65px;line-height: 65px;padding: 0 1em;color: #fff;text-transform: uppercase;background: #cc2121;} .orange-color{color:#fb8b30;} .white-color{color:#fff;} .whitebg{background:#fff;} .graybg{background:#f0f0f0;} .orange-bg{background:#fb8b30;} .btn-orange{padding:0 1em;display:inline-block;border-radius:3px;height:3em;line-height:3em;color:#fff;text-transform:uppercase;background:#fb8b30;} .btn-white{padding: 0 1em;display: inline-block;border-radius: 3px;height: 3em;line-height: 3em;color: #fff;text-transform: uppercase;background:transparent;border: 2px solid #fff;} .btn-red {padding: 0 1em;display: inline-block;border-radius: 3px;height: 3em;line-height: 3em;color: #fff;text-transform: uppercase;background: #cc2121;transition:all ease-in-out 0.25s;} .btn-red:hover{-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);} /*Header css*/ .header{padding:15px 0;border-bottom:2px solid #f0f0f0;position:relative;} .header .logo img{display:inline-block;} .top-tell{} .top-tell *{color:#000;} .top-tell .input-field {margin-top: 0.75em;} .top-tell .select-wrapper {width: 80px;margin-right: 1em;} .top-tell .select-wrapper input.select-dropdown{border:none;} .top-tell .select-wrapper span.caret {top: 50%;transform: translateY(-50%);} .top-tell .select-wrapper input.select-dropdown{margin:0;} .top-tell .top-number{padding-left:1em;border-left:1px dotted #000; } .top-tell .top-number i{vertical-align:bottom; margin-right:0.25em;} .top-tell .number{display:inline-block;} .header .button-red{float: right;} .button_container,.nav-overlay{display:none;} .navBar{background:none;box-shadow:none;border-bottom:2px solid #f0f0f0;} .navBar li{position:relative;} .navBar li a {color:#000;font-size:1em;font-weight:500;min-width: 8em;text-align: center;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;} .navBar li a svg{display:none;} .navBar li:first-child a{border-left: 2px solid #f0f0f0;} .navBar li:last-child a{border-right: 2px solid #f0f0f0;} .navBar li:hover a,.navBar li.current_page_item a{color:#fb8b30;background:none;} nav a.tel-num{margin-left:3em;color:#000;} nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{display:inline-block;font-size: 1.25em;height: 45px;line-height: 45px;vertical-align: middle;} nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 3em;line-height: 3em;} @media (min-width: 767px){ .navBar ul li ul.sub-menu {position: absolute;width: 200px;height: auto;top: 100%;left: 10px;z-index: 10;background: rgb(251, 145, 59);transition: all ease-in-out 0.5s;opacity: 0;visibility: hidden;-webkit-transform: translateY(30px);transform: translateY(30px);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);} .navBar ul li ul.sub-menu li{width:100%;float:left;border-bottom: 1px solid rgb(255, 255, 255, 0.25); height:auto; line-height:1;} .navBar ul li ul.sub-menu li a{text-align:left;padding: 10px 15px;height:auto;line-height:1;color:#fff;min-width: auto;width: 100%;border: none!important;} .navBar ul li:hover .sub-menu {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);} .navBar ul li ul.sub-menu li a:hover,nav ul li ul.sub-menu li.current-menu-item a{color:rgb(251, 145, 59);background:#fff;} } .banner{} .banner h2 {color: #fff;font-size: 80px;text-transform: uppercase;font-weight: 700;padding-bottom: 0.25em;} .banner .camera_caption{height:auto;} .banner .camera_wrap a.btn-white {padding: 0 1em;line-height: 3em;background: transparent;border: 2px solid #fff;font-size: 18px;font-weight: 500;} .banner .camera_prev,.banner .camera_next,.banner .camera_commands{width: 50px;height: 50px;margin-top: -25px;} .banner .camera_prev, .banner .camera_next{opacity:1!important;} .banner .camera_prev > span,.banner .camera_next > span{width: 50px;height: 50px;} .banner .camera_prev > span:after,.banner .camera_next > span:after{width: 50px;height: 50px;top: 0;left: 0;} .banner .camera_prev > span:after{background: url(assets/images/prev-icon.png)center no-repeat;} .banner .camera_next > span:after{left:auto;right:0;background: url(assets/images/next-icon.png)center no-repeat;} /*Home sec1 css*/ .homeSec1{} .homeSec1 h2{} .homeSec1 #js-activity-image{border-radius:100%;} ul.servicelist{margin-top:2em;} ul.servicelist li{cursor:pointer;margin:0 0.25em 0.5em;width:calc(25% - 0.5em);min-height:6em;float:left;text-align:center;padding:0 1em!important;} ul.servicelist li a{color:#000;} ul.servicelist li p{padding-bottom:0;} .homeSec1 .imgCircle.imgCircle-mob{display:none} .homeSec1 .imgCircle{width:300px;height:300px;border-radius:100%;overflow:hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);} .homeSec1 .imgCircle img{cursor:pointer;transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;width:100%;height:100%;} .homeSec1 .imgCircle img:hover { transform: scale(1.1); } /*Home sec2 css*/ .homeSec2{padding:0 0 60px;} .homesec2-content{} .homesec2-content h2{padding:0 30px 10px;} .homesec2-content h5{padding-bottom:40px;color:#a8a8a8;font-size:1.5em;font-weight:400;} .homesec2-content .homeSec2-list{padding:3em 2em;} .homesec2-content .post-thumbnail{margin-bottom:1.5em;width:240px;height:240px;position:relative;transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out; } .homesec2-content .post-thumbnail img{cursor:pointer;width:100%;height:100%;border-radius:100%;overflow:hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);} .homesec2-content .post-thumbnail:hover { transform: scale(1.1); } .homesec2-content .post-thumbnail span{position: absolute;left: 0;top: 0;width: 60px;height: 60px;line-height: 60px;background: #fb8b30;color: #fff;border-radius: 100%;font-size: 1.5em;font-weight: 500;} /*Home sec3 css*/ .homeSec3{padding-bottom: 30px;} .homeSec3 h2{padding:0 30px 10px;} .homeSec3 h5{padding-bottom:40px;color:#a8a8a8;font-size:1.5em;font-weight:400;} .homeSec3 .video-sec{background:#d0d0d0;} .homeSec3 p{padding-bottom:2em;} /*Home sec4 css*/ .homeSec4{} .homeSec4 h2{padding:0 0 10px;} .homeSec4 .homesec4-content{background:url(assets/images/paint.jpg)80% top / auto 100% no-repeat;} .homeSec4 .homesec4-content p{padding-bottom:2em;} /*Gallery Area css*/ .gallery-area{margin-top:2em;} .gallery-area *{color:#fff;} .gallery-area h4{text-transform:uppercase;} .gallery-area .gallery-top{padding:60px 0 30px;margin-bottom:8px;} .gallery-area ul{flex-wrap:wrap;justify-content: flex-start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;} .gallery-area ul li{width:33.333333%;float:left;cursor:pointer;} .gallery-area .panel {width: 100%;height: 280px;margin: auto;position: relative;overflow:hidden;} .gallery-area .panel img{width:100%;height:100%;} .gallery-area .cards {width: 100%;height: 100%;-o-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0px;left: 0px;} .gallery-area .front {z-index: 2;} .front-card-txt{position:absolute;left:45px;bottom:45px;z-index:2} .gallery-area .back {z-index: 1;-webkit-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg); transform:rotateY(180deg);background:rgba(251,139,48,1);flex-direction:column;text-align:center;padding: 0 10px;} .gallery-area .panel:hover .front {z-index: 1;-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);} .gallery-area .panel:hover .back {z-index: 2;-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);} .gallery-area .type-gallery {width: calc(25% - 8px);margin: 0 8px 8px 0;float: left;display: inline;} .gallery-area figcaption{display:none;} /*Home sec6 css*/ .homeSec6{} .homeSec6 .homesec6-bottom{margin-top:2em;} .homeSec6 .brandsLogo.owl-carousel .owl-item {padding: 10px;} .homeSec6 .brandsLogo.owl-carousel .owl-item img{width:auto;} .homeSec6 .brandsLogo li {padding:0 5px;background: #fff;height: 100px;} /*Home sec7 css*/ .bloglistings{} .bloglistings h2{padding:0 0 0.25em;} .bloglistings h5{padding:0 0 1.5em;} .bloglistings h4{margin-bottom:0.25em;} .bloglistings .row .col{} .bloglistings .post-thumbnail{} .bloglistings .post-content{padding: 2em 2em 1em;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.1);} .bloglistings .postsdetails{font-size: 0.75em;font-style: italic;margin-bottom: 0.5em;} .bloglistings .postsdetails span{padding-left:1em;} .bloglistings .bloglist-bottom .col{margin-bottom::1em;} /*Home sec8 css*/ .homeSec8{} .homeSec8 .homesec8-content{background:#fb8b30 url(assets/images/estimates-bg.png)45px bottom / 45% auto no-repeat;} /*Content area css*/ .content-area{} .content-area h3{padding-bottom:15px;} .content-area h4{padding-bottom:15px;} .content-area blockquote h4{color:#ff0000;} .content-area ul{padding-bottom:1em;} .content-area ul li{padding-left:1.5em;position:relative;} .content-area ul li:before{position:absolute;left:0;top:0.25em;content:'';width:1em;height:1em;background:url(assets/images/paintbrush-icon.png)no-repeat;} .content-area ul.servicelist li:before{display:none;} .content-area a{color:#fb8b30;} .content-area img.alignleft{float:left;margin:0 20px 20px 0;} .content-area img.alignright{float:right;margin:0 0 20px 20px;} .content-area img.aligncenter{float:none;display:block;margin:0 auto 20px;} .content-area hr{margin-bottom: 15px;} /*Get in touch css*/ .get-in-touch{} .get-in-touch .container{max-width:980px;} .get-in-touch .wpcf7-form-control-wrap{position:static;} .get-in-touch form.wpcf7-form{} .get-in-touch form.wpcf7-form label{color:#000;} .get-in-touch form.wpcf7-form input[type="submit"]{background: #cc2121;border: none;border-radius: 3px;color: #fff;padding: 10px 20px;text-transform: uppercase;transition:all ease-in-out 0.4s;} .get-in-touch form.wpcf7-form input[type="submit"]:hover{-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);} input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea,.select-wrapper input.select-dropdown{border: 1px solid #4c5863;color: #4c5863; padding: 0 10px; box-sizing: border-box;} .dropdown-content li>a, .dropdown-content li>span{color:#4c5863;} input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border: 1px solid #4c5863;box-shadow: 0 1px 0 0 #4c5863;} input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{color:#a7aeb5;font-weight:700;} /*footer css*/ .site-footer{padding:3em 0;background:#4c5863;} .site-footer h4{color:#fff;padding-bottom:1em;} .site-footer a,.site-footer p{color:#fff;} .site-footer .footer-logo a{display:inline-block;padding:0.25em 0.5em 0;margin-bottom: 1em;} .social-list ul.footersocial{ display:inline-block; list-style: none; } .social-list ul.footersocial li{ float: left; width: 50px; height: 50px;margin: 0 5px;} .social-list ul.footersocial li a{display:block;} .social-list ul.footersocial li a i{width: 100%; border-radius: 50%; height: 100%; display: inline-block; color: #fff; font-size: 21px; line-height: 50px;background:#323c45;} /* .social-list ul.footersocial li a i.fa-facebook{ background: #2b4178;} .social-list ul.footersocial li a i.fa-google-plus{ background: #7f1a12;} .social-list ul.footersocial li a i.fa-twitter{ background: #0097dd;} .social-list ul.footersocial li a i.fa-youtube{ background: #b61718;} .social-list ul.footersocial li a i.fa-pencil{ background: #017171;} .social-list ul.footersocial li a i.fa-rss{ background: #e28620;} .social-list ul.footersocial li a i.fa-yelp{ background: #ae1306;} .social-list ul.footersocial li a i.fa-comment{ background: #5b9a23;} .social-list ul.footersocial li a i.fa-instagram{ background: #614533;} .social-list ul.footersocial li a i.fa-pinterest-p{ background: #bc171d;} .social-listul.footersocial li a i.fa-flickr{ background: #ff005f;} */ .footer-links{} .footer-links ul li{} .footer-links ul li a:hover,.footer-links ul > li.current_page_item> a{color:#fb8b30;} .footer-links ul li a svg{display:none;} .error-404 .search-field{width:calc(100% - 55px); height: 45px; float:left; margin-right: 10px;} .error-404 .search-submit{text-align:center; position:relative; width:45px; height:45px; line-height: 45px; float:left;border: none;background: #cc2121;} .error-404 .search-submit:after{width: 16px; height: 17px; line-height: 1; position: absolute; left: 50%; top: 50%; content: url(assets/images/search-icon.png); transform: translate(-50%, -50%);} .error-404 .search-submit > *{display:none;} /*Responsive css*/ @media only screen and (max-width: 1024px){ body{font-size: 15px;} .vspace {padding-top: 60px!important;padding-bottom: 60px!important;} .hspace {padding-left: 60px!important;padding-right: 60px!important;} .banner .camera_caption{width: 100%;top: 65px;left: 85px;} .banner h2{font-size: 60px;} } @media only screen and (max-width: 992px){ .container{width: 94%;} .header .logo img{max-width: 360px;} .navBar li a{min-width: 6em;} nav a.tel-num{margin-left: 1em;} .welcome-slide-img{display:none;} .homeSec1 .imgCircle.imgCircle-mob {display: block;} .homesec2-content h2 {padding: 0 25px 10px;} .homesec2-content h5,.homeSec3 h5{font-size: 1.25em;} .homesec2-content .homeSec2-list {padding: 0;} .homesec2-content .post-thumbnail{width: 200px; height: 200px;} .homesec2-content .post-thumbnail span{width: 50px;height: 50px;line-height: 50px;} .homeSec4 .oneHalf{width:100%;} .homeSec5 ul li{width: 50%;} .homeSec3 .homesec3-content{background:none;} .homeSec8 .homesec8-content{background: #fb8b30;} .homeSec8 .homesec8-content .vspace{padding-left:40px; padding-right:40px;} .footer-content .flex-content{display:block;text-align:center;} .footer-content .flex-content > div {margin-bottom:15px;} .footer-content .flex-content > div > *{display:inline-block;} .footer-links {text-align:center;} .footer-links ul li {display: inline-block;padding: 0 5px;} .social-list{margin-bottom: 20px;} .banner .camera_fakehover{min-height: 200px;} .footer-logo,.social-list{border-bottom: 1px solid rgba(255,255,255,0.15);margin-bottom: 2em;} .footer-content .social-list{padding-bottom: 2em;} .footer-logo p{padding-bottom:2em;} } @media only screen and (max-width: 767px){ h2 {font-size: 1.75em;} h3{font-size:1.5em;} h4{font-size:1.25em;} .navBar{display:none;} .nav-overlay nav{overflow-y:scroll;} .button_container {position: absolute;top: 50%;right: 3.125%;height: 42px;width: 48px;margin-top: -21px;display:block;cursor: pointer;z-index: 100;-webkit-transition: opacity .25s ease;transition: opacity .25s ease;background:#fb8b30;} .button_container.active .top {-webkit-transform: translateY(9px) translateX(0) rotate(45deg);transform: translateY(10px) translateX(0) rotate(45deg);background: #FFF;} .button_container.active .middle {opacity: 0;background: #FFF;} .button_container.active .bottom {-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);transform: translateY(-10px) translateX(0) rotate(-45deg);background: #FFF;} .button_container span {background: #fff;border: none;height: 3px;margin: 0 7px;width: 34px;position: absolute;top: 10px;left: 0;-webkit-transition: all .35s ease;transition: all .35s ease;cursor: pointer;} .button_container span:nth-of-type(2) {top: 20px;} .button_container span:nth-of-type(3) {top: 30px;} .nav-overlay {display:block;position: fixed;background: rgb(45, 124, 255);top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, height .35s;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden;z-index:99;} .nav-overlay.open {opacity: .9;visibility: visible;height: 100%;} .nav-overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;animation-delay: .35s;} .nav-overlay.open li:nth-of-type(2) {-webkit-animation-delay: .4s;animation-delay: .4s;} .nav-overlay.open li:nth-of-type(3) {-webkit-animation-delay: .45s;animation-delay: .45s;} .nav-overlay.open li:nth-of-type(4) {-webkit-animation-delay: .50s;animation-delay: .50s;} .nav-overlay nav {position: relative;height: 70%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;background:none;box-shadow:none;} .nav-overlay nav ul {list-style: none;padding: 0;margin: 0 auto;display: block;position: relative;height: 100%;} .nav-overlay nav ul li {float:none;display: block;height: 12.5%;height: calc(100% / 8);min-height: 25px;position: relative;opacity: 0;line-height:40px;} .nav-overlay nav ul li a {padding:0 20px;display: inline-block;position: relative;font-size: 28px;color: #FFF;text-decoration: none;overflow: hidden;line-height:40px;} .nav-overlay nav ul li a:hover:after, .nav-overlay ul li a:focus:after, .nav-overlay ul li a:active:after {width: 100%;} .nav-overlay nav ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 3px;background: #FFF;-webkit-transition: .35s;transition: .35s;} .nav-overlay nav li a svg{display:none;} @-webkit-keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}} @keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}} .nav-overlay nav ul li.appoinmentBtn{display:none;} .nav-overlay nav ul ul{display:none;} .nav-overlay nav div ul li.menu-item-has-children a span.caret{margin-top: 8px;margin-left:20px;width: 15px;height: 15px;float:right;border-bottom: 2px solid #fff;border-right: 2px solid #fff;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";line-height:1.5rem;-webkit-transition: all .35s ease;transition: all .35s ease;} .nav-overlay nav ul ul li{height:auto;line-height:32px;} .nav-overlay nav ul ul li a{font-size:20px;line-height:32px;} .banner h2 {font-size: 48px;} .banner .camera_wrap a.btn-white{height: 2.5em; line-height: 2.5em;} .banner .camera_prev, .banner .camera_next, .banner .camera_commands {width: 50px;height: 50px;margin-top: -25px;} .homesec2-content .homeSec2-list h4 br{display:none;} .social-list ul.footersocial li{width: 42px; height: 42px;} .social-list ul.footersocial li a i{line-height: 42px;} .homeSec4 .homesec4-content{background: url(assets/images/paint.jpg)right bottom / 35% auto no-repeat;} .hspace {padding-left: 40px!important;padding-right: 40px!important;} .vspace {padding-top: 40px!important;padding-bottom: 40px!important;} .homesec4-content.vspace {padding-top: 0px!important;} .homeSec1 .imgCircle {width: 240px;height: 240px;} .homesec2-content .post-thumbnail {width: 150px;height: 150px;} .homesec2-content .post-thumbnail span {width: 45px;height: 45px;line-height: 45px;} .homeSec3 .video-sec iframe{height: 380px;} .gallery-area ul li{width: 50%;} .gallery-area { margin-top: 0;} .gallery-area .gallery-top {padding: 40px 0 30px;} } @media only screen and (max-width: 600px){ .banner h2 {font-size: 42px;} .banner .camera_caption {width: calc(100% - 100px);top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;} .homesec2-content .post-thumbnail {width: 240px;height: 240px;} .homesec2-content .post-thumbnail span {width: 55px;height: 55px;line-height: 55px;} .homesec2-content .homeSec2-list {margin-bottom: 25px;} .homeSec3 .video-sec iframe{height: 360px;} ul.servicelist li{width: calc(50% - 0.5em); min-height: 5em;} } @media only screen and (max-width: 480px){ .container {width: 92%;} .header{padding: 8px 0;} .header .logo{text-align: left;} .header .logo img {max-width: 240px;} .banner .camera_wrap a.btn-white{display:none;} .banner h2 {font-size: 36px;} .banner .camera_prev, .banner .camera_next, .banner .camera_commands {width: 40px;height: 40px;margin-top: -20px;} .banner .camera_prev > span, .banner .camera_next > span {width: 40px;height: 40px;} .banner .camera_prev > span:after, .banner .camera_next > span:after{width: 40px;height: 40px;} .hspace {padding-left: 20px!important;padding-right: 20px!important;} .homeSec4 .homesec4-content {background: url(assets/images/paint.jpg)right bottom / 80% auto no-repeat;} .homeSec6 .homesec6-bottom {margin-top: 1em;} .site-footer {padding: 2em 0;} .site-footer .footer-logo a{margin-bottom: 0;} .gallery-area ul li{width: 100%;} .content-area a{overflow-wrap: break-word;} ul.servicelist{margin:0;} ul.servicelist li{width: calc(100% - 0.5em);} } .captcha-field{width:100%;margin-bottom:10px;float:left;} .g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} @media screen and (max-height: 575px){ .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} } .social-icon-list{ padding-bottom:20px; } .call-today{ padding: 6px 15px; text-align: center; color: #fff; font-size: 16px; background: #F7AC08; }