/* Theme Name: Danvic Contracting Theme URI: https://wordpress.org/themes/danviccontracting/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Danvic Contracting's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: danviccontracting 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 - Reset * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigations * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Header * 11.0 - Widgets * 12.0 - Content * 12.1 - Posts and pages * 12.2 - Post Formats * 12.3 - Comments * 13.0 - Footer * 14.0 - Media * 14.1 - Captions * 14.2 - Galleries * 15.0 - Multisite * 16.0 - Media Queries * 16.1 - Mobile Large * 16.2 - Tablet Small * 16.3 - Tablet Large * 16.4 - Desktop Small * 16.5 - Desktop Medium * 16.6 - Desktop Large * 16.7 - Desktop X-Large * 17.0 - Print */ /** * 1.0 - Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. */ /*Reset CSS Start Here*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} strong{font-weight: 600;} /*Reset CSS End Here*/ /*Website CSS Start Here*/ body{background: #fff;} .container{max-width: 1170px;} /*Header CSS Start Here*/ #outer-wrapper{float: left; width: 100%; margin: 0; padding: 0;} li.captchafield {float: left;width: 100% !important;display: flex;justify-content: center;align-items: center;margin: 0 0 15px 0 !important;} header{float: left; width: 100%; margin: 0; padding: 0;} header .top-header{margin: 0 0 5px 0;padding: .8em 1.25em;float: left; width: 100%;} .home .top-header{margin: 0;} .logo-section {float: left; width: 15%; margin: 0;padding: 0;} .navigation-section {width: 70%;float: left;margin: 0;padding: 0;} .top-navigation {float: left;width: 100%;margin: 0;padding: 0;} .top-navigation ul {display: flex;justify-content: center;align-items: center;height: 75px;} .top-navigation ul li {float: left; margin: 0; padding: 0 8px; position: relative;} .top-navigation ul li a {padding: .5em .8em;text-transform: uppercase;color: #2f2f2f;font:700 18px/20px 'Lato', sans-serif;transition: all .5s ease;} .top-navigation ul li a:hover{color: #3e63ae; transition: all .5s ease;} .top-navigation ul li ul{display: none !important; position: absolute; width: 195px; height: auto; margin: 0; padding: 27px 0 0 0; background: none;top: 40px; left: 0; z-index: 10;} .top-navigation ul li ul li {float: left; width: 100%; margin: 0; padding: 0; text-align: left; border: none;border-bottom: 1px dashed rgba(255, 255, 255, .15);} .top-navigation ul li ul li a {margin: 0; padding: .5em 1em;font: 700 16px/20px 'Lato', sans-serif; width: 100%; float: left; color: #fff;background: #3e63ae;} .top-navigation ul li ul li a:hover {background: #2f2f2f; color: #fff;} .search-section {float: right;margin: 0;padding: 0;width: 15%; position: relative;overflow: hidden;} .search-section .search-submit, .search-section .screen-reader-text{display: none;} .search-section span.search_icon {position: absolute;right: 0;top: 50%;width: 30px;height: 30px;justify-content: center;align-items: center; display: flex;cursor: pointer;margin-top: -8px;} .search-section .search-form label{float: left;width: 100%;margin-left: 105%;padding: 0;transition: all .5s ease;} .search-field-opem{transition: all .5s ease;margin-left: 0 !important;} .search-section .search-form label input[type=search]{color: #2f2f2f;padding: 0 0 0 10px;margin: 0;font: 400 14px/20px 'Open Sans',sans-serif;} form.search-form{margin: 15px 0 0 0;} .search-section input[type=search]{}:focus:not([readonly]){background: rgba(0, 0, 0, 0.2);border-radius: 3px;color: #525252;transition: all .5s ease;} .search-section .search-form label input[type=search]::-webkit-input-placeholder {color: #2f2f2f;font: 400 14px/20px 'Open Sans',sans-serif;} .search-section .search-form label input[type=search]::-moz-input-placeholder {color: #2f2f2f;font: 400 14px/20px 'Open Sans',sans-serif;} .search-section .search-form label input[type=search]::-ms-input-placeholder {color: #2f2f2f;font: 400 14px/20px 'Open Sans',sans-serif;} .search-results nav.navigation{background: none; box-shadow:none;} .search-results nav .nav-links .page-numbers{color: #525252;font: 400 16px/20px 'Open Sans',sans-serif;} .search-results nav .nav-links .current{color: #525252;font: 600 16px/20px 'Open Sans',sans-serif;} .search-results .entry-summary a{color: #3e63ae;} .search-results .entry-header h2 a{font: 700 20px/30px 'Lato', sans-serif; color: #3e63ae;padding: 0 0 10px 0;float: left; width: 100%;} /*Header CSS End Here*/ /*Home Page Slider CSS Start Here*/ .banner-section{float: left; width: 100%; margin: 0; padding: 0;position: relative;} .home-banner.owl-loaded.owl-drag .owl-item {float: left;} .home-banner.owl-loaded.owl-drag .owl-item li{position: relative;} .home-banner.owl-loaded.owl-drag .owl-item li img{width: 100%;height: 100%;} .home-banner.owl-loaded.owl-drag {float: left; width: 100%; overflow: hidden;} .home-banner .owl-dots {position: absolute;top: 50%;right: 0;transform: rotate(90deg);width: 84px;height: 16px;margin-top: -8px;cursor: pointer;} .home-banner .owl-dots .owl-dot{width: 15px;height: 15px;float: left;margin: 0 6px;border: 2px solid #fff;border-radius: 50%;transition: all .5s ease;} .home-banner .owl-dots .owl-dot.active{background: #fff;transition: all .5s ease;} .home-banner .owl-nav{display: none;} div.tagline{position: absolute;top: 50%; max-width: 750px;width: 100%;height: 180px;margin-top: -90px;left: 50%;margin-left: -585px;} div.tagline span{font: 700 44px/65px 'Lato', sans-serif;color: #2f2f2f;float: left;background: #fff; margin: 0 0 10px 0; padding: 5px 20px 10px 20px;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);} .call-us-section {position: absolute;bottom: 0;max-width: 1170px; width: 100%;background: #3e63ae;left: 50%; margin-left: -585px;height: 84px;margin-bottom: -42px;display: flex;justify-content: center; align-items: center; border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);} .call-us-section p{font: 700 30px/30px 'Lato', sans-serif;color: #fff;} .call-us-section a {position: absolute;background: #2f2f2f;left: 35px;width: 105px;height: 105px;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;} /*Home Page Slider CSS End Here*/ /*Home Page Who We Are CSS Start Here*/ .home-who-we-are {float: left;width: 100%;margin: 0;padding: 0;} .who-we-are-content {float: left;width: 100%;margin: 0;padding: 7em 0 3em 0;} .who-we-are-content .who-we-are-page-content {float: left; width: 100%; text-align: left;} .who-we-are-content .who-we-are-page-content h1{font: 700 46px/50px 'Lato', sans-serif; color: #2f2f2f; float: left;width: 100%;text-transform: uppercase;padding: 25px 0 20px 0;} .who-we-are-content .who-we-are-page-content p{font: 400 16px/23px 'Open Sans',sans-serif;color: #525252;padding: 0 2em 1.5em 0;float: left; width: 100%;} .who-we-are-content .who-we-are-image{float: left; width: 100%; text-align: center;} /*Home Page Who We Are CSS End Here*/ /*Home Page Service We Offer CSS Start Here*/ .service-we-offer{float: left; width: 100%; margin: 0; padding: 0;background: #f6f6f6;} .service-we-offer-container{float: left; width: 100%; text-align: center; margin: 0; padding: 6em 0 4em 0;} .service-we-offer-container h2{font: 700 46px/45px 'Lato', sans-serif; color: #2f2f2f; float: left;width: 100%;text-transform: uppercase;padding: 0 0 10px 0;} .service-we-offer-container p{font: 400 16px/23px 'Open Sans',sans-serif;color: #525252;float: left; width: 100%;padding: 0 17em;} .server-we-offer-slider{float: left; width: 100%; margin: 0; padding: 0 0 80px 0;} #service-we-offer-slider{float: left; width: 100%; margin: 0; padding: 4em 0 0 0;} ul#service-we-offer-slider li{float: left; width: 33.33%; margin: 0; padding: 0 15px; text-align: center;position: relative;cursor: pointer;} .service-we-offer-slider-content{float: left; width: 100%; margin: 0; padding: 0;min-height: 350px;height: 100%;box-shadow: 0 5px 15px rgba(0, 0, 0, .2);background: #fff;} .service-we-offer-slider-content figure {width: 270px;height: 270px;border-radius: 50%;overflow: hidden;margin:-85px auto 20px;transition: all .5s ease;} .service-we-offer-slider-content figure img{float: left;margin: 0 0 0 -47px;} .service-we-offer-slider-content h4{font: 700 22px/25px 'Lato', sans-serif;color: #2f2f2f;float: left; width: 100%;} .service-we-offer-slider-content p{font: 400 16px/23px 'Open Sans',sans-serif;color: #525252;float: left; width: 100%;padding: 12px 1.5em 20px;} .service-we-offer-slider-content a{font: 600 14px/20px 'Open Sans',sans-serif; color: #525252;text-decoration: none; border: 1px solid #3e63ae;border-radius: 3px;position: absolute; z-index: -1;width: 120px; height: 36px; display: flex; justify-content: center; align-items: center;bottom: 0;left: 50%;margin-left: -60px;transition: all .5s ease;opacity: 0;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content a{z-index: 1;transition: all 1s ease;opacity: 1;bottom: 35px;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content figure{margin: -85px auto 20px;width: 214px;height: 214px;transition: all .5s ease;} /*Home Page Service We Offer CSS End Here*/ /*Home Page Testimonial CSS Start Here*/ .testimonial-section{float: left; width: 100%; margin: 0; padding: 0; background: url(images/testimonial-bg.jpg) no-repeat center top;background-size: cover;} .testimonial-container {width: 50%;margin: 0 auto 2em;padding: 6em 0 3.5em 0;position: relative;} .testimonial-slider-content{float: left; width: 100%; margin: 0; padding: 0 3em;background: #fff;height: 270px;border-radius: 3px;} .testimonial-slider{text-align: center;} .testimonial-slider-content figure {width: 120px;height: 120px; overflow: hidden; border-radius: 50%;margin: -55px auto 0;justify-content: center; display: flex;} .testimonial-container .owl-stage-outer{overflow: hidden;padding: 55px 0 0 0;} .testimonial-container .owl-stage-outer .owl-item{float: left; width: 100%;} .testimonial-container h4{font: 700 28px/30px 'Lato', sans-serif;color: #2f2f2f;float: left; width: 100%;padding: 20px 0 10px 0;} .testimonial-container p{font: 400 16px/23px 'Open Sans',sans-serif;color: #525252;float: left; width: 100%;} .testimonial-slider .owl-nav{display: none;} .testimonial-slider .owl-dots{position: absolute; bottom: 0; left: 50%;width: 84px;height: 16px;margin-left: -42px;cursor: pointer;} .testimonial-slider .owl-dots .owl-dot{width: 15px;height: 15px;float: left;margin: 0 6px;border: 2px solid #2f2f2f;border-radius: 50%;transition: all .5s ease;} .testimonial-slider .owl-dots .owl-dot.active{background: #2f2f2f;transition: all .5s ease;} /*Home Page Testimonial CSS End Here*/ footer{float: left; width: 100%; margin: 0; padding: 0;} .footer-section{background: #2f2f2f; float: left; width: 100%; margin: 0; padding: 0;position: relative;} a.bottom-click{font-size: 0; } a.bottom-click i.arrow-img{width: 60px;height: 60px;background:#fff url(images/top-arrow.png) no-repeat center center;border-radius: 50%;position: absolute;right: 30px;top: -30px;} .footer-container{float: left; width: 100%; margin: 0; padding: 6em 0 4em 0;} .footer-container ul{float: left; width: 100%; margin: 0; padding: 0;} .footer-container ul li{float: left;} .footer-container ul li.first-list {width: 30%; margin: 0 3em 0 0;} .footer-container ul li.second-list {width: 14%; margin: 0 3em 0 0;} .footer-container ul li.second-list .footer_navigation{float: left; width: 100%;margin: 0; padding: 0;} .footer-container ul li.second-list .footer_navigation ul{float: left; width: 100%;margin: 0; padding: 0;} .footer-container ul li.second-list .footer_navigation ul li{float: left; width: 100%;margin: 0; padding: 0 0 8px 0;} .footer-container ul li.second-list .footer_navigation ul li:last-child{padding: 0;} .footer-container ul li a{color: rgba(219, 219, 222, .3);font: 600 14px/23px 'Open Sans',sans-serif; text-decoration: none;} .footer-container ul li a img{float: left;} .footer-container ul li h5{color: rgba(219, 219, 222, .5);font: 700 16px/20px 'Lato', sans-serif;text-transform: uppercase;padding: 0 0 15px 0;float: left; width: 100%;} .footer-container ul li p{color: rgba(219, 219, 222, .3);font: 600 14px/20px 'Open Sans',sans-serif;} .footer-container ul li.third-list {width: 18%; margin: 0 3em 0 0;} ul.social-list{float: left; width: 100%; padding: 0; margin: 0;} ul.social-list li{margin: 0 12px 0 0;} ul.social-list li a {float: left;width: 30px;height: 30px; display: flex;justify-content: center;align-items: center;} .footer-container ul li.fourth-list{width: 25%; margin: 0 0 0 0;} .footer-form{float: left; width: 100%; padding: 0; margin: 0;} .footer-form ul li{float: left; width: 100%; padding: 0; margin: 0 0 15px 0;} .footer-form ul li input[type=text], input[type=email]{font: 600 14px/20px 'Open Sans',sans-serif;border: none;border: 1px solid #4b4b4b;background: #333333;height: 2.5em;color: rgba(255, 255, 255, .5);padding: 0 0 0 15px;box-sizing: border-box; margin: 0;} .footer-form ul li textarea {font: 600 14px/20px 'Open Sans',sans-serif; border: none;border: 1px solid #4b4b4b;background: #333333;color: rgba(255, 255, 255, .5);padding: 10px 0 0px 15px; width: 100%; height: 5em;transition: all .5s ease;} .footer-form ul li input[type=text]::-webkit-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=text]::-moz-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=text]::-ms-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=email]::-webkit-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=email]::-moz-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=email]::-ms-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li textarea::-webkit-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li textarea::-moz-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li textarea::-ms-input-placeholder {color: rgba(219, 219, 222, .3);font: 400 14px/20px 'Open Sans',sans-serif;} .footer-form ul li input[type=submit]{background: none;border: none;border: 1px solid #3e63ae;color: #dbdbde;width: 100px;height: 35px;float: left;border-radius: 3px;font: 400 14px/16px 'Open Sans',sans-serif;} .footer-form ul li input[type=email]:focus:not([readonly]), .footer-form ul li input[type=email]:focus:not([readonly]){} .footer-form ul li textarea:focus{outline: none;} .footer-form ul li textarea:focus:not([readonly]){border-bottom: 1px solid #26a69a; transition: all .5s ease;} .footer-container ul li.third-list > a {margin: 0 0 2em 0;float: left; width: 100%;} .copyright {float: left;width: 100%;margin: 0;padding: 0;background: #373737;} ul.copyright-container{float: left;width: 100%;margin: 0;padding: 28px 0 0 0;} ul.copyright-container li{float: left;width: 50%;margin: 0;padding: 0;} ul.copyright-container li:last-child{text-align: right;} ul.copyright-container li{color: rgba(255, 255, 255, .3);font: 400 12px/16px 'Open Sans',sans-serif;} ul.copyright-container li a{color: rgba(255, 255, 255, .3);font: 400 12px/16px 'Open Sans',sans-serif;} ul.copyright-container li a img {float: right;margin: -8px 0 0 15px; width: 110px;} /*Inner Page CSS Start Here*/ .inner-page-section{float: left; width: 100%; margin: 0; padding: 0;} .breadcrumb-menu{float: left; width: 100%; margin: 0; padding: 10px 0 15px 0;background: #f1f1f1;} .breadcrumb-menu ul{float: left; width: 100%; margin: 0; padding: 0;} .breadcrumb-menu ul li:first-child a{font: 400 16px/16px 'Open Sans',sans-serif;padding: 0 15px 0 0;} .breadcrumb-menu ul li a{font: 600 16px/16px 'Open Sans',sans-serif; color: #525252;} .breadcrumb-menu .breadcrumb-menu-content{margin-bottom: 0;} .inner-container{float: left; width: 100%; margin: 0; padding: 0; background: #fff;} .inner-heading-banner{float: left; width: 100%; margin: 0; padding: 2em 0 2em 0;} .inner-heading-banner h1{font: 700 46px/55px 'Lato', sans-serif; color: #2f2f2f; float: left;width: 100%;text-transform: uppercase;padding: 0 0 35px 0;} .inner-heading-banner .inner-banner{float: left; width: 100%; margin: 0; padding: 0;} .inner-heading-banner .inner-banner img {width: 100%;height: 100%;border-radius: 3px;box-shadow: 0 0 10px rgba(0, 0, 0, .3);} .inner-heading-banner .inner-content-section{float: left; width: 100%; margin: 0; padding: 1.6em 0 0 0;} .inner-heading-banner .inner-content-section h3{font: 700 25px/35px 'Lato', sans-serif; color: #2f2f2f;text-transform: uppercase;padding: 0 0 13px 0;float: left; width: 100%;} .inner-heading-banner .inner-content-section h4{font: 700 20px/30px 'Lato', sans-serif; color: #2f2f2f;text-transform: uppercase;padding: 0 0 10px 0;float: left; width: 100%;} .inner-heading-banner .inner-content-section h5{font: 700 17px/30px 'Lato', sans-serif; color: #2f2f2f;padding: 0 0 8px 0;float: left; width: 100%;} .inner-heading-banner .inner-content-section p{color: #525252;font: 400 16px/23px 'Open Sans',sans-serif;padding: 0 0 25px 0; margin: 0;float: left;width: 100%;} .inner-heading-banner .inner-content-section ul{float: left; width: 100%; margin: 0; padding: 0 0 20px 15px;} .inner-heading-banner .inner-content-section ul li{font: 400 15px/22px 'Open Sans',sans-serif;color: #525252; padding: 0px 0 15px 30px; margin: 0; list-style: none;background: url(images/bullet-icon.png) no-repeat left top 10px;} .inner-heading-banner .inner-content-section ol{float: left; width: 100%; margin: 0; padding: 0 0 20px 30px;} .inner-heading-banner .inner-content-section ol li{font: 400 15px/22px 'Open Sans',sans-serif;color: #525252; padding: 0px 0 15px 15px; margin: 0; list-style: none;list-style-type: decimal;} .page-id-7 ul.our-service-box{float: left; width: 100%; margin: 0; padding: 0;} .page-id-7 ul.our-service-box li{float: left;width: 31.33%;margin: 0 1%;padding: 0;text-align: center;background: no-repeat;} .page-id-7 ul.our-service-box li .service-box{float: left; width: 100%; margin: 0; padding: 0;box-shadow: 0 2px 10px rgba(0, 0, 0, .5); min-height: 480px; height: 100%;} .page-id-7 ul.our-service-box li .service-box figure{float: left; width: 100%; margin: 0; padding: 0;} .page-id-7 ul.our-service-box li .service-box figure img{float: left; width: 100%; margin: 0; padding: 0;} .page-id-7 ul.our-service-box li .service-box h4{padding: 15px 0 5px 0; } .page-id-7 ul.our-service-box li .service-box p{padding: 0 15px 15px;float: left; width: 100%;} .page-id-7 ul.our-service-box li .service-box p a{ background: none;border: none; border: 1px solid #3e63ae; color: #2f2f2f; border-radius: 3px;font: 400 14px/16px 'Open Sans',sans-serif;display: inline-block;padding: 8px 20px;} .inner-heading-banner .inner-content-section .image1{float: right;} .inner-heading-banner .inner-content-section .image1 img{width: 100%; float: left;margin: 3em 0 0 0;box-shadow: 0 0 10px rgba(0, 0, 0, .5); border-radius: 3px;} .inner-heading-banner .inner-content-section .image2{float: left;padding: 0 3em 0px 0.75rem;} .page-template-contact-page .inner-content-section ul{float: left; width: 100%; margin: 0;padding: 0;} .page-template-contact-page .inner-content-section ul li{float: left; width: 33.33%;text-align: center;transition: all .5s ease;list-style: none;background: none; padding: 5px 0;} .page-template-contact-page .inner-content-section ul li a {float: left;width: 100%;padding: 10px 0;color: #525252;font: 400 16px/23px 'Open Sans',sans-serif;text-transform: uppercase;} .page-template-contact-page .inner-content-section ul li:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, .2); transition: all .5s ease;} .page-template-contact-page .testimonial-section{display: none;} .form-container{float: left; width: 100%; margin: 0; padding: 0; background: url(images/testimonial-bg.jpg) no-repeat center top;background-size: cover;} .form-container .page-form, .main-contact-form{float: left; width: 100%; margin: 0; padding: 40px 0 30px 0;} .main-contact-form ul {float: left; width: 100%; margin: 0; padding: 20px 0;box-shadow: 0 2px 10px rgba(255, 255, 255, .3);} .main-contact-form ul li{float: left; width: 33.33%; margin: 0; padding: 0 20px; box-sizing: border-box;} .main-contact-form ul li.messagefield{float: left; width: 100%; text-align: center;margin: 0 0 10px 0;} .main-contact-form ul li div.input-field label{left: 0;font: 400 16px/23px 'Open Sans',sans-serif; color: rgba(255, 255, 255, .8);top: -10px;} .main-contact-form ul li div.input-field input[type=text], .main-contact-form ul li div.input-field input[type=email]{border:none; border-bottom: 1px solid rgba(255, 255, 255, .8);background: none; height: 3rem;padding: 0; color:#fff; } .main-contact-form ul li div.input-field textarea{border:none; border-bottom: 1px solid rgba(255, 255, 255, .8);background: none;color:#fff;} .form-container .page-form h2{font: 700 36px/55px 'Lato', sans-serif; color: #fff;float: left;width: 100%;text-transform: uppercase;text-align: center; padding: 0 0 20px 0;} .main-contact-form ul li.messagefield input[type=submit]{ background: none; border: none;border: 1px solid #fff; color: #dbdbde; width: 100px; height: 35px; border-radius: 3px; font: 400 14px/16px 'Open Sans',sans-serif; } .theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error{border-bottom: 1px solid #900 !important;} input[type=text].valid, input[type=email].valid{border-bottom: 1px solid #4CAF50 !important;box-shadow: none !important;} .main-contact-form ul li div.input-field textarea.valid{border-bottom: 1px solid #4CAF50 !important;box-shadow: none !important;} .footer-form ul li textarea.valid{border-bottom: 1px solid #4CAF50 !important;box-shadow: none !important;} .page-form div.wpcf7-validation-errors{float: left; width: 100%; color: #fff;font: 400 14px/23px 'Open Sans',sans-serif;} .main-contact-form ul li input[type=text]:focus:not([readonly]){border-bottom: 1px solid #26a69a;} .main-contact-form ul li input[type=email]:focus:not([readonly]){border-bottom: 1px solid #26a69a;} .main-contact-form ul li textarea:focus:not([readonly]){border-bottom: 1px solid #26a69a;} .location-map{float: left; width: 100%; margin: 0; padding: 0;} .location-map iframe {float: left; width: 100%;} div.wpcf7-mail-sent-ok {float: left;width: 100%; margin: 0;color: #fff;} div.wpcf7-validation-errors {float: left;width: 100%;margin: 0;color: #fff;} @media screen and (max-width: 1465px) { .footer-container ul li.first-list, .footer-container ul li.second-list, .footer-container ul li.third-list{margin: 0 2em 0 0;} } @media screen and (max-width: 1367px) { .service-we-offer-slider-content figure{width: 200px;height: 200px;} .service-we-offer-slider-content figure {margin:-85px auto 45px} ul#service-we-offer-slider li:hover .service-we-offer-slider-content figure{width: 170px;height: 170px;margin:-85px auto 45px} ul#service-we-offer-slider li:hover .service-we-offer-slider-content a{bottom: 15px;} .service-we-offer-container p{padding: 0px 11em;} .page-id-7 ul.our-service-box li .service-box{min-height: 450px;} } @media screen and (max-width: 1200px) { div.tagline{max-width: 650px;margin-left: -470px;} div.tagline span{font: 700 40px/65px 'Lato', sans-serif;padding: 2px 20px 7px 20px;} .call-us-section{max-width: 860px;margin-left: -430px;padding-right: 6em; justify-content: flex-end;} .call-us-section p {font: 700 27px/30px 'Lato', sans-serif; color: #fff;} .call-us-section a{position: relative;left: -2em;width: 90px;height: 90px;} .testimonial-container{width: 70%;} } @media screen and (max-width: 1024px) { .service-we-offer-slider-content h4{font: 700 20px/20px 'Lato', sans-serif;} .service-we-offer-slider-content{min-height: 400px;} .service-we-offer-slider-content p{padding: 12px 5px 20px;} .service-we-offer-slider-content a{z-index: 1;bottom: 20px;opacity: 1;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content figure {width: 200px;height: 200px; margin: -85px auto 45px;} .service-we-offer-container p{padding: 0px 5em;} .search-section{overflow: visible;width: 0;} .search-section .search-form label {position: absolute;width: 300px;margin-left: 0;padding: 0;transition: all .5s ease;z-index: -1;right: 0;top: 50px;opacity: 0;transition: all .5s ease;} .search-section span.search_icon {position: absolute;right: 0;width: 30px;height: 30px;justify-content: center;align-items: center; display: flex;cursor: pointer; margin-top: 15px;} .search-section .search-form label input[type="search"] {color: rgba(255, 255, 255, .8);padding: 0 0 0 10px; margin: 0;font: 400 14px/20px 'Open Sans',sans-serif; background: rgba(0, 0, 0, .8); height: 4rem;border-radius: 0 0 5px 5px;} .search-field-opem {transition: all .5s ease;top: 90px !important;z-index: 1 !important;opacity: 1 !important;} .logo-section{width: 20%;} .navigation-section {width: 80%;} .top-navigation ul{padding: 0 30px 0 0;} .top-navigation ul li{} .who-we-are-content .who-we-are-image img {float: left; width: 100%;height: 100%;} .footer-container ul li.first-list, .footer-container ul li.second-list, .footer-container ul li.third-list{margin: 0 1.5em 0 0;} ul.social-list li { margin: 0 0px 0 0;} } @media screen and (max-width: 960px) { div.tagline span {font: 700 30px/40px 'Lato', sans-serif;padding: 2px 20px 7px 20px;} div.tagline{height: 110px;margin-top: -60px;margin-left: -380px;} } @media screen and (max-width: 770px) { .service-we-offer-slider-content figure {width: 140px;height: 140px;margin: -70px auto 30px;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content figure {width: 140px;height: 140px;margin: -70px auto 30px;} .service-we-offer-slider-content {min-height: 350px;} .service-we-offer-slider-content h4 {font: 700 18px/20px 'Lato', sans-serif;} .top-navigation ul li{padding: 0 4px;} .top-navigation ul{padding: 0 40px 0 0;} .top-navigation ul li a{font: 700 16px/20px 'Lato', sans-serif;padding: 8px;} div.tagline{margin-left: -370px;width: 500px;} .call-us-section {max-width: 700px;margin-left: -350px;padding-right: 1em;justify-content: flex-end;height: 70px;} .testimonial-slider-content{padding: 0 2em;} .testimonial-container{width: 90%;} .footer-container ul li h5{font: 700 15px/20px 'Lato', sans-serif;} .page-template-contact-page .inner-content-section ul li:hover{box-shadow: none;} .inner-heading-banner .inner-content-section h4{font: 700 18px/20px 'Lato', sans-serif;} .page-id-7 ul.our-service-box li .service-box p{padding: 12px 5px 20px;} } @media screen and (max-width: 767px) { .top-navigation{padding: 100px 0 0 0;position: fixed;right: -310px;top: 0;width: 300px;height: 100%;background:#2f2f2f;transition: all .5s ease;z-index: 1;} .top-navigation ul {display: block;z-index: 1;padding: 0;} .top-navigation ul li {padding: 0;float: none;display: block;border-bottom: 1px solid rgba(255, 255, 255, .1);} .top-navigation ul li a {padding: 10px;display: block;color: #fff;} .toogle-menu {position: absolute;right: 70px;top: 33px;width: 36px;height: 36px;background: #2f2f2f;border-radius: 50%;cursor: pointer;transition: all .5s ease;z-index: 2;} .toogle-menu span {position: absolute;content: "";left: 50%;top: 50%;background: #fff;width: 20px;height: 2px;margin-top: -1px;margin-left: -10px;} .toogle-menu span::before {position: absolute;content: "";right: 0;top: -8px;background: #fff;width: 20px;height: 2px;transition: all .5s ease;} .toogle-menu span::after {position: absolute;content: "";right: 0;top: 8px;background: #fff;width: 20px;height: 2px;transition: all .5s ease;} .main-menu-opened{right: 0;transition: all .5s ease;z-index: 1;} .toogle-menu-click{z-index: 2;border: 1px solid rgba(255, 255, 255, .3); transition: all .5s ease;position: fixed;} .toogle-menu-click span::before {content: "";transform: rotate(45deg);width: 10px;top: -4px;right: -1px;transition: all .5s ease;} .toogle-menu-click span::after {content: "";width: 10px;transform: rotate(-45deg);top: 4px;right: -1px;transition: all .5s ease;} div.tagline {margin-left: -240px;width: 350px;} div.tagline span{background: rgba(255, 255, 255, .6);padding: 2px 20px 5px 20px;font: 700 20px/30px 'Lato', sans-serif;} .call-us-section a {left: 0;width: 60px;height: 60px;} .call-us-section {max-width: 60px;margin-left: -70px;padding: 0 0px;height: 60px;position: absolute;bottom: 14px;border-radius: 0; box-shadow: none;left: 100%;background: no-repeat;} .call-us-section p{display: none;} .who-we-are-content{padding: 50px 0 20px 0;} .who-we-are-content .who-we-are-page-content h1{font: 700 26px/30px 'Lato', sans-serif;padding: 0 0 20px 0;} .who-we-are-second {display: none;} .who-we-are-first{width: 100% !important;} .who-we-are-content .who-we-are-page-content p{padding: 0 0 1.5em 0;} .server-we-offer-slider .owl-stage-outer {overflow: hidden;} .server-we-offer-slider .owl-item {float: left;} ul#service-we-offer-slider li{width: 100%;} .service-we-offer-slider-content p {padding: 12px 20px 20px;} .service-we-offer-slider-content figure {width: 250px;height: 250px;margin: 0 auto;border-radius: 50%;} .service-we-offer-slider-content figure img {float: left;margin: 0 auto;width: 100%;height: 100%;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content figure {width: 250px;height: 250px;margin: 0 auto;} .service-we-offer-slider-content {min-height: 480px;} .service-we-offer-slider-content h4{padding: 10px 0 0 0;} ul#service-we-offer-slider li:hover .service-we-offer-slider-content a {bottom: 30px;} ul#service-we-offer-slider .owl-dots{position: absolute; bottom: 0; left: 50%;width: 84px;height: 16px;margin-left: -42px;cursor: pointer;} ul#service-we-offer-slider .owl-dots .owl-dot{width: 15px;height: 15px;float: left;margin: 0 6px;border: 2px solid #2f2f2f;border-radius: 50%;transition: all .5s ease;} ul#service-we-offer-slider .owl-dots .owl-dot.active{background: #2f2f2f;transition: all .5s ease;} ul#service-we-offer-slider .owl-nav{display: none;} #service-we-offer-slider{padding: 0em 0 0 0;} .service-we-offer-container{padding: 50px 0 50px 0;} .server-we-offer-slider {float: left;width: 100%;margin: 0;padding: 0 0 40px 0;position: relative;} .service-we-offer{padding: 0 0 30px 0;} .service-we-offer-container p {padding: 0px 1em;font:400 15px/20px 'Open Sans',sans-serif;} .service-we-offer-container h2 {font: 700 26px/30px 'Lato', sans-serif;} .testimonial-container {width: 100%;padding: 50px 0 3em 0;} .testimonial-container h4{font: 700 20px/25px 'Lato', sans-serif;} .testimonial-slider-content{height: 315px;padding: 0 15px;} .footer-container ul li.first-list{width: 100%;padding: 0 0 3em 0;text-align: center;} .footer-container ul li.second-list{width: 100%;padding: 0 0 3em 0;text-align: center;} .footer-container ul li.third-list{width: 100%;padding: 0 0 3em 0;text-align: center;} .footer-container ul li.fourth-list{width: 100%;padding: 0 0 0 0;text-align: center;} .footer-container ul li.second-list .footer_navigation ul{display: flex;justify-content: center;align-content: center;} .footer-container ul li.second-list .footer_navigation ul li {float: left;margin: 0 5px;padding: 0 10px;width: auto;} .footer-container{padding: 50px 0 30px 0;} .footer-container ul li a img {display: inline-block;margin: 0px 0 -13px 0;float: none;} ul.social-list{text-align: center;display: flex;justify-content: center;align-items: center;} .inner-heading-banner .inner-content-section .image1{display: none;} .inner-heading-banner .inner-content-section .image2{width: 100%;padding: 0 10px;box-sizing: border-box;} .inner-heading-banner .inner-content-section{padding: 1.6em 10px 0 10px;} .inner-heading-banner{padding: 2em 0 0 0;} .inner-heading-banner h1{font: 700 26px/30px 'Lato', sans-serif;} .form-container .page-form h2{font: 700 22px/30px 'Lato', sans-serif;padding: 0 0 0 0;} } @media screen and (max-width: 650px) { .page-id-7 ul.our-service-box li{width: 100%;margin: 4% 1%;} .page-template-contact-page .inner-content-section ul li{width: 100%;padding: 10px 0;box-shadow: 0 0 10px rgba(0, 0, 0, .2); margin: 0 0 25px 0;} .page-template-contact-page .inner-content-section ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .2);} .main-contact-form ul li{width: 100%;} .main-contact-form ul li div.input-field input[type="email"] {margin: 0 0 20px 0;} } @media screen and (max-width: 480px) { .home-banner.owl-loaded.owl-drag .owl-item li img {width: 100%;height: 215px;} div.tagline span {padding: 2px 20px 5px 20px;font: 700 16px/20px 'Lato', sans-serif;margin: 0 0 5px 0;} div.tagline {margin-left: -240px;width: 284px;height: 66px;margin-top: -33px;} div.tagline { margin-left: -175px;width: 284px;height: 66px;margin-top: -33px;} .toogle-menu{right: 20px;} .search-section span.search_icon{right: 55px;} .home-banner .owl-dots{right: -15px;} .search-section .search-form label{width: 260px;right: -15px;} .search-section .search-form label input[type="search"]{width: 100%;padding: 0 5px;height: 3rem;box-sizing: border-box;} .testimonial-slider-content {height: 360px;} .footer-container ul li.second-list{display: none;} .footer-container ul li a img {margin: 0 0 -11px 0;text-align: center;float: none;} ul.copyright-container li{width: 100%; text-align: center;padding: 0 0 10px 0;} ul.copyright-container li:last-child {text-align: center;} ul.copyright-container li a img {float: none;margin: 0 0 -10px 8px;} .breadcrumb-menu .breadcrumb-container li a{font-size: 13px !important;line-height: 15px !important;margin: 0 !important;padding: 5px !important;} } @media screen and (max-width: 375px) { .home-banner.owl-loaded.owl-drag .owl-item li img {width: 100%;height: 180px;} div.tagline {margin-left: -155px;width: 253px;} div.tagline span{padding: 2px 5px 5px 5px;} }