/*
Theme Name: Triad Contracting
Theme URI: http://triadcontracting.com
Author: BOLT Media Inc.
Author URI: http://boltmedia.ca
*/

@font-face {
	font-family: 'trade';
	src: url('fonts/tradegothicboldcondensed.eot');
	src: url('fonts/tradegothicboldcondensed.eot?#iefix') format('embedded-opentype'),
			 url('fonts/tradegothicboldcondensed.woff') format('woff'),
			 url('fonts/tradegothicboldcondensed.ttf') format('truetype'),
			 url('fonts/tradegothicboldcondensed.svg#tradegothicboldcondensed') format('svg');
	font-style: normal;
}

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

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

body { margin: 0; padding: 0; font-size: 18px; font-family: 'trade18', Arial, sans-serif; background: #fff200 url(images/body.jpg); color: #010000}
fieldset { margin: 0; padding: 0; border: none}
img { border: none}
.clear { float: none; clear: both}

h1 { font: 46px 'trade', Helvetica; line-height:46px; color: #2A2A2A; margin:10px 0 5px 0; }
h2 { font: 32px 'trade'; text-transform: uppercase; margin: 0; padding: 0; color: #2A2A2A}
h3 { font: 26px 'trade'; text-transform: uppercase; margin: 0 0 15px 0; padding: 0; color: #2A2A2A; }
hr { margin: 0; padding: 0; border: none; border-bottom: 8px solid #3E3308;}

.col2 { width: 46%; padding-right: 4%; float: left}
.col3 { width: 31%; padding-right: 2%; float: left}

.col2.f-left { width:75%; }
.col2.f-right { width: 21%; padding-right:0; }

.button01 { background: url(images/transparent02.png); color: #fff !important; text-decoration: none; font: 16px 'trade'; padding: 7px 13px 2px 13px; display: inline-block; text-transform: uppercase}
.button01:after { content: ' >'; color: #fff200 !important; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.button01:hover { background: #000; color: #fff200 !important;}
.button01:hover:after { color: #fff200!important; }

.button02 { background: #242424; color: #fff !important; text-decoration: none; font: 16px 'trade'; padding: 7px 13px; display: inline-block; text-transform: uppercase; border: none; cursor: pointer}
.button02:after { content: ' >'; color: #fff200; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.button02:hover { background: #000; color: #fff200}
.button02:hover:after { color: #fff200}

.button03 { background: url(images/button03.gif) no-repeat top right; color: #fff; text-decoration: none; font: 29px/29px 'trade'; padding: 10px 40px 5px 35px; display: inline-block; text-transform: uppercase; border: none; cursor: pointer}
.button03:after { content: ' >'; color: #fff200; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.button03:hover { color: #fff200}
.button03:hover:after { color: #fff200}

.header { width: 100%; height: 60px; max-width: 960px; margin: 0 auto; background: #0A0A0A; box-shadow: 0 0 5px #000; position: relative; z-index: 2; color: #989898; text-transform: uppercase; font-family: 'trade'}
	.header .logo { position: absolute; left: 30px;}
	.header ul { margin: 0; padding: 0; list-style: none; float: right; font-size: 15px; height: 60px;}
	.header li { float: left; margin-right: 2px; position: relative;}
	.header li a { display: inline-block; height: 35px; padding: 25px 0 0; text-align: center; color: #fff; text-decoration: none; content: ''; text-transform: uppercase}
	
	.header li a:before, .header li a:after { display: inline-block; width: 10px; height: 60px; content: ' '; float: left}
	.header li a:after { margin-left: 8px; float: right;}
	.header li:after  { content: '|'; position: absolute; bottom: 18px;}
	.header li:last-child:after { content: ''}	
	
	.header li:hover a, .header li.current_page_item a { background: url(images/nav-a.png); color: #000}
	.header li:hover a:before, .header li.current_page_item a:before { content: url(images/nav-left.png); vertical-align: top; position: relative; top: -35px; z-index: 2; float: left}
	.header li:hover a:after, .header li.current_page_item a:after { content: url(images/nav-right.png); padding: 0; position: relative; top: -25px; z-index: 2; vertical-align: top}	
	.header li:hover:after, .header li.current_page_item:after { display: inline-block; width: 17px; height: 8px; content: url(images/nav-li.png); position: absolute; bottom: -8px; right: 18px;}

	.header address { margin: 0; padding: 15px 0 0 240px; float: left; font-style: normal; font-size: 25px; line-height:22px;}
	.header address a { font-size: 10px; color: #fff200; text-decoration: none}
	
	.mobile-menu { display:none; }
	
	.footer { background: #302D22; padding: 35px 0; width: 100%; color: #fff; font-size: 18px; margin-bottom: 51px; position: relative}
	.footer:after { content: url(images/logo-small.png); position: absolute; bottom: -51px; left: 50%; margin-left: -40px;}
    .homebuild .footer:after { content: url(images/logo-red-small.png); position: absolute; bottom: -51px; left: 50%; margin-left: -40px;}
	.footer h3 { color: #fff}
	.footer fieldset { width: 100%; max-width: 960px; margin: 0 auto}	
	.footer ul { margin: 0; padding: 0; list-style: none; font-size: 16px; line-height:24px; width: 50%; float: left}
	.footer li a, .right li a { color: #F2C200;}
	.footer li a:hover, .right li a:hover { color: #ED1E24}
	
.slider { width: 100%; background: #fff; position: relative; left: 0; top: -60px; z-index: 1; margin-bottom: -60px;}	

.content { width: 100%; max-width: 960px; min-height: 400px; margin: 0 auto; }
	.left { width: 585px; float: left; border-top: 3px solid #3E3308; margin-top: 25px; padding: 15px 0 30px; }
	.left a { color: #000}
	.left .col2 img { margin: 15px 0 0}
	.left .col2 p { margin: 15px 0}
	.left .col2:nth-child(2) { float: right; padding-right: 0}
	.player { margin:0x 0 5px 0; float: none; clear: both; box-shadow: 0 0 8px #000; background: #000; text-align: center; position:relative;  padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0;}
	
	.player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	.photonav { border:10px solid #303030; margin:0 0 20px 0; }
	
	.left p, .wide p { margin:0 0 16px 0; line-height:24px; }
	.left h1 { margin:35px 0 5px 0; }
    .left h2, .wide h2 { margin:0 0 15px 0; }
    .left h3 { border-bottom:3px solid #2A2A2A; }

    .left .certs a { color:#F2C200; }
    .homebuild .left .certs a { color:#ed2027; }

.content iframe { margin-bottom:15px; }

.content ul { margin:0 0 25px 17px; padding:0; }
.content ul li { margin:0 0 5px 0; padding: 0; }
	
	.right { width: 275px; float: right; margin: 0 0 0 0; position: relative; top: -35px; z-index: 3; font-size: 18px; color: #4A4949;}
		.rightMenu { background: #242424; color: #fff; padding: 13px 22px 13px;}
		.rightMenu h3 { margin-top:10px; margin-bottom: 15px; color: #fff}
		.rightMenu ul { margin: 0; padding: 0; list-style: none}
		.rightMenu li { margin-bottom: 8px;}
		.rightMenu li a { text-decoration: none}

		.linkBox { background: #fff; border-bottom: 8px solid #393008; padding: 25px 0; text-align: center; margin-bottom: 35px; font: 41px 'liberator'; color: #fff}
		.linkBox a { color: #2A2A2A; font-size: 38px; text-decoration: none}
		.linkBox a:hover { color: #000000; text-decoration: underline}
		
		.box01 h3 { color: #2A2A2A}
		
		.box02 ul { margin: 0; padding: 0; list-style: none; color: #242424}
		.box02 li { margin-top: 8px;}
		.box02 li a { color: #242424; text-decoration: none}
		
		.col2 h3 { margin:10px 0 0 0; line-height:26px; }

.wide { margin-top: 25px; padding: 15px 0 30px; }

.certs .col { background:#333; box-sizing: border-box; float:left; width:32%; margin-right:2%; padding:20px; }

.certs .col.col-6 { width:49%; margin-right:2%; }

.certs .col:last-child { margin-right:0; }

.certs .col h2, .certs .col p, .certs .col ul li { color:#fff; }

.certs .col img { margin-bottom:15px; width:100%; height:auto; }

.homebuild .certs .col { border-top:5px solid #ed2027; }
.construction .certs .col { border-top:5px solid #F2C200; }

.homebuild .certs .col a { color:#ed2027; }
.construction .certs .col a { color:#F2C200; }

@media ( max-width:640px ) {
    .certs .col, .certs .col.col-6 {
        float:none;
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
}

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;margin:0;padding:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}

.rslides_tabs { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 15px; z-index: 8; width: 100%; max-width: 960px; left: 50%; margin-left: -480px}
.rslides_tabs li { float: left;}
.rslides_tabs li a { display: inline-block; font-size: 3px; width: 9px; height: 9px; border-radius: 30px; background: #fff; color: #fff; margin-right: 4px; text-align: center}
.rslides_tabs li.rslides_here a { background: #D5B60E; color: #D5B60E}
.slider .prev, .slider .next { position: absolute; width: 100px; top: 50%; z-index: 9; display: inline-block; width: 10px; height: 11px; background: url(images/arrow.png); display:none;}
.slider .prev span, .slider .next span { display: none}
.slider .prev {left: 50%; margin-left: -530px; }
.slider .next { right: 50%; margin-right: -530px; text-align: right; background-position: 10px 0}

.rslides h4 { position: absolute; z-index: 99; margin: 0; padding: 0; width: 100%; max-width: 960px; bottom:80px; left: 50%; margin-left: -480px; text-align: right; font: 30px 'liberator'; color: #fff;}
.rslides h4 span { display: block; background: url(images/transparent02.png); float: right; padding: 12px 15px 0 15px; clear: both; margin-bottom: 10px;}
.rslides .button01 { float: right; clear: both}

.title { width: 100%; margin: 0 auto -60px; position: relative; height: 174px; top: -60px; text-align: center; overflow: hidden}
.title img { position: absolute; z-index: 1; width: 100%; height: auto; left: 0; top: 0}
.title h2 { margin: 0 0 0 -480px; padding: 0; max-width: 960px; font: 36px 'liberator'; color: #fff; position: absolute; bottom: 19px; left: 50%; z-index: 9; }
.title h2 span {background: url(images/transparent02.png); padding: 17px 11px 9px 11px;}

form { margin: 20px 0; padding: 0}
form label { display: block; font: 26px 'trade'; text-transform: uppercase; color: #2A2A2A;}
form input[type=text], form textarea {background: #242424; padding: 9px 10px; border: none; color: #fff200}
form input[type=text]{ font: 26px 'trade'; text-transform: uppercase; width: 298px}
form textarea { width: 565px; height: 220px; font: 18px 'trade18'}


@media all
and (min-width : 300px) 
and (max-width : 960px) {

	 .col2, .col3, .left, .right { width: 98%; float: none; clear: both; padding: 20px 0; margin: 0 auto}

     .col2.f-left, .col2.f-right { width: 98%; float: none; clear: both; padding: 20px 0; margin: 0 auto}
     .col2.f-right p { text-align:center !important; }
     .social { text-align:right !important; }
    
	 .title { width:80%; position: relative; margin: 0 auto; top: 0; text-align: left; height: auto}
	 .title img { display: none}
	 .title h2 { position: relative; top: 0; left: 0; margin: 10px 0;}
	 .title h2 span{ display: inline-block; padding: 8px 8px 3px 8px;}
	 
	form input[type=text], form textarea { padding: 5px 2%;}  
	form input[type=text]{ font: 26px 'trade'; text-transform: uppercase; width: 96%}
	form textarea { width: 96%;}	 
	
	.rslides { background: url(images/transparent02.png);  padding-bottom: 0;}
	.rslides h4 { display:none; position: static; top: 0; width: 100%; left: 0; margin: 0; font-size: 24px; text-align: center;  border: 1px solid red}
	.rslides h4 span { display: inline-block; clear: none; padding: 6px 7px; background: none; margin-bottom: 3px;}
	.slider { position: static; top: 0; margin:-40px auto 20px; z-index:-1; }
	.rslides_tabs { display:none; position: relative; width: 98%; margin: 0 auto; left: 0; top: -5px; margin-bottom: 5px}
	.slider .prev, .slider .next { display:none; position: absolute; bottom: 0px;}
	.slider .prev {left: 0; margin-left: 10px}
	.slider .next { right: 0; margin-right: 0;}	
	
	.header { box-shadow:none; position:relative; z-index:100; width: 100%; margin: 0 auto; height: auto; border-radius: 0; background:url(images/mobile_header.png) repeat-x transparent;}
	.header .logo { display:block; position: static; width:173px; margin:0 auto;}
	.header ul { display:none; float: none; clear: both; margin: 20px auto 0; padding: 0 5px;}
	.header li { margin: 0; padding: 0}
	.header li:after, .header li:hover:after  { position: static; margin-right: 8px; content: '|'; bottom: 0; right: 0; width: auto; height: auto}
	.header li a { height: auto; padding: 0 3px}
	.header li a:before, .header li a:after { width: 0; height: 0; content: ''; float: none;}
	.header address { display:none; }
	
	.header li:hover a { background: none; color: #fff200}
	.header li:hover a:before { content: ''; vertical-align: top; position: relative; top: -35px; z-index: 2; float: left}
	.header li:hover a:after { content: ''; padding: 0; position: relative; top: -25px; z-index: 2; vertical-align: top}	

/*
	.mobile-menu { display:block; width:80%; margin:0 auto; }
			
.mobile-menu {
background: url(images/mobile_drop.png) no-repeat right #242424;
height:36px;
padding:10px 0;
overflow: hidden;
}

.mobile-menu select { 
background: transparent;
display: inline-block; 
font: 16px 'trade';
color:#fff;
border:0;
border-radius: 0;
-webkit-appearance: none;
text-transform:uppercase;
width:110%;
}
*/

.mobile-menu {
border-top:1px solid #242424;
background: url(images/mobile_drop.png) no-repeat right #242424;
display:block;
height:48px;
overflow: hidden;
margin:0 auto;
width:80%;
}

.mobile-menu select { 
background: transparent;
border:1px solid #ddd;
color:#fff;
display: inline-block; 
font: bold 15px Arial;
height:30px;
width: 108%;
margin:8px 0 15px 8px;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
text-transform:uppercase;
}

	.content { border:0; }

	.left { width:80%; border-top: 8px solid #3E3308; margin:10px auto 0 auto; padding: 5px 0 30px; }
	
	.right { margin:0 auto; width:80%; }
		.rightMenu { padding: 15px 15px 3px 15px;}
		.rightMenu h3 { margin-top:20px; }
	
	.col2 img { width:100%; height:auto; }

	.footer fieldset { width: 80%;  margin: 0 auto}	
	.footer ul { margin-bottom: 20px;}
	
	.content img { max-width: 100%; width: 100%; height: auto; }
	
}

/*---------------------------
DEFAULT WORDPRESS STYLES
---------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

.wpcf7-text, .wpcf7-form textarea { width: 90%; padding: 12px 5%; font: 12px 'roboto'; color: #999999; border: 1px solid #e2e2e2; border-radius: 8px; margin-bottom: 15px;}
.wpcf7-submit { display: block; width: 127px; height: 40px; background: url(images/button03.png); color: #fff; text-decoration: none; font:bold 14px/14px 'roboto'; text-shadow: 2px 2px 2px #9D181C; text-align: center; border: none; cursor: pointer; text-transform: uppercase}
.wpcf7-submit:hover {color: #FFFF99}


.gallery-caption {}
.bypostauthor  {}

.landing-body {
    background:#f1f1f1;
}

.landing-wrapper * {
  font-family: 'Roboto', sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration:none;
}			  

.landing-wrapper {
	overflow:hidden;
	width:100%;
}

.lw-left {
	min-height:100vh;
	width:50%;
	float:left;
}

.lw-left .inner {
	width:100%;
	max-width:100%;
	float:right;
}

.lw-left .inner .item {
	background:#010000;
}

.lw-left .inner .item h3 {
	color:#ffd300;
}

.lw-left .inner .item p {
	color:#8e8e8e;
}

.lw-left .inner .item ul {
    margin:0 0 30px 17px;
    padding:0;
}

.lw-left .inner .item ul li {
    color:#fff;
    font-size:14px;
}

.lw-left .inner .item .link span {
	color:#ffd300;
	border-bottom:1px solid #ffd300;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.lw-left .inner .item .link img {
    background: #ffd300;
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 17px;
    position: relative;
    top: -15px;
}

.lw-right {
	min-height:100vh;
	width:50%;
	float:left;
}

.lw-right .inner {
	width:100%;
	max-width:100%
}

.lw-right .inner .item {
	background:#fff;
    border-right:4px solid #fff;
}

.lw-right .inner .item h3 {
    color: #010000;
}

.lw-right .inner .item p {
	color:#fff;
}

.lw-right .inner .item ul {
    margin:0 0 0 17px;
    padding:0;
}

.lw-right .inner .item ul li {
    color:#010000;
    font-size:14px;
}

.lw-right .inner .item .link span {
	color:#010000;
	border-bottom:1px solid #010000;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.lw-right .inner .item .link img {
    background: #000;
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 17px;
    position: relative;
    top: -15px;
}

.landing-wrapper .item {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.03);
	margin-bottom:70px;
	transition:.4s;
}

.landing-wrapper .item:hover {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.12);
	transition:.4s;
}

.landing-wrapper .item .col {
	padding:40px 30px 50px;
}

.landing-wrapper .item h3 {
	font-size:20px;
	font-weight:800;
	margin:0 0 10px;
}

.landing-wrapper .item p {
	font-size:14px;
	line-height:1.4;
	margin:0 0 45px;
}

.landing-wrapper .item > img {
    max-width: 100%;
    width: auto;
    height: auto;
}

a.mail {
	font-size:14px;
	font-weight:bold;
	color:#010000;
	border-bottom:1px solid transparent;
	text-transform:uppercase;
}

a.mail:hover {
	color:#010000;
	border-bottom:1px solid #010000;
}

p.copy {
    font-size: 12px;
    color: #010000;
    margin: 0 0 5px;
    display: block;
    text-align: right;
}

.show-mobile {
	display:none;
}


@media only screen and (min-width: 250px) and (max-width: 650px) {

.lw-left ,
.lw-right {
    padding: 40px 25px;
	width:100%;
	float:none;
    min-height: auto;
	display:table;
}

p.copy {
    text-align: center;
}

.show-mobile {
	display:table;
	margin:0 auto 15px;
}

.hide-mobile {
	display:none;
}

a.mail {
    text-align: center;
    margin-bottom: 15px;
}

.landing-wrapper .lw-left .inner .item {
	margin-bottom:0px;
}


}

@media only screen and (min-width: 250px) and (max-width: 767px) {

.lw-left ,
.lw-right {
    padding: 40px 25px;
}

}

@media only screen and (min-height: 770px) and (min-width: 1300px) {

/*
.lw-left, .lw-right {
    position: relative;
    min-height:100vh !important;
}

.lw-left .inner,
.lw-right .inner {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.lw-left .inner {
	right:40px;;
}

.lw-right .inner {
	left:40px;;
}

.lw-left,
.lw-right {
	position:relative;
}
*/

}

.lw-left .inner .item .link span ,
.lw-right .inner .item .link span {
        transition:.4s;
}

.lw-left .inner .item .link span:hover ,
.lw-right .inner .item .link span:hover {
	border-bottom:1px solid transparent;
        transition:.4s;
}

/* HOMEBUILD CSS */

body.homebuild {
    background: #fff url(images/body-homebuild.jpg);
}

body.homebuild .header li a:hover,
body.homebuild .header address a {
    color: #ed2027 !important;
}

body.homebuild .header li:hover a, body.homebuild .header li.current_page_item a { background: #fff; color: #000}
body.homebuild .header li:hover:after, body.homebuild .header li.current_page_item:after { content: url(images/build/nav-li.png); position: absolute; bottom: -8px; right: 10px;}

body.homebuild .button01::after {
    color: #ed2027 !important;
}

body.homebuild .button01:hover { background: #000; color: #ed2027 !important;}
body.homebuild .button01:hover:after { color: #ed2027!important; }

body.homebuild .button02:after { color: #ed2027;}
body.homebuild .button02:hover { color: #ed2027}
body.homebuild .button02:hover:after { color: #ed2027}

body.homebuild .button03:after { color: #ed2027;}
body.homebuild .button03:hover { color: #ed2027}
body.homebuild .button03:hover:after { color: #ed2027}

body.homebuild .rightMenu {
    color: #fff;
}

body.homebuild .linkBox {
	background:#ed2027;
}

body.homebuild .left > p {
    margin: 0 0 10px 0;
}

body.homebuild .left hr {
	width:100%;
	height:4px;
	background:#3a3a3a;
	border:none;
	margin-bottom:5px;
}

body.homebuild .footer ul {
    padding-top:10px;
}

body.homebuild .footer li {
    display:inline-block;
    margin-right:5px;
}

body.homebuild .footer li a, body.homebuild .right li a {
    color: #ed2027;
}

body.homebuild .footer li a:hover, body.homebuild .right li a:hover {
    color: #fff;
}

body.homebuild .footer {
    background: #242424;
}

body.homebuild .rslides_tabs li a {
    background: #fff;
    color: #fff;
}

body.homebuild .rslides_tabs li.rslides_here a {
    background: #ed2027;
    color: #ed2027;
}

body.homebuild .slider .next { background: none; }

body.homebuild .slider .next:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent rgba(0,0,0,0.6);
display: block;
width: 0;
z-index: 1;
right: 0px;
top: 0px;
}


body.homebuild .slider .prev { background: none; }

body.homebuild .slider .prev:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent rgba(0,0,0,0.6);
display: block;
width: 0;
z-index: 1;
right: 0px;
top: 0px;
}

body.homebuild .slider .prev:hover:after,
body.homebuild .slider .next:hover:after {
	border-color: transparent rgba(0,0,0,1);
}

.popup-quote {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:77;
	opacity:0;
	visibility:hidden;
	transition:.4s;
}

.popup-active .popup-quote {
	opacity:1;
	visibility:visible;
	transition:.4s;
}

.popup-inner,
.popup-inner * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	outline:0;
	box-shadow:none;
}

.popup-inner {
	background:#fff;
	width:90%;
	margin:0 auto;
	max-width: 740px;
	padding:40px 80px 20px;
	top:50%;
	position:absolute;
	left:0;
	right:0;
	transform:translateY(-50%);
}

.popup-inner h3 {
	color:#2a2a2a;
	font-size:49px;
	margin:0;
}

.popup-inner p {
	margin:0 0 30px;
	font-size:31.5px;
	text-transform:uppercase;
	font-weight:800;
	color:#2a2a2a;
}

.popup-inner ul {
	padding:0;
	width: calc(100% + 20px);
	margin:0 -10px;
}

.popup-inner ul li {
	padding:0;
	margin:0;
	list-style:none;
	width:50%;
	float:left;
	padding:0 10px;
	margin-bottom:15px;
}

.popup-inner ul li span {
	display:block;
	background:red;
	height:44px;
}

.popup-inner ul li input {
	width:100%;
	border:1px solid #999;
	border-radius:0px;
	background:#fff;
	font-size:16px;
	height:44px;
	text-transform:none;
	font-weight:400;
	color:#333;
	padding:0 15px;
	font-family:trade18;
}

.popup-inner textarea {
	width:100%;
	border:1px solid #999;
	border-radius:0px;
	background:#fff;
	font-size:16px;
	height:108px;
	text-transform:none;
	font-weight:normal;
	color:#333;
	padding:15px;
	font-family:trade18;
}

.popup-inner ul li input::placeholder, .popup-inner textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#333;
  opacity: 1; /* Firefox */
}

.popup-inner ul li input:-ms-input-placeholder, .popup-inner textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#333;
}

.popup-inner ul li input::-ms-input-placeholder, .popup-inner textarea::-ms-input-placeholder { /* Microsoft Edge */
  color:#333;
}

.popup-inner ul li input:focus ,
.popup-inner textarea:focus {
	border:1px solid #999;
	color:#333;
}

.popup-inner input[type=submit] {
	background:#fff200;
    color:#000;
	width:100%;
	text-shadow:none;
	font-family:trade;
	font-size:20px;
	height:50px;
	margin:0;
}

.popup-inner input[type=submit]:hover {
    background:#f6ea02;
    color:#000;
}

.construction .popup-inner input[type=submit] {
    background:#fff200;
    color:#000;
}

.construction .popup-inner input[type=submit]:hover {
    background:#f6ea02;
    color:#000;
}

.popup-inner ::-webkit-input-placeholder { 
  color: #ccc;
}

.popup-inner ::-moz-placeholder { 
  color: #ccc;
}

.popup-inner :-ms-input-placeholder { 
  color: #ccc;
}

.popup-inner :-moz-placeholder { 
  color: #ccc;
}

.popup-close {
	position:absolute;
	width:20px;
	height:20px;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.2;
	transition:.4s;
}

.popup-close:hover {
	opacity:0.5;
	transition:.4s;
}

.popup-close:before {
	content:"|";
	transform:rotate(45deg);
	color:#000;
	top:-5px;
	right:7px;
	position:absolute;
	font-size:25px;
	font-weight:bold;
}

.popup-close:after {
	content:"|";
	transform:rotate(-45deg);
	color:#000;
	display:block;
	top:-5px;
	right:7px;
	position:absolute;
	font-size:25px;
	font-weight:bold;
}

.wpcf7-response-output {
	text-align:center;
}

.screen-reader-response {
	display:none !important;
}

.col-6 {
    float:left;
    width:50%;
}

@media ( max-width:640px ) {
    .col-6 {
        width:100%;
        float:none;
    }
    
    iframe {
        width:100% !important;
    }
}

.social {
    text-align:center;
    padding-top:10px;
}

.social i {
    font-size:22px;
}

.social a {
    color:#fff;
}

.social a:hover {
    color:#eee;
}

.img-fluid {
    height:auto;
    width:100%;
}


/*Landing page custom css added 040821*/

.landing-wrapper .content-col{
	height: 100vh;
}
.landing-wrapper .item > img{
	object-fit: cover;
	width: 100%;
}