/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */



/*

Theme Name: Justice Automotive & Collision Centers

Theme URI: 

Author: the Development team

Author URI: https://wordpress.org/

Description: A theme for WordPress 5.

Requires at least: WordPress 4.9.6

Version: 1.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: wp5default

Tags: custom-background, custom-logo, custom-menu, featured-images, 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.



WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Layouts

# Fonts

# Buttons

# Search Box

# Flexbox

# Forms

	## Quick Form

		### Responsive

	## Contact Us Form

		### Responsive

# Menus

	## Main Menu

		### Responsive

	## Sub Menu

		### Responsive

	## Footer Menu

		### Responsive

	## Social Menu

		### Responsive

# Header

# Banner

# Contents

	## Welcome Section

		### Responsive

	## Practice Areas Section

		### Responsive

	## Profile Section

		### Responsive

	## Gallery Section

		### Responsive

	## Contact Us Section

		### Responsive

	## Badges Section

		### Responsive

# Footer

# Sidebar Section

	## Responsive

# Inner Pages

	## Blog Page

		### Responsive

	## Search Page

		### Responsive

	## Error Page

		### Responsive

	## Attorney Profile Page



--------------------------------------------------------------*/



html {line-height: 1.15; -webkit-text-size-adjust: 100%;}

body {font-family: 'Open Sans', sans-serif; margin: 0 auto; width: 100%; min-width: 1200px;}





/*###################################

## Layouts

###################################*/

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; word-wrap: normal !important; overflow: hidden; height: 1px; margin: -1px; padding: 0; width: 1px; border: 0;}

.wp-block-column, .blocks-gallery-item {margin: 0 !important;}

.has-1-columns .wp-block-column {-ms-flex-preferred-size: 100%;flex-basis: 100%;}

.container {width: 100%; /*max-width: 1600px;*/ margin: 0 auto; padding: 0;}

.row {max-width: 1440px; margin: 0 auto;}

.cta {display: none;}

.grecaptcha-badge {z-index: 999999;}





/*###################################

## Fonts

###################################*/

