/* Theme Name: WP Default Theme URI: http://components.underscores.me/ Author: Silver Connect Web Design Author URI: https://silverconnectwebdesign.com/ Description: A custom wordpress theme for WP Default Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: scwd Tags: 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. WP Default is created by the theme generator at http://components.underscores.me/, (C) 2015-2016 Automattic, Inc. Components is distributed under the terms of the GNU GPL v2 or later. */ /*-------------------------------------------------------------- # General Styles --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700'); @font-face { font-family: 'LeagueSpartan-Bold'; src: url('assets/fonts/LeagueSpartan-Bold.eot'); src: url('assets/fonts/LeagueSpartan-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/LeagueSpartan-Bold.woff2') format('woff2'), url('assets/fonts/LeagueSpartan-Bold.woff') format('woff'), url('assets/fonts/LeagueSpartan-Bold.ttf') format('truetype'), url('assets/fonts/LeagueSpartan-Bold.svg#bebas_neuebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaBT-Medium'; src: url('assets/fonts/FuturaBT-Medium.eot'); src: url('assets/fonts/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/FuturaBT-Medium.woff2') format('woff2'), url('assets/fonts/FuturaBT-Medium.woff') format('woff'), url('assets/fonts/FuturaBT-Medium.ttf') format('truetype'), url('assets/fonts/FuturaBT-Medium.svg#bebas_neuebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaBT-Light'; src: url('assets/fonts/FuturaBT-Light.eot'); src: url('assets/fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'), url('assets/fonts/FuturaBT-Light.woff2') format('woff2'), url('assets/fonts/FuturaBT-Light.woff') format('woff'), url('assets/fonts/FuturaBT-Light.ttf') format('truetype'), url('assets/fonts/FuturaBT-Light.svg#bebas_neuebold') format('svg'); font-weight: normal; font-style: normal; } html { font-size: 16px; /* 1em */ overflow: auto;} body { font-family: "LeagueSpartan-Bold", sans-serif;} a, a:visited { color: #2980B9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover { color: #19B798; text-decoration: none; } .h1, .h2, .h3, h1, h2, h3, h4, h5, p { margin: 0; } /*-------------------------------------------------------------- # Helper Styles --------------------------------------------------------------* /* For removing bootstrap grid gutter */ .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ .site { margin: 0 auto; /*max-width: 1920px; */} .full { width: 100%; } .main { max-width: 100%; } .container, .container-fluid { max-width: 1200px; } .entry-content {margin: 0;} .hentry, .so-panel, .panel-grid {margin-bottom: 0!important;} /*forms*/ /*.ctc-form {text-align: center;} .ctc-form p {margin-bottom: 0;} .ctc-form .ctc-hide {display: none;} .ctc-form .g-recaptcha div {margin: 0 auto;} .ctc-form textarea {max-height: 110px;} .ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;} .ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;} .ctc-form .form-control {border-radius: 0px;} .wpcf7-response-output {text-align: center; background: #fff;}*/ .ctc-form {margin: 0 auto;text-align: center;} .ctc-form input:not([type="checkbox"]),.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000; height:38px; margin-bottom: 10px; display: block;width: 100%;border:1px solid #ddd;padding: 5px 10px;box-sizing: border-box; border-radius: 3px;} .ctc-form textarea {height: 120px;padding-top:10px;} .ctc-form input[type="submit"]{font-size: 15px; font-weight: 700; max-width: 160px; margin: 15px auto 0; background: #DF0C2C; color: #FFF; transition: all ease 0.5s; border-radius: 40px; padding: 10px 0; letter-spacing: 1px;} .ctc-form input[type="submit"]:hover {background: #000; transform: scale(1.1);} .ctc-form .recap {display: inline-block;} .ctc-form .g-recaptcha div {margin: 0 auto;} .ctc-form p {margin: 0;} .ctc-form label {width: 100%;} .inConBox {max-width: 550px;} .inConBox br {display: none !important;} .wpcf7-response-output {background: #fff; text-align: center;} .noShow {display: none;} /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ .skip-link.screen-reader-text { padding: 0; } /* Main Navigation */ .main-navigation {clear: both; color: #fff; display: block; width: 100%; margin-top: 42px;} .main-navigation a {color: #C3C3C3; display: block; text-decoration: none; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 5px;} .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: none; display: inline-block; position: relative; padding: 0 49px;} .main-navigation li:first-child {padding-left: 0;} .main-navigation li:last-child {padding-right: 0;} .main-navigation li.menu-item-has-children > a:after {content: '\f107'; font-family: FontAwesome; padding-left: 10px;} .main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {color: #E10C2C;} /* Sub Menu */ /*.main-navigation ul li.navDown:hover ul {top: 100%; opacity: 1;} .main-navigation ul ul{transition: all ease 0.5s; opacity: 0; border-radius: 0 0 3px 3px; text-align: left; top: 50%; background: rgb(38, 38, 38, 0.8);} .main-navigation li.navDown .sub-menu a:after {display: none;} .main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {background: #A00000;} .main-navigation .sub-menu a { width: 300px; padding: 15px 10px;} .main-navigation .sub-menu li { border-top: 1px solid #ccc; } .main-navigation .sub-menu li:last-child a:hover { border-radius: 0 0 3px 3px;}*/ .main-navigation ul ul ul { left: -999em; top: 0; position: relative; z-index: 9999;} .main-navigation ul ul {background: rgba(0,0,0, 0.6); padding: 15px; box-sizing: border-box; text-align: left !important; width: 300px;} .main-navigation ul ul a {width: 100% !important; text-align: left; font-size: 15px;} .main-navigation .sub-menu li {padding: 5px 0;} /*-------------------------------------------------------------- # Secondary / Sidebar --------------------------------------------------------------*/ .secondary { font-size: 14px; font-size: 0.875rem; line-height: 1.6; } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .site-header {padding: 50px 0 70px;} .site-title { font-size: 2.5em; /*40px*/ } .site-description { font-size: 1.125em; /*18px*/ font-weight: 400; margin: 10px 0; } .custom-logo { max-width: 300px; } header .container-fluid {max-width: 1755px;} .header-left {margin-top: 15px;} .header-right {text-align: right;} .header-social {display: inline-block; vertical-align: middle; padding-top: 4px;} .header-social h5 {font-size: 25px; font-family: 'Josefin Sans'; color: #240006; display: inline-block; vertical-align: baseline; margin-right: 10px;} .header-contact {display: inline-block; vertical-align: middle;} .header-contact a {font-size: 25px; font-family: 'Josefin Sans'; color: #240006;} .header-contact a:first-of-type {padding-left: 75px; position: relative;} .header-contact a:first-of-type:before {content: " "; background: url('assets/images/common/phone.png') no-repeat; width: 26px; height: 26px; position: absolute; left: 35px; top: -2px;} .header-contact a:nth-of-type(2) {padding-left: 15px; position: relative;} .header-contact a:nth-of-type(2):before {content: " "; background: url('assets/images/common/vline.png') no-repeat; width: 16px; height: 32px; position: absolute; left: 4px; top: -1px; display:none;} .header-contact a:last-of-type {padding-left: 50px; position: relative;} .header-contact a:last-of-type:before {content: " "; background: url('assets/images/common/mail.png') no-repeat; width: 22px; height: 18px; position: absolute; left: 12px; top: 2px;} #banner {text-align: center; background: url('assets/images/common/banner-background.jpg') no-repeat center top; background-size: cover; padding: 465px 0 295px;} #banner h2 {font-size: 39px; font-weight: 700; color: #FFF; letter-spacing: 8px;} #banner.inner .container-fluid {position: relative;} #banner span {display: block;} #wprmenu_bar .menu_title a {top: 3px !important; color: #FFF !important;} /*-------------------------------------------------------------- # Primary / Content Area --------------------------------------------------------------*/ .content-area { } .welcome-top {text-align: center; padding-top: 60px;} .welcome-top h1 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 25px;} .welcome-top span {color: #DF0C2C;} .welcome-top strong {font-family: 'FuturaBT-Medium'; color: #000;} .welcome-top p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716C6C; line-height: 36px;} .welcome-top p:first-of-type {margin-bottom: 45px;} .welcome-bottom {background: url('assets/images/content/welcome-bottom-bg.jpg') no-repeat top right; background-size: 40% 100%; margin-top: 95px; padding-bottom: 30px;} .welcome-bottom-left {max-width: 60%;} .welcome-bottom-left h2 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 25px;} .welcome-bottom-left span {color: #DF0C2C;} .welcome-bottom-left p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716C6C; line-height: 30px;} .welcome-bottom-left h5 {font-size: 21px; font-weight: 700; font-family: 'Josefin Sans'; color: #240106; margin: 15px 0 10px;} .welcome-bottom-text {margin-top: -10px; padding-bottom: 85px;} .welcome-bottom-text h3 {font-size: 24px; font-weight: 700; font-style: italic; font-family: 'Josefin Sans'; color: #D10B28;} .welcome-bottom-text h5 {font-size: 21px; font-weight: 700; font-family: 'Josefin Sans'; color: #240106; margin: 15px 0 10px;} .welcome-bottom-text p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716C6C; line-height: 30px;} .residential-section {background: url('assets/images/content/residential-bg.jpg') no-repeat center top; background-size: 100% 100%; padding: 90px 0; text-align: center;} .residential-text-top {margin-bottom: 50px;} .residential-text-top h2 {font-size: 24px; font-weight: 700; color: #FFF; letter-spacing: 5px; margin-bottom: 25px;} .residential-text-top p {font-size: 28px; font-family: 'FuturaBT-Light'; color: #FFF;} .residential-left {background: #FFF; padding-bottom: 40px;} .residential-left h3 {font-size: 24px; font-weight: 700; color: #000; margin-top: 25px !important; letter-spacing: 5px;} .residential-left-bottom {padding: 0 40px; box-sizing: border-box;} .residential-left-bottom p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716D6C; line-height: 36px; margin-top: 25px; min-height: 140px;} .residential-left-bottom a {display: block; width: 225px; font-size: 12px; font-weight: 700; color: #fff; padding: 20px 0; text-align: center; margin: 0 auto; border: 2px solid #E8E9EB; letter-spacing: 5px; border-radius: 40px;} .residential-left-bottom a:hover {background: #000; color: #FFF; border-color: #FFF;} .residential-right {background: #C3C3C3; padding-bottom: 40px;} .residential-right h3 {font-size: 24px; font-weight: 700; color: #000; margin-top: 25px !important; letter-spacing: 5px;} .residential-right-bottom {padding: 0 40px; box-sizing: border-box;} .residential-right-bottom p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716D6C; line-height: 36px; margin-top: 25px; min-height: 140px;} .residential-right-bottom a {display: block; width: 225px; font-size: 12px; font-weight: 700; color: #E10C2C; padding: 20px 0; text-align: center; margin: 0 auto; border: 2px solid #E8E9EB; letter-spacing: 5px; border-radius: 40px;} .residential-right-bottom a:hover {background: #E10C2C; color: #FFF; border-color: #E10C2C;} .featured-project {padding: 60px 0 65px; text-align: center;} .featured-project h2 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 20px;} .featured-project span {color: #DF0C2C;} .featured-project h5 {font-size: 28px; font-family: 'FuturaBT-Light'; color: #716C6C; margin-bottom: 35px;} .featured-bottom {max-width: 585px; margin: 0 auto; border: 1px solid #D6D6D6; padding-bottom: 0px;} .featured-bottom h3 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-top: 23px !important;} .featured-bottom p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716C6C; line-height: 36px; max-width: 505px; margin: 0 auto;} .featured-bottom .featured-link {display: block; width: 225px; font-size: 12px; font-weight: 700; color: #E10C2C; padding: 20px 0; text-align: center; margin: 20px auto 0; border: 2px solid #E8E9EB; letter-spacing: 5px; border-radius: 40px;} .featured-bottom a:hover {background: #E10C2C; color: #FFF; border-color: #E10C2C;} /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer { } /* Footer Navigation */ .footer-top {background: url('assets/images/common/footer-background.jpg') no-repeat center top; background-size: 100% 100%; text-align: center; padding: 30px 0 65px;} .footer-top h5 {font-size: 24px; font-weight: 700; color: #FFF; letter-spacing: 5px; margin-top: 13px;} .footer-top p {font-size: 28px; font-family: 'FuturaBT-Light'; color: #FFF; margin-top: 38px;} .footer-top .page-link {display: block; width: 225px; font-size: 12px; font-weight: 700; color: #FFF; padding: 20px 0; text-align: center; margin: 40px auto 0; border: 2px solid #E8E9EB; letter-spacing: 5px; border-radius: 40px;} .footer-top .page-link:hover {background: #E10C2C; color: #FFF; border-color: #E10C2C;} .footer-contact {margin-top: 47px; text-align: right;} .footer-contact a {display: inline-block; vertical-align: baseline; font-size: 25px; font-family: 'Josefin Sans'; color: #FFF;} .footer-contact p {display: inline-block; vertical-align: baseline; font-size: 25px; font-family: 'Josefin Sans'; color: #FFF; margin: 0; padding-left: 70px; position: relative;} .footer-contact p:before {content: " "; background: url('assets/images/common/location.png') no-repeat; position: absolute; width: 18px; height: 24px; left: 40px; top: 5px;} .footer-contact a:first-of-type {position: relative;} .footer-contact a:first-of-type:before {content: " "; background: url('assets/images/common/wphone.png') no-repeat; position: absolute; width: 26px; height: 25px; left: -45px; top: 4px;} .footer-contact a:nth-of-type(2) {position: relative; padding-left: 22px;} /*.footer-contact a:nth-of-type(2):before {content: " "; background: url('assets/images/common/wline.png') no-repeat; position: absolute; width: 16px; height: 32px; left: 9px; top: 5px;}*/ .footer-contact a:nth-of-type(3) {position: relative; padding-left: 60px;} .footer-contact a:nth-of-type(3):before {content: " "; background: url('assets/images/common/wmail.png') no-repeat; position: absolute; width: 22px; height: 18px; left: 25px; top: 9px;} .footer-bottom {padding: 30px 0 40px; text-align: center;} .footer-bottom p {font-size: 18px; font-weight: 600; font-family: 'FuturaBT-Medium'; color: #716D6C; letter-spacing: 5px;} .footer-navigation ul { margin: 0; padding: 0; text-align: center; } .footer-navigation ul li { display: inline-block; float: none; } .footer-navigation ul li a { color: #fff; display: block; padding: 12px; } .footer-navigation ul a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a { background: #3498DB; } /* Site Info */ .site-info, .site-info p, .site-info a {margin-bottom: 0; color: #000; font-size: 14px;} .site-info .silver img {display: inline-block;vertical-align: middle;max-width: 50px} /*social menu*/ .social-navigation {display: inline-block; vertical-align: top;} .social-navigation ul {margin: 0;} .social-navigation a {padding: 10px 2px 5px; background: #E10C2C; color: #fff; font-size: 11px; border-radius: 50%;} /*.social-navigation a:hover {background: #000;} .social-navigation ul {line-height: 2.5;} .social-navigation li {margin: 0 2px;} .social-navigation li:first-of-type {margin-left: 0px;} .social-navigation li:last-of-type {margin-right: 0px;}*/ /*-------------------------------------------------------------- # Inner Pages --------------------------------------------------------------*/ .inner #content {background: #fff; text-align: left; min-height: 400px; padding: 40px 0;} .inner #content h1 {text-align: center;} .inner #content p {font-size: 21px; font-family: 'FuturaBT-Light'; color: #716C6C; line-height: 30px; text-align: center;} /*.inner#banner {background-image: url(assets/images/common/gray.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 0;}*/ .inner#banner {background: #636260; padding: 0;} .category-return-link {font-size: 17px; color: #FFF !important; position: absolute; bottom: 20px; right: 0; font-family: 'FuturaBT-Light';} .single-category {text-transform: uppercase; padding: 100px 0 80px; text-align: left; color: #FFF; letter-spacing: 5px; margin-top: 10px;} .category-title {position: absolute; top: 50px; left: 15px; text-transform: uppercase;} /*what we do*/ .services-top {text-align: center;} .services-top h1 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 40px;} .services-top span {color: #DF0C2C;} .services-top p {font-size: 21px !important; font-family: 'FuturaBT-Light' !important; color: #716C6C !important; line-height: 24px !important;} .services-top p:first-of-type {margin-bottom: 25px !important;} .founders-top {margin-top: 70px;} .founders-top h2 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 40px;} .founders-top span {color: #DF0C2C;} .founders-top-left {} .founders-top-left h3 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 40px;} .founders-top-left img {width: 100% !important; margin: 0 auto;} .founders-top-right {padding-top: 50px; margin-top: 15px; border-top: 1px solid #EEE;} .founders-top-right p {font-size: 21px !important; font-family: 'FuturaBT-Light' !important; color: #716C6C !important; line-height: 30px !important; text-align: left !important; margin-bottom: 30px !important;} .founders-top-right strong {font-weight: 900 !important; color: #000;} .founders-bottom {} .founders-bottom p {font-size: 21px !important; font-family: 'FuturaBT-Light' !important; color: #716C6C !important; line-height: 30px !important; margin-bottom: 35px !important; text-align: left !important;} .founders-bottom-left h3 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: 5px; margin-bottom: 40px;} .founders-bottom-left img {width: 100% !important; margin: 0 auto;} .founders-bottom-right {padding-top: 50px; margin-top: 15px; border-top: 1px solid #EEE;} .founders-bottom-right p {font-size: 21px !important; font-family: 'FuturaBT-Light' !important; color: #716C6C !important; line-height: 30px !important; margin-bottom: 30px !important; text-align: left !important;} .founders-bottom-right strong {font-weight: 900 !important; color: #000;} /*current projects*/ #blg-list {display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0 auto;} #blg-list li {max-width: 370px; margin: 10px; width: 100% !important;} #blg-list li:hover {background-color: red;} .blg-single {position: relative;} .blg-single img {width: 100%; max-width: 460px; height: 345px;} .blg-single h3 a {font-size: 24px !important; font-weight: 700 !important; color: #FFF !important; letter-spacing: 5px !important; position: absolute!important; top: 140px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; text-align: center !important;} .blg-content a {display: block; width: 175px; font-size: 12px; font-weight: 700; color: #E10C2C; padding: 15px 0 10px; text-align: center; margin: 0 auto; border: 2px solid #E8E9EB; letter-spacing: 5px; border-radius: 40px; position: absolute; top: 190px; left: 0; right: 0; margin: 0 auto;} .blg-content a:hover {background: #000;} .current-inner {margin-top: 40px;} .current-inner-left {} .current-inner-left strong {font-size: 16px; font-weight: 700; color: #C3C3C3;} .space {display: block; margin-bottom: 25px;} .current-inner-left h5 {font-size: 22px; font-weight: 700; letter-spacing: 5px; margin: 15px 0;} .current-inner-left p {text-align: left !important;} .current-inner-right {background-color: #C3C3C3; padding: 15px 30px; box-sizing: border-box;} .current-inner-right .text-color {color: #DF0C2C !important;} .current-inner-right strong {display: block; margin: 5px 0;} .current-inner-right h5 {font-size: 20px; letter-spacing: 5px;} /* past projects */ .past-projects-inbox {text-align: center; padding: 20px; box-sizing: border-box; border: 1px solid #C3C3C3; min-height: 250px; border-radius: 5px;} .past-projects-inbox h5 {font-size: 20px; padding-bottom: 10px; letter-spacing: 5px; border-bottom: 2px dashed #C3C3C3;} .past-projects-inbox p {font-size: 21px !important; font-family: 'FuturaBT-Light' !important; color: #716C6C !important; line-height: 30px !important; margin-top: 10px !important;} .slider-wrapper {margin-top: -40px;} @media screen and (max-width: 1200px) { #banner {padding: 350px 0 180px;} .main-navigation li {padding: 0 35px;} } @media screen and (max-width: 1024px) { body {min-width: 320px;} .main-navigation li {padding: 0 10px;} #banner {padding: 250px 0 120px;} #banner h2 {font-size: 30px;} #banner a {position: static !important;} .footer-contact {text-align: center;} #blg-list li {margin: 10px auto 0;} } @media screen and (max-width: 768px) { .site-header {padding: 20px 0 40px;} .header-left {text-align: center;} .header-social {display: block; text-align: center; margin-top: 20px;} .header-contact {display: block; text-align: center;} .header-contact a:last-of-type {display: block; padding-left: 0; width: 200px; margin: 0 auto;} .header-contact a:first-of-type, .header-contact a:last-of-type {padding-left: 0;} .header-contact a:first-of-type:before {left: -40px;} .header-contact a:last-of-type:before {top: 10px; left: -25px;} #banner {padding: 200px 0 100px;} #banner h2 {font-size: 20px; line-height: 160%;} #banner.inner h3 {} .welcome-bottom {margin-top: 50px; background: none;} .welcome-bottom-left {max-width: 100%; text-align: center;} .welcome-bottom-text {margin-top: 0; padding-bottom: 50px; text-align: center;} .residential-section {background-size: cover;} .residential-left, .residential-right {max-width: 500px; margin: 0 auto;} .footer-top p {margin-top: 20px;} .footer-top .page-link {margin-top: 30px;} .footer-top {background-size: cover; padding-bottom: 40px;} .footer-contact a:nth-of-type(3) {display: block; width: 200px; margin: 0 auto; padding: 0;} .footer-contact a:nth-of-type(3):before {left: -25px;} .footer-contact p {padding-left: 0; margin-top: 10px !important;} .footer-contact p:before {left: -35px;} .single-category {text-align: center; padding: 30px 0 30px !important;} .category-title {position: static; margin-top: 20px; font-size: 30px !important;} .g-recaptcha div } @media screen and (max-width: 700px) { .current-inner-right {width: 100%; max-width: 400px; margin: 25px auto 0;} } @media screen and (max-width: 600px) { .site-header {padding: 20px 0px;} #banner h2 {font-size: 15px;} #banner {padding: 180px 0 80px;} } @media screen and (max-width: 480px) { #banner {padding: 130px 0 80px;} #banner h2 {font-size: 11px;} .residential-section {padding: 40px 0;} .welcome-top p, .welcome-bottom-left p, .welcome-bottom-text p, .residential-text-top p, .featured-project h5 {font-size: 17px;} .welcome-top p:first-of-type {margin-bottom: 0;} .welcome-top h1, .welcome-bottom-left h2, .residential-text-top h2 {margin-bottom: 15px;} .welcome-bottom-text h3, .residential-left h3, .residential-right h3, .featured-project h2, .featured-bottom h3, .footer-top h5, .footer-top p, .footer-contact a, .header-social h5, .header-contact a {font-size: 21px;} .residential-text-top h2 {font-size: 20px;} .residential-left-bottom p, .residential-right-bottom p {font-size: 17px; margin-top: 10px; min-height: 120px;} .residential-left-bottom a, .residential-right-bottom a, .featured-bottom .featured-link, .footer-top .page-link {font-size: 11px; width: 165px; padding: 10px 0;} .residential-left, .residential-right, .featured-bottom {max-width: 400px;} .featured-project h2 {margin-bottom: 10px;} .featured-bottom p {font-size: 17px; padding: 0 10px; max-width: 100%;} .featured-project {padding-bottom: 20px;} .footer-top .page-link {margin-top: 20px;} .footer-contact {margin-top: 30px;} .footer-contact a:nth-of-type(2):before {top: 2px;} .footer-bottom p {font-size: 12px;} .social-navigation {margin-top: -3px;} .header-contact a:last-of-type:before {top: 6px; left: -3px;} #banner.inner h3 {} .single-category {padding: 15px 0 15px !important; font-size: 18px !important;} .services-top p, .founders-top-right p, .founders-bottom p, .founders-bottom-right p {font-size: 17px !important;} .services-top h1 {margin-bottom: 20px; font-size: 20px;} .founders-top {margin-top: 30px;} .founders-top h2 {text-align: center; margin-bottom: 15px; font-size: 20px;} .founders-top-left h3, .founders-bottom-left h3 {font-size: 20px;} .founders-top-left img, .founders-bottom-left img {max-width: 280px !important; margin: 0 auto !important;} .featured-project span {display: block;} .category-title {font-size: 15px !important;} .category-return-link {font-size: 15px;} } @media screen and (max-width: 420px) { .header-contact a:last-of-type:before {left: -10px;} .welcome-top {padding-top: 40px;} .welcome-bottom {margin-top: 30px;} .welcome-bottom-text {padding-bottom: 30px;} .residential-text-top h2, .residential-left h3, .residential-right h3 {font-size: 18px;} .footer-contact a:nth-of-type(3):before {left: -5px; top: 4px;} .footer-contact p:before {left: -28px; top: -2px;} .footer-contact a:first-of-type:before {left: -36px; top: 0;} .footer-bottom {padding: 20px 0 30px;} .welcome-bottom-text h3, .residential-left h3, .residential-right h3, .featured-project h2, .featured-bottom h3, .footer-top h5, .footer-top p, .footer-contact a, .header-social h5, .header-contact a {font-size: 18px;} .single-category {font-size: 15px !important;} } @media screen and (max-width: 414px) { .header-contact a:first-of-type:before {left: -33px; top: -4px;} .header-contact a:last-of-type:before {left: 7px; top: 2px;} .footer-contact a:nth-of-type(3):before {left: 4px;} .current-project-left h5, .current-project-right h5 {font-size: 25px;} .current-project-left p, .current-project-right p, .current-inner-left p {font-size: 17px !important;} .current-inner-left h5 {font-size: 18px;} } @media screen and (max-width: 395px) { .ctc-form .g-recaptcha div {transform: scale(0.9) !important; margin-left: -20px !important;} } @media screen and (max-width: 360px) { .header-contact a:first-of-type:before, .header-contact a:last-of-type:before,.footer-contact a:first-of-type:before, .footer-contact a:nth-of-type(3):before, .footer-contact p:before {display: none;} .welcome-top h1, .welcome-bottom-left h2 {font-size: 20px;} .residential-text-top h2, .residential-left h3, .residential-right h3 {font-size: 15px;} /*#banner {padding: 60px 0 10px;}*/ #banner h2 {font-size: 8px;} .featured-project h2 {font-size: 15px;} .services-top h1, .founders-top h2, .founders-top-left h3, .founders-bottom-left h3 {font-size: 16px;} }