html, body {margin: 0px; height: 100%; border: 0px; padding: 0px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	font-family: 'Raleway', sans-serif;
	background:#FFF;}
* {
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* Opera/IE 8+ */
}
	
:root {overflow-y: scroll !important;}
.clear {clear:both;}
* img {border:0; border:none;}
.container {width:90%; margin:0 auto;}
.right {float:right;}
.left {float:left;}
.auto {width:100%; height:auto;}

.scrollup {width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 130px; right: 50px; display: none; text-indent: -9999px; background: url(../images/icon_top.png) no-repeat;}

/****** Main Styles ******/

.wrapper {width:100%; margin:0;}
.white {background:#FFF;}
.dkbrown {background:#8b3238;}
.mocha {background:#a4765a;}
.brown {background:#5e6883;}
.ltblue {background:#8e97b0;}
.orange {background:#ffaa57;}
.ltgrey {background:#eeeeee;}

.contactbg {background:url(../images/constructionbg.jpg) no-repeat bottom fixed;}

.dkbrown-pattern {background:linear-gradient(135deg, #8b3238 22px, #432b18 22px, #432b18 24px, transparent 24px, transparent 67px, #432b18 67px, #432b18 69px, transparent 69px),
linear-gradient(225deg, #8b3238 22px, #432b18 22px, #432b18 24px, transparent 24px, transparent 67px, #432b18 67px, #432b18 69px, transparent 69px)0 64px;
background-color:#8b3238;
background-size: 64px 128px;}

.spacer {padding:5px; height: 90px;}

/********** header styles ************/

.phone {color:#FFF; font-size:14px;float: right; text-align:right; margin:10px 0;}
.phone span {font-weight:800; font-size:16px; color:#dfb687;}
.phone a {color:#dfb687; text-transform:uppercase; font-weight:800; padding:0 5px;}

.banner {
    overflow:hidden;
    background-image: url('../images/homepage_banner.jpg');
    background-position: center center;
    background-size: cover;
    position: relative;
    min-height: 60vh;
}


.caption {
    position:absolute;
    z-index:100;
	background:#8b3238;
	padding:20px;
	width:30%;
    top: 30%;
    left: 35%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);   
	font-size:28px; font-weight:300; color:#FFF;
	text-transform:uppercase;
}

.caption span {font-weight:200; font-size:36px; text-transform:none;}

.banner-sub {
    overflow:hidden;
    background-image: url('../images/tires.jpg');
    background-position: center center;
    position: relative;
    min-height: 10vh;
}

/******* FAQ page styles *************/

.question {font-size:20px; font-weight:bold; padding:0 0 10px 50px; background: url(../images/q.png) no-repeat top left;}
.answer {padding:0 0 0 50px; background: url(../images/a.png) no-repeat top left;}
.answer p {font-size:20px;}

hr::after {
    background: #dfb687 none repeat scroll 0 0;
    color: #000;
    content: "§";
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
    position: relative;
    top: -14px;
    transform: rotate(60deg);
}
hr {
    border-top: 1px solid #000;
    text-align: center;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

/********* Pricing Page styles **********/

.pricebox {background:#eeeeee; overflow:hidden; border:#915f40 1px solid; position:relative;}
.pricebox h3 {text-align: left; line-height: 20px; padding-left:30px; padding-top:30px;}
.pricebox ul {margin:0; padding:0 0 100px 30px; list-style-type: none;}
.pricebox li {font-size:18px; line-height: 28px;}
.pricebox img {width:100%; position:relative; top:0; left:0; right:0;}
.pricing-btn {position:absolute; left:30px; top:130px; color:#8b3238; text-transform:uppercase; text-decoration:none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background:#ffaa57; padding:10px 20px; text-align:center; width:200px; font-weight:500;}
.pricing-btn:hover {background:#000; color:#ffaa57;}

.thinline {width:80%; display:block; margin:15px auto; height:1px; background:#CCC;}

/********* Why Choose Us Page styles **********/

p.signature {font-size:34px; font-family: 'Sacramento', cursive;}

.review {background:url(../images/review.jpg) bottom center no-repeat;}

.review p {text-align: center; width:70%; display:table; margin:10px auto; font-size:18px;}
.review span {color:#563110;}

/************* buttons **************/

.btn {color:#8e97b0; text-transform:uppercase; text-decoration:none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background:#000; padding:10px 20px; text-align:center; display:table; font-weight:500; border:#fff 2px solid;}

.btn:hover {background:#333; border:#8e97b0 2px solid; color:#FFF;}

.bio-btn {color:#8b3238; text-transform:uppercase; text-decoration:none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background:#ffaa57; padding:10px 20px; text-align:center; display:block; width:100%; font-weight:500; border:#ffaa57 2px solid;}

.bio-btn:hover {background:#8b3238; border:#ffaa57 2px solid; color:#FFF;}

/***** headings **********/

h1 {color:#8b3238; text-transform:uppercase; font-size:30px;}

h2 {font-family: 'Teko', sans-serif; font-size:30px;}
h2 span {font-size: 35px; color:#A40002;}

h3 {text-align:center; text-transform:uppercase; font-weight:700; font-size:30px;}
h3 span {color:#5e6883; font-size:16px;}

h4 {padding:10px; text-transform: uppercase; text-align: center; display:table; margin: 5px 0; font-size:17px; font-weight:500;}

h5 {color:#000; font-weight:700; font-size:22px; margin:15px 0;}
h5:before {
    background-color: #ab672b;
    content: "";
    display: block;
    height: 4px;
    position: relative;
	vertical-align:bottom;
    width: 50px;
	left:0;
}

/******** additional styles *********/

.cta {background:#eeeeee; padding:10px 25px;}
.cta h2 {text-align:center; color:#000;}
.cta p {color:#000; font-size:17px; text-align:center;}
.cta a {color:#4b4f78 !important; font-size:20px; line-height: 25px; text-align:center; font-weight: bold;}
.cta img {display:table; margin:10px auto; width:20%;}

.link1 {text-align:center; display:block; width:100%;  text-transform:uppercase;  font-size:16px; font-weight:400; }
.link1 a {color:#FFF; text-decoration:none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; display:block; padding:10px; background:#5e6883; }
.link1 a:hover {background:#8b3238;} 
 

.left {padding: 30px 30px 30px 35%; }
.right {padding: 30px 35% 30px 30px;}

.home-content p {color:#FFF; font-size:16px; line-height:22px;}
.home-content h2 {font-family: 'Teko', sans-serif; font-size:20px; color:#FFF;}
.home-content ul {list-style:none;}
.home-content ul li {margin:0; background:url('../images/bullet.png') no-repeat 0 5px; padding-left:25px; min-height:20px; line-height: 25px; font-weight:400; color:#FFF; font-size:16px;}
.home-content a {text-transform:uppercase; color:#FFF; font-size:14px; text-decoration:none; font-weight:500; display:table; padding:5px;}
.home-content a:hover {color:#ffaa57; border-bottom:#FFF 1px dotted;}

.uppercase {text-align:center; font-size:16px; color:#000; text-transform:uppercase; font-weight:500;}

.whitetext p {color:#FFF; font-size:18px; line-height:25px;}

.mainpic {width:100%; border:#FFF 3px solid;}

p.bio-quote {color:#5e6883; font-style: italic; border-left:#5e6883 5px solid; padding:10px; font-size: 19px;}

.border-left {border-left:#5e6883 5px solid; margin:15px 5px; padding:5px 15px;}

/******** services page *********/

.service-icon {text-align: center; font-weight:bold;}
.service-icon img {display:block; width:50%; margin:5px auto;}

ul.whitelist {margin:0;}
ul.whitelist li {color:#fff; font-style: italic; line-height: 30px;}

ul.servicelist {list-style-type: none; margin:0; padding:0;}
ul.servicelist li {padding:10px; border:#CCC 1px solid; margin:5px 0; line-height: 30px; background:#FFF; font-size:20px;}

.quoteblock {padding:10px; background:#a4765a; color:#FFF;}

/************ testimonials ***************/

.rounded {width:100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:#FFF 3px solid;}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-right:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#075698 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-right.top:after {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  right:50px; /* controls horizontal position */
  bottom:auto;
  left:auto;
  border-width:20px 20px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : left
------------------------------------------ */

.triangle-right.left:after {
  top:16px;
  left:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
  border-color:transparent #075698;
}

/* Variant : right
------------------------------------------ */

.triangle-right.right:after {
  top:16px;
  right:-40px; /* value = - border-left-width - border-right-width */
  bottom:auto;
  left:auto;
  border-width:15px 0 0 40px; /* vary these values to change the angle of the vertex */
  border-color:transparent #FFF ;
}

.example-right {
  position:relative;
  padding:30px 15px 30px 15px;
  margin:0;
  color:#6b6b6b;
  font-size:18px; font-weight:300;
  background:#FFF;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

.example-right img {width:20%; position:absolute; top:-30px; left:10px; border:#FFF 4px solid; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic; color:#000; font-size:16px;}
.example-right + p span {color:#8b3238; font-size:14px;}

/* creates the triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-30px;
  left:50px;
  border-width:0 20px 30px 0px;
  border-style:solid;
  border-color:transparent #FFF;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/******* Grid *****/

.g10, .g15, .g20, .g25, .g30, .g33, .g35, .g40, .g45, .g50, .g55, .g60, .g65, .g66, .g70, .g80, .g90, .g100,  .g75 {height:auto;float:left;}
.g10 {width:10%;}
.g15 {width:15%;}
.g20 {width:20%;}
.g25 {width:25%;}
.g30 {width:30%;}
.g33 {width:33%;}
.g35 {width:35%;}
.g40 {width:40%;}
.g45 {width:45%;}
.g50 {width:50%;}
.g55 {width:55%;}
.g60 {width:60%;}
.g65 {width:65%;}
.g66 {width:66%;}
.g70 {width:70%;}
.g75 {width:75%;}
.g80 {width:80%;}
.g90 {width:90%;}
.g100 {width:100%;}

.padding {padding: 15px;}

.wrapper-padding {padding:50px 0;}

/****** form styles *****/

.form-border {border:#FFF 1px solid!important; padding:5px; width:100%; display:block; height:auto; min-height:40px; margin-bottom:10px; background-color: #6d7694;}

.form-border span {color:#FFF; width:8%; float:left; text-align:center; font-size:20px; line-height:25px;}

.contact-form input, .contact-form textarea, .contact-form select {margin:0; border:none; background:none; font-size:16px; padding:7px; color:#FFF; text-transform:uppercase; font-family: 'Raleway', sans-serif;}

.contact-form {color:#FFF; text-transform:uppercase; font-size:15px; line-height:20px;}

input.form-submit-btn {text-decoration:none; color:#FFF; text-transform:uppercase; font-size:18px; text-align:center; display:table; padding:10px; background:#000; width:40%; -webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out; cursor:pointer;}
input.form-submit-btn:hover {background:#892e34;}

.form-error {
	background-color: #f99;
	font-weight: bold;
	text-align:center;
}
.verify {display: none;}

/**** Footer styles ****/

.footer a {color:#5E0806; text-decoration:underline;}
.footer p {color:#666; text-align:left; font-size:13px; line-height:20px;}

.responsive-circle {
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto 20px;
    width: 80%;	
}
.responsive-circle::after {
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
	background:#FFF; 
	border:#5e6883 5px solid;
}
.responsive-circle div {
    color:#8b3238;
    float: left;
    line-height: 1.2em;
    margin-top: -0.5em;
    padding-top: 50%;
	padding-left:10px;
    text-align: center;
    width: 100%;
}

.responsive-circle span{
display:table; margin:0 auto;
text-align:center;	
}

.footer-text {color:#FFF; text-transform:uppercase; font-weight:600; float:left; width:85%; padding:5px 15px;}
.footer-text p {margin:0;}
.footer-text a {color:#fff; line-height:60px;}

p.copy {color:#FFF; font-size:16px;}

/*********** social icons ***********/

@font-face {
    font-family: 'si';
    src: url('/font/socicon.eot');
    src: url('/font/socicon.eot?#iefix') format('embedded-opentype'),
         url('/font/socicon.woff') format('woff'),
         url('/font/socicon.ttf') format('truetype'),
         url('/font/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 23px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 18px;
    color: #8b3238;
    background-color: none;
}

.soc li a:hover {background:#dfb687;}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #FFF;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-facebook {
    background-color: #FFF;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-googleplus {
    background-color: #FFF;
}
.soc-googleplus:before {
    content:'\e042';
}
.soc-linkedin {
    background-color: #FFF;
}
.soc-linkedin:before {
    content:'\e049';
}

/****************** responsive styles ********************/

@media screen and (min-width:1200px) {
.container {width:	1200px!important;}
}

@media screen and (max-width:1500px) {
.caption {
	width:35%;
    top: 40%;
    left: 27%;
	font-size:26px; font-weight:300; color:#FFF;
}	

.menu > ul > li a {padding: 1em 1em!important;}
.left {padding: 30px 30px 30px 27%; }
.right {padding: 30px 27% 30px 30px;}
}

@media screen and (max-width:1200px) {
.container {width:	95%!important;}
.left {padding: 30px 30px 30px 5%; }
.right {padding: 30px 5% 30px 30px;}
.caption {
	width:37%;
    top: 45%;
    left: 22%;
}	
.logo {width:100%;}
.menu-container {width: 95%!important;}
}

@media screen and (max-width:1120px) {
.menu-container {width: 100%!important;}
.menu > ul > li a {padding: 1em 0.8em!important;}	
}

@media screen and (max-width:1020px) {
.g30 {width:50%;}
.g70 {width:50%;}
.logo {width:80%;}	
.footer-text a {line-height:50px;}
.g15 {width:20%;}
.footer-text {width:80%;}
.wrapper-padding {padding:40px 0;}
.caption {
	width:45%;
    top: 47%;
    left: 25%;
}	
}

@media screen and (max-width:850px) {
.logo {width:100%;}	
.caption {font-size:23px; width:47%;}
.caption span {font-size:30px;}	
.g33 {width:100%;}	
.g50 {width:100%;}
.g15 {width:15%;}
.footer-text {width:85%;}
.footer-text p {font-size:25px;}
.footer-text a {font-size:25px; line-height:65px;}
.g40 {width:50%;}
.g60 {width:50%;}
.cta p {color:#3A3A3A; font-size:17px;}
.g25 {width:50%;}
.g75 {width:50%;}
.pricing-btn {top:200px;}
.formbg .g50 {padding-bottom:0; padding-top:0;}	
.contactbg .g50 {padding-bottom:0; padding-top:0;}	
.contactbg input.form-submit-btn {width:100%; margin-top:90px;}	
}

@media screen and (max-width:700px) {
.phone {font-size:19px;}
.phone span {font-size:22px;}
.caption {
	width:53%;
    top: 45%;
    left: 30%;
}	
.wrapper-padding {padding:30px 0;}
.banner {min-height: 50vh;}
.g40 {width:100%;}
.g60 {width:100%;}
.soc {display:table; width:70%; margin:5px auto;}
p.copy {width:100%; display:block; text-align:center;}
.soc {padding: 0; width:50%; margin:0 25%;}
}

@media screen and (max-width:630px) {
.g70 {width:100%;}
.g30 {width:100%;}
.logo {display:block; width:70%; margin:5px auto;}
.phone {text-align:center; width:100%; display:block; float:none;}
.caption {width:80%; top:50%; left:50%; background: rgba(45,30,18, 0.8); text-align:center;}
.header .g30 {background:#dfb687;}	
.g25 {width:100%;}
.g75 {width:100%;}
.flexdiv {display: flex; flex-flow: row-reverse wrap-reverse;}
h1:after {
    background-color: #ab672b;
    content: "";
    display: block;
    height: 3px;
    position: relative;
	vertical-align:bottom;
    width: 50px;
	left:40%;
}
.banner-sub {min-height: 5vh;}
.pricing-btn {top:150px;}
h1:after {
    height: 0px;
}	
}

@media screen and (max-width:500px) {
.caption {font-size:20px;}
.caption span {font-size:25px;}	
.logo {width:85%;}
.soc {padding: 0; width:70%; margin:0 15%;}
.footer-text p {font-size:22px;}
.footer-text a {font-size:22px; line-height:60px;}
.cta img {width:40%;}
.slick-arrow {display:none!important;}
}

@media screen and (max-width:420px) {
.logo {width:98%;}	
.caption{display:none;}
.banner {min-height: 40vh; width:100%;}
.soc {padding: 0; width:90%; margin:0 5%;}
.pricing-btn {top:100px;}	
}

@media screen and (max-width:360px) {
.footer-text p {font-size:18px;}
.footer-text a {font-size:18px; line-height:55px;}
.wrapper {width:99%; margin:0 auto;}
.left {padding: 30px 25px 30px 2.5%; }
.right {padding: 30px 2.5% 30px 25px;}
p.copy {font-size:12px;}
}