a, a:visited { -webkit-transition: all .5s ease; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s;color: #555; text-decoration: none;}

a:hover {text-decoration: underline;}

a:focus {outline: none !important;}

a { font-family: 'Teko', sans-serif; }

h1, h2 , h3, h5 {font-family: 'Teko', sans-serif; font-weight: 400; line-height: 110%; margin: 0 auto;}

h1 {font-size: 70px;color: #6A7A64;}

h2 {font-size: 60px;}

h3 {font-size: 25px; font-weight: 700;}

p, ul, ol {font-family: 'Teko', sans-serif; letter-spacing: .03em; line-height: 180%; font-weight: 400; font-size: 18px; color: #535353;}

p:last-of-type {margin: 0 !important;}





/*###################################

## Buttons

###################################*/

.btn { max-width: 360px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; display: inline-block; background: #B20000; font-weight: 700; font-size: 18px; text-align: center; color: #FFFFFF!important; padding: 14px 0; box-sizing: border-box; font-family: 'Teko', sans-serif; border: none; letter-spacing: 4px; border-radius: 2px;  text-transform: uppercase; line-height: 180%; }

.btn a { color: #FFFFFF!important; }

.btn:hover {color: #FFF !important; -webkit-box-shadow: 0px 10px 20px -10px #000; box-shadow: 0px 10px 20px -10px #000; text-decoration: none!important;  }

.btn::after {content: ""; background: #065E3A; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; position: absolute;  height: 100%; width: 100%;z-index: -1;left: 0; top: 0; border-radius: 2px;  }

.btn:hover::after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}







/*###################################

## Search

###################################*/

.sidebar form, 

.error-404 form {position: relative; max-width: 700px; margin: 10px auto;}

.sidebar input[type="search"], 

.error-404 input[type="search"] {width: 100%; padding: 5px 10px;}

.sidebar input[type="submit"], 

.error-404 input[type="submit"] {background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));background: -o-linear-gradient(top, #FFF, #ccc);background: linear-gradient(to bottom, #FFF, #ccc);border: 1px solid #000; position: absolute; padding: 6px; right: 0; top: 0;}

.sidebar .widget:not(:nth-of-type(1)) {background: rgba(255, 255, 255, .5);border-bottom: 1px solid #CCC;padding-bottom: 20px;margin-bottom: 20px;  padding: 10px 20px;}

.sidebar input[type="submit"], 

.error-404 input[type="submit"] {-webkit-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;}

.sidebar input[type="submit"]:hover, 

.error-404 input[type="submit"]:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}



/*###################################

## Flexbox

###################################*/

.flexs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.flexc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.flexe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }



/*###################################

## Forms

###################################*/

form p {margin: 0 0 10px !important;width: 100%; text-align: center;}

form label {display: block; color: #000;}

form input[type="submit"] {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}

.formLabel label { width: 100%; display: inline-block; margin: -2px 0; color: #000;}

.formLabel input { 
    width: 60%;
    display: block;
    height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: right;
	margin-bottom: 15px;
}
.formLabel select { 
	width: 65%;
	    display: block;
    height: 33px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: right;
	margin-bottom: 15px;
}

.formTextarea { margin: -2px 0; }

.formTextarea textarea {
	    width: 98%;
    display: block;
    height: 75px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    float: right;
    margin-bottom: 15px;
	
}

.formConsent { text-align: left;padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.formConsent p { text-align: center!important; }

.formConsent .wpcf7-list-item-label { color: #535353; font-family: 'Teko', sans-serif; font-weight: 400; font-size: 18px; }





/*###################################

## Menus

###################################*/



/*Main Menu*/

.main-navigation {}

.main-navigation ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.main-navigation li { position: relative; display: inline-block; float: inherit; border-left: 1px solid #D6D6D6; }

.main-navigation ul li:first-of-type {padding-left: 0;}

.main-navigation ul li:last-of-type {padding-right: 0; border-right: 1px solid #D6D6D6;}

/*.main-navigation ul li.menu-item-has-children a::after {content: "\f0d7"; font-family: 'FontAwesome'; color: #FFF; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: inline-block; vertical-align: middle; font-size: 18px; margin-left: 10px; position: relative; top: -2px;}

.main-navigation ul li.menu-item-has-children a:hover::after {-webkit-transform: rotateZ(180deg);-ms-transform: rotate(180deg);transform: rotateZ(180deg);}*/

.main-navigation ul li a {color: #0A6D45; font-weight: 500; font-size: 24px; font-family: 'Teko',sans-serif; display: block; padding: 5px 30px; text-transform: uppercase; text-decoration: none; line-height: 150%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main-navigation ul li a:hover::before,

.main-navigation .current-menu-item a::before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}

.main-navigation ul li a:hover, 

.main-navigation .current-menu-item a,

.main-navigation .current_page_item a { background: #085637; opacity: .9; color: #FFFFFF; text-decoration: underline; }

.main-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}



/*Sub Menu*/

.main-navigation ul ul {background: rgba(8, 86, 55, .9); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 100%;display: block; opacity: 0; z-index: 9; }

.main-navigation ul ul li {display: block; margin-right: 0; border: 0!important;}

.main-navigation ul ul li a {padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF!important; font-size: 20px;}

.main-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}

.main-navigation ul ul li a:hover {background: #085637; color: #B20000!important; text-decoration: underline; }



/*Sub Sub Menu*/

/*.main-navigation ul ul ul {visibility: hidden !important; margin-top: -48px !important; opacity: 0 !important; position: absolute; margin-left: 240px; 	}

.main-navigation ul ul li:hover ul {visibility: visible !important; opacity: 1 !important; margin-left: 182px;  }

.main-navigation ul ul ul li {}*/



/*Footer Menu*/

.footer-nav { background: #FFFFFF; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box;  }

.footer-navigation { max-width: 1370px; width: 100%; margin: 0 auto; }

.footer-navigation ul {margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

.footer-navigation ul li {position:relative; display: inline-block; border-left: 1px solid #D6D6D6;}

.footer-navigation ul li a { font-weight: 500; font-size: 24px; color: #0A6D45; line-height: 120%; text-transform: uppercase; padding: 5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 150%; }

.footer-navigation ul li a:hover { color: #B20000; text-decoration: none; }

.footer-navigation ul li:hover ul {visibility: visible; opacity: 1; margin-top: 0;}



/*Sub Menu*/

.footer-navigation ul ul {background: rgba(8, 86, 55, .9); -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-box-shadow: 0px 0px 2px #555; box-shadow: 0px 0px 2px #555; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 5px; position: absolute; visibility: hidden; margin-top: 50px; width: 100%;display: block; bottom: 100%; opacity: 0; z-index: 9; }

.footer-navigation ul ul li {display: block; margin-right: 0; border: 0!important;}

.footer-navigation ul ul li a {padding: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF!important; font-size: 20px;}

.footer-navigation ul ul li a::after, .main-navigation ul ul li a::before {display: none !important;}

.footer-navigation ul ul li a:hover {background: #085637; color: #B20000!important; text-decoration: underline; }



/*Social Menu*/

.social-navigation {}

.social-navigation .svg-icon {display: none;}

.social-navigation ul {margin: 0 !important; list-style: none; display: block; padding: 0; 	}

.social-navigation ul li { -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; border-radius: 50%; margin: 0; height: 40px; width: 40px; background: #3B5998;}

.social-navigation ul li:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000; -webkit-transform: rotateZ(360deg); -ms-transform: rotate(360deg); transform: rotateZ(360deg);}

.social-navigation ul li a {color: #FFF;}

.social-navigation ul li a::before {font-size: 18px; position: relative; top: 12px;}



/*###################################

## HEADER

###################################*/



.site-header {}

.header-box { max-width: 1370px; width: 100%; margin: 0 auto; }

.header-top { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); padding: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-top .left { width: 26.66%; }

.header-top .left .address { position: relative; max-width: 365px; width: 100%; font-family: 'Teko', sans-serif; font-weight: 500; font-size: 24px; color: #FFFFFF; line-height: 36px; text-align: right; }

.header-top .left .address::before { content: ""; background: url('assets/images/location-icon.png')no-repeat center left; max-width: 11px; width: 100%; height: 17px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  left: 0;}

.header-top .right { width: 31.98%; }

.header-top .right .email { max-width: 285px; width: 100%; position: relative; text-align: right; }

.header-top .right .email::before { content: ""; background: url('assets/images/email-icon.png')no-repeat center left; max-width: 15px; width: 100%; height: 11px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  left: 0; }

.header-top .right .email a { font-weight: 500; font-size: 24px; color: #FFFFFF; line-height: 36px; }

.header-top .right .phone::before { content: ""; background: url('assets/images/phone-icon.png')no-repeat center left; max-width: 8px; width: 100%; height: 13px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  left: 0; }

.header-top .right .phone { max-width: 130px; width: 100%; position: relative; text-align: right; }

.header-top .right .phone a { font-weight: 500; font-size: 24px; color: #FFFFFF; line-height: 36px; }

.header-mid { background: #FFFFFF url('assets/images/header-mid.png')no-repeat center top; background-size: 100% 70%; position: relative; }

.header-mid .header-content { max-width: 1064px; width: 100%; margin: 0 auto; }

.header-mid .left { width: 28.33%;  text-align: center; font-family: 'Teko', sans-serif;  }

.header-mid .header-tag { font-weight: 400;  font-size: 24px; color: #032116;  }

.header-mid .header-tag.one { max-width: 220px; margin: 0 auto; }

.header-mid .header-tag.two { max-width: 170px; margin: 0 auto; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-mid .mid { width: 35.24%; margin: -35px auto 0; }

.header-mid .hd-logo img { width: 100%; height: 100%; display: block; }

.header-mid .right { width: 22.18%;  text-align: center; font-family: 'Teko', sans-serif; color: #032116; padding: 25px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-mid .label { font-size: 14px; }

.header-mid .business-hours { font-weight: 400; font-size: 24px; line-height: 24px; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 215px; margin: 0 auto; }

.header-bot { padding: 10px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative;     background: #FFFFFF; -webkit-box-shadow: 0px -5px 20px -10px #000000; box-shadow: 0px -5px 20px -10px #000000;  }

.header-nav { max-width: 1370px; width: 100%; margin: 0 auto; }

.header-bot::after { content: ""; background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); max-width: 100%; width: 100%; height: 10px; position: absolute; left: 0; right: 0; bottom: 0; }



/*###################################

## BANNER

###################################*/



.site-banner { position: relative; z-index: 1; }

.banner-container { position: relative; }

.banner-container::after { content: ""; background: url('assets/images/car.png')no-repeat center right; max-width: 882px; width: 100%; height: 500px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  right: 0; z-index: 1; }

.banner-container img { width: 100%; height: 650px!important; margin: 0 auto; -o-object-fit: cover; object-fit: cover; display: block; }

.banner-content { max-width: 1370px; width: 100%; margin: 0 auto;  position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; z-index: 2;  }

.banner-box { max-width: 535px; width: 100%; margin-left: 0; position: relative; z-index: 2; }

.banner-box h1 { font-weight: 700; font-size: 64px; color: #065E3A; line-height: 120%;  }

.banner-box ul { margin: 0 auto; padding-left: 25px; }

.banner-box ul li { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px; line-height: 36px; color: #00130C; }

.banner-btn { padding: 30px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }





/*###################################

## WELCOME

###################################*/



#welcome { position: relative; padding: 0 0 130px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#welcome .row { max-width: 1370px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0 0 20px #000000; box-shadow: 0 0 20px #000000; }

.welcome-cell, .welcome-bottom { background: #FFFFFF; }

.welcome-cell { margin: -30px 0 0; position: relative; z-index: 2; }

.welcome-box { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); height: 534px!important; position: relative; }

.welcome-img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: -8%; }

.welcome-img img { width: 58%;  }

.welcome-content { padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 2; }

.welcome-text h2 { font-weight: 700; font-size: 27px; color: #B20000; line-height: 180%; }

.welcome-text span { display: block; }

.welcome-text p, .welcome-text a, .welcome-bottom p { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; }

.welcome-bottom { padding: 0 30px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }



/*###################################

## SERVICES

###################################*/



#services { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); position: relative; padding: 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

#services .row { max-width: 895px; width: 100%; margin: 0 auto; }

.services-text { text-align: center; }

.services-text h2 { font-weight: 700; font-size: 64px; color: #B20000; }

.services-text h3 { font-weight: 700; font-size: 36px; color: #FFFFFF; padding: 20px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.services-cell { padding: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.services-img { position: relative; overflow: hidden; margin: 0 2% 4%;  }

.services-img:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-filter: brightness(1); filter: brightness(1); }

.services-img img { -webkit-filter: brightness(0.5); filter: brightness(0.5); -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; -o-object-fit: cover; object-fit: cover;   }

.services-img h3 { font-size: 19px; color: #FFFFFF; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 25%;  }

.services-btn { text-align: center; }



/*###################################

## REPAIR

###################################*/



#repair { position: relative; padding: 50px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#repair::before { content: ""; background: url('assets/images/header-mid.png')no-repeat center top; max-width: 100%; width: 100%; height: 188px; position: absolute; top: -15%; left: 0; right: 0; margin: 0 auto; z-index: -1; }

#repair .row { max-width: 800px; width: 100%; margin: 0 auto; }

.repair-text { text-align: center; }

.repair-text h2 { font-weight: 700; font-size: 64px; color: #B20000; line-height: 80px; }

.repair-text h3 { font-weight: 700; font-size: 36px; color: #02150E; padding: 20px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.repair-img { padding: 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.repair-btn { text-align: center; }

.repair-btn .btn { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e);  }

.repair-btn .btn::after { background: #B20000; }



/*###################################

## WHY

###################################*/



#why { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); position: relative; padding: 35px 0 45px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

#why .row { max-width: 1065px; width: 100%; margin: 0 auto; }

.why-content { text-align: center; }

.why-content h2 { max-width: 276px; width: 100%; margin: 0 auto; font-weight: 700; font-size: 36px; color: #FFFFFF; line-height: 44px; border-bottom: 1px dotted; padding-bottom: 10px; }

.why-content h3 { font-weight: 500; font-size: 36px; color: #FFFFFF; line-height: 36px;  padding: 15px 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.why-content a { font-weight: 700; font-size: 72px; color: #FFFFFF; border: 5px solid #FFFFFF; display: inline-block; padding: 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }



/*###################################

## GALLERY AND CERTIFICATION

###################################*/



#gallery { position: relative; padding: 45px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

#gallery .row { max-width: 1200px; width: 100%; margin: 0 auto; }

.gallery-text { text-align: center; }

.gallery-text h2 { font-weight: 700; font-size: 64px; color: #B20000; }

.gallery-text h3 { font-weight: 500; font-size: 36px; color: #455964; line-height: 36px; padding: 20px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gallery-cell { padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gallery-div img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover;  }

.galdiv-cell > div { margin: 0 2%; }

.galsin-cell { margin: 3% 2% 0; overflow: hidden; }

.galsin-cell.alt { margin: 0 2% 3%; overflow: hidden; }

.galdiv-cell img, .galsin-cell img { width: 100%; height: 184px!important; -o-object-fit: cover; object-fit: cover; }

.galsin-cell, .gal-con { overflow: hidden; }

.galsin-cell img, .gal-con img { -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; }

.galsin-cell img:hover,.gal-con img:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }



/*CERTIFICATION*/



.certification-text { text-align: center; }

.certification-text h3 {  font-weight: 700; font-size: 36px; color: #02150E; }

.certificate-cell { padding: 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.certificate-cell > div { text-align: center; margin: 0 2%; }

.certificate-cell > div img { display: block; }



/*###################################

## MAP

###################################*/



#map { position: relative; }

#map .row { max-width: 100%; width: 100%; }

#map iframe { width: 100%; height: 470px; display: block; border: none;  }



/*###################################

## INFORMATION

###################################*/



#info { position: relative; padding: 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#info .row { max-width: 1200px; width: 100%; margin: 0 auto; }

.info-logo { max-width: 375px;  width: 100%;  margin: -95px auto 0;  }

.info-logo img { width: 100%; display: block; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.info-logo:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.info { font-family: 'Teko', sans-serif; text-align: center; padding: 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.info a { font-weight: 500; color: #FFFFFF;  line-height: 120%; display: inline-block; }

.info h5 { font-weight: 500; font-size: 18px; color: rgba(255,255,255,0.5); line-height: 120%; letter-spacing: 5px; padding-bottom: 5px; }

.info .phone a { font-size: 48px; }

.info .address { font-size: 30px; color: #FFFFFF; line-height: 120%; padding: 10px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.info .email a { font-size: 36px;  }



/*###################################

## FOOTER

###################################*/



.site-footer { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); position: relative; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.site-footer .footer-logo{ margin: -95px auto 0; }

.site-footer .container { text-align: center; }

.site-footer .copyright { padding: 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.site-footer .copyright p, .site-footer .copyright a { font-weight: 400; font-size: 24px; color: #FFFFFF; line-height: 120%; letter-spacing: 5px; }

.site-footer .silver { max-width: 600px; width: 100%; margin: 0 auto; }





/*###################################

## Content

###################################*/

.site-content {}



/*###################################

## Sidebar Blog

###################################*/

.sidebar {border: 1px solid #535353; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-preferred-size: 30%; flex-basis: 30%; padding: 20px; }

.sidebar h2 {font-size: 25px; margin: 0; }

.sidebar .widget_search {-webkit-box-sizing: border-box;box-sizing: border-box; background: #6A7A64; margin-bottom: 25px; padding: 20px; width: 100%; }

.sidebar .widget:last-of-type {margin-bottom: 0;}



/*###################################

## Inner Pages

###################################*/

.inner #content {padding: 30px 0; min-height: 600px;}

.inner #content h1, .inner #content h2 {margin: 10px auto; text-align: center; color: #B20000; font-size: 60px; font-weight: 700;}

.inner #content p, .inner #content ul li {font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}

.inner #content ul li {line-height: 1.8;}

.inner-container .row { max-width: 1170px; width: 100%; margin: 0 auto; }



/*###################################

## Blog Page

###################################*/

.blog .site-content, .single .site-content{max-width: 1200px;margin: 0 auto;width: 95%;}
.blog h1,.blog h2, .blog h2 a{text-align:center; font-size: 25px; color: #B20000;}
.blog article{position:relative;margin:0 0 40px;box-sizing:border-box;padding:20px 10px;border-radius: 18px; border: 2px solid #23527c;}
.blog article .entry-header{max-width:1120px;margin:0 auto}
/* .blog article .entry-header__date{text-align:center;display:inline-block;vertical-align:middle;padding:10px;margin:0 20px 0 0;max-width:70px;background:#333;color:#FFF}
.blog article .entry-header__date .day{font-size:40px;font-weight:700} */
.blog article .entry-header__text{display:inline-block;vertical-align:middle}
.blog article .entry-header__text h2{font-style:normal;font-size:40px}
.blog article .entry-header__text p {display: none;}
.blog article .entry-content{max-width:1120px;margin:0 auto;padding:40px 0 0}
.blog article .entry-content p{margin:1em auto}
.blog article .entry-content .btn{margin:40px auto 0; padding: 10px; max-width: 200px;}
.single h1,.single h2{font-size:40px;text-align:center}
.single article{text-align:justify;position:relative;margin:0 0 40px;box-sizing:border-box;padding:20px 10px;}
.single article .entry-meta,.single article .entry-footer{display:none}
.single article .entry-header{max-width:1120px;margin:0 auto}
.single article .entry-content{max-width:1120px;margin:0 auto}
/* .comments-area{position:relative;margin:0 0 40px;box-sizing:border-box;padding:20px 10px;border:5px solid #333;border-radius:5px;box-shadow:0 2px 15px #555} */

.comments-area h1,.comments-area h2{font-size:40px;text-align:center}
.comments-area .comment-body{margin:0 0 40px;padding:0;border:0;border-radius:0;box-shadow:unset}
.comments-area .discussion-meta,.comments-area .comment-list{max-width:1120px;margin:0 auto}
.comments-area .comment-reply a{position:relative;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20px;font-style:normal;letter-spacing:normal;line-height:120%;color:#FFF;max-width:200px;width:100%;padding:20px 10px;z-index:1;box-sizing:border-box;text-align:center;display:inline-block;border:0;border:1px solid transparent;background:#333;transition:all .5s ease}
.comments-area .comment-reply a:hover{border:1px solid #333;text-shadow:0 2px 3px #000;color:#ddd;background-color:#555}
.comments-area .comment-reply-title a{position:relative;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20px;font-style:normal;letter-spacing:normal;line-height:120%;color:#FFF;max-width:200px;width:100%;padding:20px 10px;z-index:1;box-sizing:border-box;text-align:center;display:inline-block;border:0;border:1px solid transparent;background:#555;transition:all .5s ease}
.comments-area .comment-reply-title a:hover{border:1px solid #555;text-shadow:0 2px 3px #000;color:#ddd;background-color:#333}
.comments-area .comment-form,.comments-area .comment-form-flex{max-width:800px;margin:0 auto}
.comments-area .comment-notes{text-align:center}
.comments-area .comment-form-comment label,.comments-area .comment-form-author label,.comments-area .comment-form-email label,.comments-area .comment-form-url label{display:block;text-align:left}
.comments-area .comment-form-comment input,.comments-area .comment-form-author input,.comments-area .comment-form-email input,.comments-area .comment-form-url input{width:100%;height:30px;border:1px solid #A0A0A0;border-radius:5px}
.comments-area .comment-form-comment textarea,.comments-area .comment-form-author textarea,.comments-area .comment-form-email textarea,.comments-area .comment-form-url textarea{width:100%;height:105px;border:1px solid #A0A0A0;border-radius:5px}
.comments-area .form-submit{width:100%;text-align:center}
.comments-area .form-submit a,.comments-area .form-submit input{position:relative;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:20px;font-style:normal;letter-spacing:normal;line-height:120%;color:#FFF;max-width:200px;width:100%;padding:20px 10px;z-index:1;box-sizing:border-box;text-align:center;display:inline-block;border:0;border:1px solid transparent;background:#333;transition:all .5s ease}
.comments-area .form-submit a:hover,.comments-area .form-submit input:hover{border:1px solid #333;text-shadow:0 2px 3px #000;color:#ddd;background-color:#555}





/*###################################

## Search Page

###################################*/

.page-description {text-align: center; margin-bottom: 40px; font-weight: 700; font-size: 25px; display: block;}

.page-description::after {content: ' "';}

.page-description::before {content: '" ';}

.search article {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; border: 1px solid #000; margin-bottom: 30px; padding: 20px; display: block; }

.search article:hover {-webkit-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;}

.search article:last-of-type {margin-bottom: 0;}

.search article h2 {margin: 0 0 20px; font-size: 35px;}

.search-con {padding-right: 5%; -ms-flex-preferred-size: 65%; flex-basis: 65%;}





/*###################################

## Error Page

###################################*/

.error-404 {text-align: center;}



/*###################################

## RESPONSIVE

###################################*/



@media screen and (max-width: 1400px) {



	#map .row { width: 100%!important; }

	.row { width: 97%!important; }



	/*HEADER*/

	.header-top { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*HEADER and FOOTER NAVIGATION*/ 

	.header-nav, .footer-navigation { max-width: 1250px; width: 100%; margin: 0 auto; }

	.main-navigation ul li a, .footer-navigation ul li a  { font-size: 21px; padding: 5px 29px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*BANNER*/

	.banner-content { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }



}



@media screen and (max-width: 1350px) {



	/*HEADER*/

	.header-top .right { width: 32.98%; }

	.header-top .left { width: 27.66%; }





	/*BANNER*/

	.banner-container::after { content: ""; background: url('assets/images/carx700.png')no-repeat center right; max-width: 700px; width: 100%; height: 397px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  right: 0; z-index: 1; }

}



@media screen and (max-width: 1290px) {

	

	/*HEADER*/

	.header-top .left { width: 28.66%; }

	.header-top .right { width: 33.98%; }

}



@media screen and (max-width: 1249px) {

	

	/*HEADER*/

	.header-top .left { width: 29.66%; }

	.header-top .right { width: 35.98%; }

	.header-nav, .footer-navigation { max-width: 1140px; width: 100%; margin: 0 auto; }



	/*HEADER and FOOTER NAVIGATION*/ 

	.main-navigation ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

	.main-navigation ul li a, .footer-navigation ul li a { font-size: 20px; padding: 5px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }



}





@media screen and (max-width: 1244px) {



	/*WELCOME*/

	.welcome-box { height: 640px!important; }



}





@media screen and (max-width: 1234px) {



	/*WELCOME*/

	.welcome-box { height: 700px!important; }



}





@media screen and (max-width: 1200px) {



	/*GLOBAL*/

	body {min-width: 320px;}



	/*HEADER*/

	.header-mid .mid { margin: 0 auto; }

	.header-mid .header-content { padding: 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.header-top .left { width: 30.66%; }

	.header-top .right { width: 36.98%; }



	/*BANNER*/

	.banner-container::after { content: ""; background: url('assets/images/carx600.png')no-repeat center right; max-width: 600px; width: 100%; height: 340px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  right: 0; z-index: 1; }

}



@media screen and (max-width: 1160px) {



	/*HEADER*/

	.header-top .left { width: 31.66%; } 

	.header-top .right { width: 38.98%; }



}



@media screen and (max-width: 1148px) {

	

	/*HEADER and FOOTER NAVIGATION*/

	.header-nav, .footer-navigation { max-width: 1060px; width: 100%; margin: 0 auto; }

	.main-navigation ul li a, .footer-navigation ul li a { font-size: 18px; padding: 5px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*WELCOME*/

	.welcome-box { height: 730px!important; }



}



@media screen and (max-width: 1134px) {



	/*HEADER*/

	.header-top .left { width: 32.66%; }



}



@media screen and (max-width: 1090px) {



	/*HEADER*/

	.header-top .left { width: 34.66%; }

	.header-top .right { width: 43.98%; }

	

	/*HEADER and FOOTER NAVIGATION*/

	.header-nav, .footer-navigation { max-width: 995px; width: 100%; margin: 0 auto; }

	.main-navigation ul li a, .footer-navigation ul li a { font-size: 18px; padding: 5px 19px;-webkit-box-sizing: border-box;box-sizing: border-box; }

	

}





@media screen and (max-width: 1024px) {



	/*GLOBAL*/

	.flexc { -ms-flex-wrap: wrap; flex-wrap: wrap; }



	/*HEADER*/

	.header-mid .mid { width: 100%; margin: 0 auto; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

	.header-mid .hd-logo img { max-width: 375px; width: 100%; height: 100%; display: block; margin: 0 auto; display: block; }

	.header-top .left, .header-top .right, .header-mid .left, .header-mid .right { width: 50%; }

	.header-mid .header-tag.one, .header-mid .header-tag.two { max-width: 100%; }

	.header-mid .business-hours { max-width: 300px; }

	.header-mid .right { padding: 5px 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*BANNER*/

	.banner-container::after { display: none; }

	.banner-box { max-width: 100%; text-align: center; }

	.banner-box ul { max-width: 500px; text-align: left; }



	/*WELCOME*/

	#welcome { padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.welcome-cell { margin: 0 auto; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important }

	.welcome-cell > div { width: 100%!important; }

	.welcome-box { display: none; }

	.welcome-img { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; margin-left: 0; text-align: center;  background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e);  background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); }

	.welcome-img img { width: inherit; display: block; }

	.welcome-content { padding: 30px 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }



}



@media screen and (max-width: 1000px) {

	

	/*HEADER and FOOTER NAVIGATION*/

	.header-nav, .footer-navigation { max-width: 850px; width: 100%; margin: 0 auto; }

	.main-navigation ul li a, .footer-navigation ul li a { font-size: 18px; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*FOOTER*/

	.site-footer .copyright p, .site-footer .copyright a { font-size: 18px; }

	.site-footer .silver { max-width: 530px; }



}



@media screen and (max-width: 860px) {



	/*HEADER*/

	.header-top .left { width: 45%; }

	.header-top .right { width: 52%; }

	.header-top .right .email { max-width: 275px; }

	.header-top .right .phone { max-width: 125px; }

	

	/*HEADER and FOOTER NAVIGATION*/

	.header-nav, .footer-navigation { max-width: 800px; width: 100%; margin: 0 auto; }

	.main-navigation ul li a, .footer-navigation ul li a { font-size: 18px; padding: 5px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }



}





@media screen and (max-width: 800px) {



	/*SERVICES*/

	.services-cell { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; }

	.services-cell > div { width: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; }

	.services-cell > div .panel-first-child, .services-cell > div .panel-last-child { width: 50%; }



	/*GALLERY*/

	.galdiv-cell img, .galsin-cell img { width: 100%; height: 100%!important; -o-object-fit: cover; object-fit: cover; }



	/*WP RESPONSIVE MENU*/

	#wprmenu_bar, #mg-wprm-wrap { background-image: -o-radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); background-image: radial-gradient(circle, #0a6f47, #09573a, #0a3f2c, #0a291e, #02150e); }

	#mg-wprm-wrap li.menu-item a { font-size: 20px; }

	#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a { font-size: 18px; }

	#wprmenu_bar .bar_logo { height: 37px; }

	#wprmenu_bar {-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;}

	#wprmenu_bar .menu_title a {color: #FFF; top: 0;}

	#wprmenu_bar div.hamburger { margin-top: 1px; }

	#wprmenu_bar .menu_title { top: -1px; }

	

	/*OTHERS*/

	.search-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

	.search-con {margin-bottom: 30px; padding-right: 0;}

	html body div.wprm-overlay {background: transparent;}

	.logged-in #wprmenu_menu_ul {top: 47px !important;}

	.cta {background: #14880c  url("assets/images/phonecall.png") no-repeat center center; border-bottom-left-radius: 40px;border-top: 2px solid #000; border-top-left-radius: 40px; text-decoration: none; text-indent: -9999em; position: fixed; display: block; bottom: 13%; height: 80px; width: 100px; z-index: 999; right: 0;}

	.blog-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

	.blog-container {margin-bottom: 30px; padding-right: 0;}



	/*FOOTER*/

	/*.site-footer { padding: 10px; box-sizing: border-box; }

	.site-footer .copyright { padding: 0; }*/

	.footer-navigation ul { display: block; }

	.footer-navigation ul li { border-left: 0; display: block; }

	.footer-navigation ul li a { padding: 0; }

	.footer-nav { padding: 10px 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.site-footer .copyright { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

}





@media screen and (max-width: 600px) {



	/*GLOBAL*/

	.btn { max-width: 250px; width: 100%; letter-spacing: 2px; font-size: 15px; }

	#services, #why, #gallery { padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*BANNER*/

	.banner-container .widget_media_image { position: relative; }

	.banner-container .widget_media_image::before { content: ""; background: url(assets/images/carx400.png)no-repeat center right;max-width: 400px; width: 100%; height: 227px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 1; }

	.banner-container img { height: 100%!important; }

	.banner-content { position: relative; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; padding: 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.banner-box h2 { font-size: 45px; }

	.banner-box span { display: block; }

	.banner-btn { padding: 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*WELCOME*/

	.welcome-text h2 { text-align: center; }

	.welcome-text p, .welcome-text a, .welcome-bottom p { font-size: 16px; }

	.welcome-content { padding: 20px 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.welcome-bottom { padding: 0 20px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }





	/*SERVICES*/

	.services-text h2 { font-size: 45px; }

	.services-text h3 { font-size: 25px; padding: 0 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.services-cell > div { width: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

	.services-cell > div .panel-first-child, .services-cell > div .panel-last-child { width: 100%; }

	.services-img h3 { font-size: 30px; }



	/*REPAIR*/

	#repair { padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.repair-text h2 { font-size: 40px; }

	.repair-text h3 { font-size: 25px; padding: 0px 0 15px; -webkit-box-sizing:border-box; box-sizing:border-box; }



	/*WHY*/

	.why-content h3 { font-size: 30px; }

	.why-content a { font-size: 50px; }



	/*GALLERY*/

	.gallery-text h2 { font-size: 40px; }

	.gallery-text h3 { font-size: 30px; padding: 5px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.gallery-cell { padding: 0 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.galdiv-cell { -webkit-box-orient: inherit!important; -webkit-box-direction: inherit!important; -ms-flex-direction: inherit!important; flex-direction: inherit!important; }

	.galdiv-cell > div { width: 50%!important; }

	.gallery-div { display: -webkit-box; display: -ms-flexbox; display: flex; }

	.galsin-cell { margin: 0 0 2% 6.5%; }

	.galsin-cell.alt { margin: 1% 5% 2% 2%; }



	/*CERTIFICATE*/ 

	.certificate-cell > div { margin: 0; }

	.certificate-cell > div img { display: block; margin: 0 auto 20px; }



	/*MAP*/

	#map iframe { height: 300px; }



	/*INFORMATION*/

	.info-logo { max-width: 300px; width: 100%; margin: -95px auto 0; }

	.info { padding: 10px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.info .phone a { font-size: 35px; }

	.info .address, .info .email a { font-size: 25px; }



	/*FOOTER*/

	.site-footer .copyright p, .site-footer .copyright a { font-size: 17px; letter-spacing: 2px; }

	.site-footer .silver { max-width: 380px; width: 100%; }



}



@media screen and (max-width: 560px) {



	/*BANNER*/

	.banner-container .widget_media_image::before { content: ""; background: url(assets/images/carx300.png)no-repeat center right;max-width: 300px; width: 100%; height: 170px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 1; }

	

	/*BLOG*/

	.blog-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

	.blog-header p, .blog-header h2 {text-align: center; width: 100%;}

	.blog-list article {text-align: center;}

	.blog-header h2 {font-size: 30px;}

	.blog-container .btn {margin-top: 20px !important;}



	/*INNER PAGES*/

	.inner #content h1 { font-size: 35px; }



}



@media screen and (max-width: 440px) {



	/*GLOBAL*/

	h1, h2 { font-size: 40px; }

	.btn { max-width: 210px; width: 100%; letter-spacing: 2px; font-size: 13px; }

	.services-text h2, .why-content a { font-size: 40px; }

	.banner-box h2, .repair-text h2, .why-content h2 { font-size: 35px; }

	.welcome-text h2, .services-img h3, .why-content h3, .certification-text h3 { font-size: 25px; } 

	.repair-text h3 { font-size: 20px; }



	/*BANNER*/

	.banner-box ul li { font-size: 16px; }



	/*WELCOME*/

	.welcome-text p, .welcome-text a, .welcome-bottom p { font-size: 15px; }



	/*REPAIR*/

	.repair-text h2 { line-height: 50px; }



}



@media screen and (max-width: 400px) {



	/*GLOBAL*/

	.banner-box h2, .repair-text h2, .why-content h2 { font-size: 25px; }

	.welcome-text h2, .services-img h3, .why-content h3, .certification-text h3 { font-size: 20px; line-height: 120%; }





	/*BANNER*/

	.banner-container .widget_media_image::before { content: ""; background: url(assets/images/carx200.png)no-repeat center right;max-width: 200px; width: 100%; height: 114px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 1; }

	.banner-box ul li { font-size: 14px; line-height: 200%; }



	/*WELCOME*/

	.welcome-text h2 { padding-bottom: 10px; }

	.welcome-text p, .welcome-text a, .welcome-bottom p { font-size: 14px; }

	.welcome-content { padding: 15px 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.welcome-bottom { padding: 0 15px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }



	/*WHY*/

	.why-content a { font-size: 25px; }

	

	/*GALLERY*/

	.gallery-text h3 { font-size: 25px; }

	.gallery-div {  display: block;  }

	.galdiv-cell > div, .galsin-cell, .galsin-cell.alt {  margin: 0;  }



	/*INFO*/

	.info-logo { max-width: 250px; width: 100%; margin: -70px auto 0; }



	/*FOOTER*/

	.site-footer .copyright p, .site-footer .copyright a { font-size: 15px;letter-spacing: 1px; }

	.site-footer .silver { max-width: 300px; width: 100%; }



}


p.banner-txt {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}
.services-img a {
    color: white;
    text-decoration: none;
}
.formLabel label {
    text-align: right;
    font-weight: 500;
    font-size: 17px;
}
.formTextarea label {
    text-align: right;
    font-weight: 500;
    font-size: 17px;
    color: black;
    display: flex;
}

.insurance {
    display: -webkit-box;
}







.footer-info {
    background: url(https://justicecollisionrepair.com/wp-content/uploads/2020/03/footer-bg.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px 0;
    display: block;
    font-family: 'Teko',sans-serif;
    color: #fff;
}
.footer-info p {
    font-size: 18px;
    margin: 0;
	color:white;
}
.footer-info h3 {
    font-size: 48px;
	color:white;
}
.footer-info h4 {
    font-size: 30px;
	color:white;
}
.footer-info h5 {
    font-size: 36px;
	color:white;
}
.text-center {
    text-align: center;
	color:white;
}
.footer-info.text-center a {
    color: white;
}

.contact-form input, textarea {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #888888;
    background: #EEEEEE;
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #111111;
    padding: 10px 15px;
}
input#your-consent {
    width: 20px;
}


div#respond label {
    color: #6c6969;
}
div#comments textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
h2.comments-title {
    color: gray !important;
    font-weight: 300 !important;
}
.inner #content p{
	text-align:justify;	
}

input.wpcf7-form-control.wpcf7-submit.submit-estimate {
    background-color: #0a3f2c;
    color: white;
    padding: 15px;
    width: 50%;
    font-size: 23px;
    border-radius: 12px;
}
input.wpcf7-form-control.wpcf7-submit.submit-estimate:hover {
    color: #b20000;
}
.contact-form p {
    text-align: center !important;
}