/*
Theme Name: Mark Gauld Construction
Theme URI: https://wordpress.org/themes/markgauldconstruction/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: the WordPress team
*/


/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
p,h1,h2,h3,h4,h5{margin:0;padding:0px;}
ul{ margin:0; padding:0; list-style:none;}

@font-face {
    font-family: 'MyriadProLight';
    src: url('css/myriadpro-light.eot');
    src: url('css/myriadpro-light.eot') format('embedded-opentype'),
         url('css/myriadpro-light.woff2') format('woff2'),
         url('css/myriadpro-light.woff') format('woff'),
         url('css/myriadpro-light.ttf') format('truetype'),
         url('css/myriadpro-light.svg#MyriadProLight') format('svg');
}

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

@font-face {
	font-family:'Roboto-Medium';
	src: url('css/Roboto-Medium_latin+latin-ext_gdi.eot');
	src: url('css/Roboto-Medium_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.woff') format('woff'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.ttf') format('truetype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.otf') format('opentype'),
		url('css/Roboto-Medium_latin+latin-ext_gdi.svg#Roboto-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-F6C3;
}

@font-face {
    font-family: 'robotolight';
    src: url('css/roboto-light-webfont.eot');
    src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/roboto-light-webfont.woff') format('woff'),
         url('css/roboto-light-webfont.ttf') format('truetype'),
         url('css/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:962px;margin:0 auto;}
@media(max-width:1000px){
.main{padding:0% 2%;}	
}
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/*
----------------------------------
03. HEADER
----------------------------------
*/
#header{width:100%; background:url(images/header_bg.jpg); background-size:cover; padding:25px 0 96px 0;}
.logo{float:left;}
.header_rgt{ float:right;}
.header_rgt ul li{ display:inline-block; margin:0 12px 0 0;}
.header_rgt ul li p img{ vertical-align:middle;}
.header_rgt ul li p{font:normal 13px 'MyriadProLight'; color:#c3c3c3;}
.header_rgt ul li p  span{font:normal 13px 'MyriadPro-Regular'; color:#ff1212;}
.header_rgt ul li a{ font:normal 13px 'MyriadProLight'; color:#c3c3c3;}

.header_inner{background:url(images/header_inner_bg.jpg); padding:47px;}
.header_inner h2{ font:normal 30px 'robotolight'; color:#df0505; margin-bottom:45px; text-transform:uppercase;}
.header_inner h2 span{ font:normal 30px 'robotolight'; color:#fff;}
.header_inner p{font: normal 14px 'MyriadProLight'; color:#c1c1c1; margin-bottom:20px; line-height:25px}
.header_inner p.alter{ margin-bottom:7px;}

/*
-----------------------------------
04. CONTENT 
-----------------------------------
*/
#content{width:100%;}
.content_inner{ padding:55px 0; background:#000;}
.content_inner h2{ font:normal 36px 'robotolight'; color:#979797; text-transform:uppercase; padding-bottom:54px;}
.content_inner h2 span{ color:#ee0404;}
.content_inner h2 span span{ color:#fff;}
.content_inner p{font:normal 14px  'robotolight';  color:#777777;}

.content_inner1{ padding:55px 0; background:#000;}
.content_inner1 h2{font:normal 24px 'MyriadPro-Regular'; color:#df0505;}
.content_inner1 h2 span{ font:normal 18px 'MyriadPro-Regular'; color:#FFF; display:block;}

.content_inner2{ padding:55px 0; background:#000;}
.content_inner2 h2{font:normal 24px 'MyriadPro-Regular'; color:#df0505; text-transform:uppercase; margin-bottom:52px;}
.content_inner2 h2 span{ font:normal 24px 'MyriadPro-Regular'; color:#FFF;}

.alter_box{ width:/*241px*/ 20.08%; float:left; margin:0 4% 40px 0;}
.alter_box h4{font:normal 14px 'MyriadPro-Regular'; color:#fff; margin-top:25px;}
.alter_box p{font: normal 14px 'MyriadProLight'; color:#777777; margin-top:14px; line-height:25px;}

.content_bottom{padding:55px 0; background:#333333;}
.content_bottom h2{font:normal 24px 'MyriadPro-Regular'; color:#df0505;}
.content_bottom h2 span{ font:normal 18px 'MyriadPro-Regular'; color:#FFF; display:block;}

.alter_bottom{padding-top:53px;}
.bottom_lft{ width:/*240px*/20%; float:left; margin-right:4%}
.bottom_lft ul li{ background:url(images/li_bullet.png) no-repeat 0 6px; padding-left:15px; font: normal 14px 'MyriadProLight'; color:#c1c1c1; margin-bottom:15px;}
.bottom_mid{ width:/*504px*/42%; float:left; margin-right:2%;}
.bottom_mid h2{ font:normal 14px 'MyriadPro-Regular' !important; color:#fff;  margin-bottom:20px;}
.bottom_mid p{ font: normal 14px 'MyriadProLight'; color:#949494; margin-bottom:30px; line-height:25px;}

.bottom_rgt{ width:/*294px*/24.5%; float:right;}

.reno_lft{ width:/*326px*/ 27.16%; float:left;}
.reno_rgt{ width:/*700px*/65%; float:right;}
.reno_rgt p{font: normal 14px 'MyriadProLight'; color:#949494; line-height:25px; margin-bottom:40px;}

.map img{ width:100%;}

.contact_lft{ width:/*360px*/30%; float:left; }
.address_lft{width:/*125px*/34.72%;float:left;}
.address_lft p{ font: normal 15px 'MyriadProLight'; color:#fff; display:inline-block;}
.address_lft img{ display:inline-block; vertical-align:top; margin-right:1%}
.address_rgt{ width:/*230px*/63.88%; float:right;}
.address_rgt p{ font: normal 15px 'MyriadProLight'; color:#777777;}
.address_rgt p a{ font: normal 15px 'MyriadProLight'; color:#777777;}
.address{ margin-bottom:39px;}


.contact_rgt{width:/*720px*/60%; float:right;}
.frm_lft{ width:/*345px*/ 47.91%; float:left;}
.frm_text{ width:96%;font: normal 14px 'MyriadProLight'; color:#fff; height:35px; line-height:35px; margin-bottom:12px; border:1px solid #df0505; background:#262626; padding-left:15px}

.frm_rgt{width:/*350px*/48.61%;  float:right;}
.frm_textarea{ width:96%; resize:none; height:132px; border:1px solid #df0505; background:#262626; font: normal 14px 'MyriadProLight'; color:#fff; line-height:35px; padding-left:15px}

.sub_frm{ width:/*352px*/ 49%; height:37px; text-transform:uppercase; background:#df0505; font:normal 18px 'MyriadPro-Regular'; color:#fff; cursor:pointer;}


/*
------------------------------------
05. FOOTER 
------------------------------------
*/
#footer{width:100%; background:#202023; padding:32px 0;}
.foot_lft{ float:left;}
.foot_menu ul li{ display:inline-block; padding:0 10px;  background:url(images/foot_menu_bar.png) left no-repeat;}
.foot_menu ul li:first-child{ padding-left:0; background:none;}
.foot_menu ul li a{ font:normal 13px  'robotolight'; color:#a3a3a3; text-transform:uppercase;}
.foot_lft p{ font:normal 13px  'robotolight'; color:#777777; margin:35px 0 0 0;}
.foot_lft p span{ color:#fe0c0c;}

.foot_rgt{ float:right;}
.foot_rgt a{ display:inline-block; margin-right:10px;}

/*
-------------------------------------
06. RESPONSIVE
-------------------------------------
*/

@media(min-width:768px){
	
#navigation{ padding:46px 0 0 0;}
#navigation ul li{float:left; margin:0 .5% 13px 0;}
#navigation ul li a{ font:normal 24px 'Roboto-Medium'; color:#fff; padding-top:150px; margin-left:17px;text-shadow:2px 2px #4a5156; display:block; text-transform:uppercase;}
#navigation ul li.home{background:url(images/liimg1.jpg) no-repeat; height:218px; width:/*391px*/ 32.58%;}
#navigation ul li.home.current_page_item, #navigation ul li.home:hover{ background:url(images/ahover1.jpg) no-repeat; 
}

#navigation ul li.reno{background:url(images/liimg2.jpg) no-repeat; height:218px; width:/*391px*/32.58%;}
#navigation ul li.reno:hover{ background:url(images/ahover2.jpg) no-repeat; }
#navigation ul li.alter{background:url(images/liimg3.jpg) no-repeat; height:218px; width:/*391px*/32.58%;}
#navigation ul li.alter:hover{ background:url(images/ahover3.jpg) no-repeat; }
#navigation ul li.bath{background:url(images/liimg4.jpg) no-repeat; height:218px; width:/*391px*/32.58%;}
#navigation ul li.bath:hover{ background:url(images/ahover4.jpg) no-repeat; }
#navigation ul li.new{background:url(images/liimg5.jpg) no-repeat; height:218px; width:/*391px*/32.58%;}
#navigation ul li.new:hover{ background:url(images/ahover5.jpg) no-repeat; }
#navigation ul li.decks{background:url(images/liimg6.jpg) no-repeat; height:218px; width:/*190px*/15.83%;}
#navigation ul li.decks:hover{ background:url(images/ahover6.jpg) no-repeat; }
#navigation ul li.contact{background:url(images/liimg7.jpg) no-repeat; height:218px; width:/*190px*/15.83%;}
#navigation ul li.contact:hover{ background:url(images/ahover7.jpg) no-repeat; }



#navigation1{ padding:46px 0 0 0;}
#navigation1 ul li{float:left; margin:0 .6% 13px 0;}
#navigation1 ul li a{ font:normal 18px 'Roboto-Medium'; color:#fff; padding-top:30px; text-shadow:2px 2px #4a5156; display:block; height:100%; text-align:center; text-transform:uppercase;}
#navigation1 ul li.home{background:url(images/liimg1.jpg) no-repeat;background-size:cover; height:132px; width:/*160px*/ 13.33%;}
#navigation ul li.home.current_page_item, #navigation1 ul li.home:hover{ background:url(images/ahover1.jpg) no-repeat;background-size:cover; }
#navigation1 ul li.reno{background:url(images/liimg2.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.reno.current_page_item, #navigation1 ul li.reno:hover{ background:url(images/ahover2.jpg) no-repeat;background-size:cover; }
#navigation1 ul li.alter{background:url(images/liimg3.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.alter.current_page_item,#navigation1 ul li.alter:hover{ background:url(images/ahover3.jpg) no-repeat; background-size:cover;}
#navigation1 ul li.bath{background:url(images/liimg4.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.bath.current_page_item, #navigation1 ul li.bath:hover{ background:url(images/ahover4.jpg) no-repeat; }
#navigation1 ul li.new{background:url(images/liimg5.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.new.current_page_item,#navigation1 ul li.new:hover{ background:url(images/ahover5.jpg) no-repeat; background-size:cover;}
#navigation1 ul li.decks{background:url(images/liimg6.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.decks.current_page_item,#navigation1 ul li.decks:hover{ background:url(images/ahover6.jpg) no-repeat;background-size:cover; }
#navigation1 ul li.contact{background:url(images/liimg7.jpg) no-repeat; height:132px; width:/*160px*/ 13.33%;background-size:cover;}
#navigation1 ul li.contact.current_page_item,#navigation1 ul li.contact:hover{ background:url(images/ahover7.jpg) no-repeat;background-size:cover; }


}

@media(max-width:1000px){
	#navigation ul li a{ font:normal 18px 'Roboto-Medium';}
	#navigation1 ul li a{font-size:13px;}
	.address_lft{ width:36%;}
	.address_lft p{ font: normal 13px 'MyriadProLight'; color:#fff; display:inline-block;}
	.address_rgt{ width:56%;}
	.foot_menu ul li a{ font:normal 12px  'robotolight'; color:#a3a3a3; text-transform:uppercase;}
}


@media(max-width:767px){
	.header_top{padding-bottom:20px;}
	.logo{float:none; text-align:center; margin-bottom:20px;}
	.header_rgt{ float:none; text-align:center}
	.header_rgt ul li{ margin:0 5px 0 0;}
	
	.content_inner h2{ font:normal 25px 'robotolight'; padding-bottom:40px;}
	
	.foot_lft{ float:none; margin-bottom:20px; text-align:center;}
	.foot_lft p{margin:25px 0 0 0;}
	.foot_rgt{ float:none; text-align:center;}
	
	.alter_box{ width:45%; float:left; margin-right:2%; text-align:center; margin-bottom:20px;}
	
	.bottom_lft{ width:100%; float:none; margin-bottom:40px;}
	.bottom_mid{ width:100%; float:none; margin-bottom:40px;}
	.bottom_rgt{ width:100%; float:none; text-align:center;}
	
	.reno_lft{ width:100%; float:none; text-align:center; margin-bottom:40px;}
	.reno_rgt{ width:100%; float:none;}
	
	.contact_lft{ width:100%; float:none;}
	.contact_rgt{width:100%; float:none;}
	.address_lft{width:20%;}
	.address_rgt{ float:left;}
}

@media(max-width:479px){
	.header_rgt ul li{ display:block; margin-bottom:10px;}
	.header_rgt ul li.face{ display:inline-block;}
	.header_rgt ul li.inst{ display:inline-block;}
	.header_inner h2{ font-size:24px;}
	.header_inner h2 span{ font-size:24px;}
	
	.content_inner h2{ font:normal 17px 'robotolight'; padding-bottom:20px;}
	.content_inner1 h2{ font-size:20px;}
	.content_inner1 h2 span{ font-size:16px;}
	.content_bottom h2{ font-size:20px;}
	.content_bottom h2 span{ font-size:16px;}
	
	.alter_box{ width:100%; float:none; margin-right:0;}
		
	.frm_lft{ width:100%; float:none;}
	.frm_rgt{ width:100%; float:none;}
	.sub_frm{ margin-top:20px; width:100%;}
	
	.address_lft{ width:100%; float:none; text-align:center; margin-bottom:20px;}
	.address_rgt{ width:100%; float:none; text-align:center;}

}

@media(max-width:319px){
}


.wpcf7-validation-errors {
    color: white !important;
}