/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box; }
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal; }
strong {font-weight: bold; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
figure{line-height: 0;}
/**************************************************************************************/
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1 {font-size:24px;}
h2 {font-size: 40px;line-height: 45px;font-weight: 400;color: #2b3f81;font-family: 'Castellar';}
h3 {font-size: 36px;line-height: 45px;font-weight: 400;color: #2b3f81;font-family: 'Castellar';}
h4 {font-size: 32px;line-height: 41px;font-weight: 400;font-family: 'Castellar';color: #AD6627;}
h5 {font-size: 22px;line-height: 30px;font-weight: 400;}
h6 {font-size:22px;line-height: 28px;font-weight: 400;}
/*---------------------------------------------------*/
html {}
body {color:#1E2B6F; font-family: 'Libre Baskerville', serif; font-size:16px;}
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;font-size: 16px;}


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





/*-----------LayOut Start here-----------------------*/
.wrapper {margin: 0 auto;position: relative;left: 0;top: 0;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-mos-transition:all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;padding: 345px 0 0 0;}
.container {width: 1282px;margin: 0 auto;}  



/*-------------HOME PAGE STARTS HERE-------------*/
/*-----HEADER STARTS HERE-----*/
header{background: url('../images/head_bg.jpg') no-repeat;background-size: cover;z-index: 1020;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-mos-transition:all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;position: absolute;top: 0;width: 100%;}
.header{position:  relative;padding: 28px 0 47px 0;}
.nav_left{position:  absolute;bottom: 60px;left: 156px;}
.nav_left > ul{}
.nav_left > ul >li{text-transform: capitalize;display: inline-block;font-size: 23.5px;line-height: 30px;font-weight: 400;padding: 0 15px;position:  relative;}
.nav_left > ul > li > a{color: #ffffff;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.nav_left ul li.active a{color: #FFBE00;}
.logo{text-align:  center;}
.logo figure{line-height: 0;}
.logo figure a{display: block;}
.logo figure a img{transition: all ease-in-out 0.3s;}
.nav{}
.nav_right{position:  absolute;bottom: 60px;right: 102px;}
.nav_right > ul{}
.nav_right > ul > li{text-transform: capitalize;display: inline-block;font-size: 23.5px;line-height: 30px;font-weight: 400;padding: 0 10px;position: relative;}
.nav_right > ul > li >a{color: #ffffff;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}

.title {border-top: 3px solid #ffffff;background-color: rgba(24,29,92,0.9);width: 226px;position:  absolute;top:  56px;padding: 8px 0 0 20px;display:  none;z-index: 2;}
.title li{font-size: 19px !important;padding: 8px 0 !important;}
.title li a{color: #ffffff !important;display:  block;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}
.title li a:hover{color: #FFBE00 !important;}


.nav_left > ul > li:after{content: "";position: absolute;width: 100%;height: 50px;top: 28px;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.nav_left > ul > li:hover .title{display: block;}
.nav_left > ul > li:hover > a{color: #FFBE00;}

.nav_right > ul > li:after{content: "";position: absolute;width: 100%;height: 50px;top: 28px;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.nav_right > ul > li:hover > a{color: #FFBE00;}


.sidebar{display: none;}
.banner{}
.banner figure{line-height: 0;}
.banner figure a img{width: 100%;height: auto;}
.special{text-align: center;padding: 63px 0 33px 0;}
.special h3{letter-spacing: 1px;padding: 0 0 49px 0;}
.special p{display: inline-block;font-size: 24px;line-height: 36px;font-weight: 400;color: #000000;/* padding: 0 125px; */letter-spacing: 0.2px;max-width: 1056px;}
.special p span{color: #AC6626;display: inline-block;}

.profile{padding: 17px 0 30px 0;}
.profile ul{margin: 0 -7.5px;}
.profile ul li{width: 33%;vertical-align:  middle;display:  inline-block;padding: 0 7.5px;}
.profile ul li figure{line-height: 0;position: relative;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;cursor: pointer;}
.profile ul li figure:hover{transform: scale(1.2);z-index: 2;}
.profile ul li figure a{display: block;}
.profile ul li figure a img{width: 100%;height: auto;}
.profile ul li figure:after{content: "";position: absolute;border: 10px solid #d9c6b2;z-index:  1;left: 0;top: 0;right:  0;bottom: 0;opacity: 0.8;box-sizing: border-box;}

.find{padding: 48px 93px 71px;}
.map_left{width: 45%;float: left;padding: 0 70px 0 0;}
.map_left h4{padding: 6px 0 34px 0;line-height: 39px;}
.location{width: 50%;float: left;}
.location ul{}
.location ul li{font-size: 25px;line-height: 35px;font-weight: 400;letter-spacing: 0.4px;}
.location ul li a{color: #000000;}
.location.loacation1{}
.location.loacation2{}
.location.loacation2 ul li a.active{color: #AE6628;position: relative;}
.location.loacation2 ul li a.active:after{content: "";position: absolute;width: 100%;height: 1px;background: #ae6628;left:  0;right:  0;margin:  0 auto;bottom:  0;}

.map_right{width: 55%;float: left;}
.map_right img{width: 100%;height: auto;}
.banner2{position: relative;}
.banner2 img{width: 100%;height: auto;}
.banner_head{text-align: center;text-transform: uppercase;background-color: rgba(255,255,255,0.6);position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;max-width: 884px;padding: 25px 0;}
.banner_head h2{line-height: 58px;padding: 30px 0;}
/*-------------------FOOTER STARTS HEE--------------------*/

footer{background: url('../images/footer_bg.jpg') no-repeat;background-size: cover;padding: 0 0 30px 0;}
.footer{text-align: center;}
.foot_logo{padding: 52px 0 0 0;}
.foot_logo img{}
.address{text-align: center;padding: 31px 0 0 0;}
.address ul{}
.address ul li{}
.address ul li span.cape{font-size: 25px;line-height: 30px;font-weight: 400;padding: 0;text-transform:  capitalize;letter-spacing: 0;}
.address ul li p{font-size: 25px;line-height: 35px;font-weight: 400;color: #ffffff;padding: 13px 0 0 0;}
.address ul li span{font-size: 20px;line-height: 25px;font-weight: 400;color: #FFBD00;padding: 19px 0 0 0;display:  block;letter-spacing: -1.3px;}
.number{text-align: center;padding: 20px 0 38px 0;}
.number ul{}
.number ul li{display: inline-block;padding: 0 30px;}
.number ul li a{color: #ffffff;font-size: 20px;line-height: 25px;font-weight: 400;}

/*--------------MENU STARTS HERE-------------*/
.btn_toggle {width: 36px;height: 20px;border: 0 none;outline: 0 none;cursor: pointer;border-radius: 4px;position: absolute;right: 10px;margin: 0 auto;top: 20px;z-index: 999;background: none;display: none;}
.btn_toggle span {height: 4px;background: #ffffff;display: block;margin: 0 auto;position: relative;margin: 6px 0;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;}


/*----------------INNER PAGE STARTS HERE------------------*/
.section_main{width: 88.7%;float: right;padding: 60px 0 90px 0;}
.section_left{width: 58%;float:  left;}
.section_left h3{color: #0B0B46;font-family: 'Castellar';font-size: 38px;line-height: 45px;font-weight: 400;padding: 0 0 23px 0;}
.section_left_wide{width: 90%;float:  left;}
.section_left_wide h3{color: #0B0B46;font-family: 'Castellar';font-size: 38px;line-height: 45px;font-weight: 400;padding: 0 0 23px 0;}

.section_left_1{width: 30%;float:  left; margin-right:15px;}
.section_left_2{width: 30%;float:  left; margin-right:15px;}
.section_left_3{width: 30%;float:  left;}

.solid_const{}
.solid_const h5{color: #A96633;text-transform: uppercase;letter-spacing: 0.2px; margin-top:20px;}
.solid_const p{font-size: 19px;line-height: 27px;font-weight: 400;color: #000000;padding: 32px 0 0 0;letter-spacing: 0px;}

.buy{}
.buy h5{color: #A96633;text-transform: uppercase;letter-spacing: 0.2px; margin-top:20px;;}
.buy p{font-size: 19px;line-height: 27px;font-weight: 400;color: #000000;padding: 17px 0 0 0;letter-spacing: 0px; margin-bottom:44px;}

.features{padding: 47px 0 0 0;}
.features h5{color: #A96633;text-transform: uppercase;letter-spacing: 0.7px;padding: 0 0 29px 0;}
.features ul{padding: 4px 0 0 0;max-width: 492px;}
.features ul li{font-size: 19px;line-height: 36px;font-weight: 400;color: #000000;letter-spacing: 0px;}

.features2{padding: 47px 0 0 0;}
.features2 h5{color: #A96633;text-transform: uppercase;letter-spacing: 0.7px;padding: 0 0 29px 0;}
.features2 ul{padding: 4px 0 0 0;max-width: 700px;}
.features2 ul li{font-size: 19px;line-height: 36px;font-weight: 400;color: #000000;letter-spacing: 0px;}

.section_right{width: 42%;float:  left;}
.roofs{padding:  0 0 0 22px;position: relative;}
.roofs:after{content: "";position: absolute;left: 0;height: 100%;width: 3px;background: url('../images/line.png') no-repeat;top:0;}
.roofs h6{color: #AC6626;text-transform:  uppercase;margin: -6px 0 0 0;font-family: 'castellar';}
.metal_name{width: 50%;display:  inline-block;vertical-align:  middle;padding: 0 0 0 18px;}
.metal_name h5{text-transform: capitalize;letter-spacing: 1px;}
.color{width: 47%;height: 92px;display:  inline-block;vertical-align:  middle;}
.metal_types{padding: 15px 0 38px 0;}
.metal_types ul{}
.metal_types ul li{padding: 15px 0;}
.color_type{}
.color_type.penny{}
.color_type.penny .color{background-color: #c46e19;}
.color_type.penny .metal_name h5{color: #C46D19;}
.color_type.bronze{}
.color_type.bronze .color{background-color: #3F3319;}
.color_type.bronze .metal_name h5{color: #3F3319;}
.color_type.green{}
.color_type.green .color{background-color: #719973;}
.color_type.green .metal_name h5{color: #719973;}
.color_type.white{}
.color_type.white .color{background-color: #E7E6DD;}
.color_type.white .metal_name h5{color: #B9B69F;}
.custom{background-color: #A96733;text-align: center;margin: 16px 0 0 2px;padding: 55px 44px 41px;}
.custom p{font-size: 20px;line-height: 32px;font-weight: 400;color: #ffffff;text-transform: uppercase;}
.custom img{margin: 8px 0 10px 0;}
.solid_const figure{margin: 29px 0 0 0;padding: 0 120px 0 0;}
.solid_const figure img{width:  100%;height:  auto;padding: 0 0 0 0;}

.sticky header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}

.sticky .logo figure a img{width: 150px;height: auto;}
.sticky .wrapper{padding: 179.64px 0 0 0;}

{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

#saveForm {
    font-size: 18px;
	background-color: #FFFFFF;
	padding: 10px;
}

#Field1 {
    font-size: 18px;
}

#Field3 {
    font-size: 18px;
}

.nav_right ul li span {display:none;}
@media only screen and (min-width: 768px){
	.nav_right > ul > li:hover .title{display: block;}
}