@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
body{font:normal 13px/24px 'Open Sans',sans-serif; position:relative;}
*{ margin:0; padding:0; font-family:'Open Sans', sans-serif;outline: none;}
a{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; text-decoration:none;}
.spacer{ font-size:0; line-height:0; clear:both;}
.container{ max-width:1100px; margin:0 auto; position: relative;}
.container:after{clear: both; content: "";display: block;}
ul{ margin-left:16px;}
.toppart{ background:#E5EBF2; overflow:hidden; padding:16px 0; position:relative; z-index:1;}
.toppart .logo{ float:left; margin-top: 30px; }
.toppart .rightsection{ float:right; font-family: 'Open Sans', sans-serif; }
.toppart .rightsection ul.lang{ list-style-type:none; float:right; margin-bottom:10px;}
.toppart .rightsection ul.lang li{ float:left; margin-left:10px; font-size:14px; color:#1d2528; position:relative;}
.toppart .rightsection ul.lang li a{ font-size:14px; color:#1d2528; text-decoration:none; display:inline-block; margin-right:8px;}
.toppart .rightsection ul.lang li a:hover{ color:#003882;}
.toppart .rightsection .phone{ clear:both; background:url(../images/ph-icon.png) 0 50% no-repeat; font:700 40px/50px 'Open Sans', sans-serif; padding:0 0 0 50px; color:#003882;}
.toppart .rightsection .rbq{ text-align:right; color:#000; font:normal 14px/20px 'Open Sans', sans-serif;}
.navbar{ background:#003882; clear:both; position:relative; z-index:2;}
.navbar ul{ list-style-type:none; margin:0;}
.navbar ul li{ float:left;  margin:-10px 0 0 0;  padding:-10px 0 0 0; transition:all .5s;  background:url(../images/nav-arrow.png) 50% -5px no-repeat;}
.navbar ul li:hover, .navbar ul li.selected{  background:url(../images/nav-arrow.png) 50% 5px no-repeat;}
.navbar ul li a{font:normal 14px/53px 'Open Sans', sans-serif; color:#fff;  text-transform:uppercase; text-decoration:none; display:block; padding:0 53px; margin:10px 0 0 0;}
.navbar ul li a:hover, .navbar ul li.selected a{ background:#E60D2E ;}
.freeestimate{ background:#003882;  text-align:center; clear:both; padding:10px 0; overflow:hidden;}
.freeestimate .click{ background:#E60D2E; padding:5px 20px; font:800 18px/30px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; margin:5px 0 0 15px; vertical-align:top; box-shadow:0px 4px 0px 0px #E5EBF2; transition:all .5s;}
.freeestimate .click:hover{ background:#7b0717; padding:5px 20px; font:800 18px/30px 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; text-decoration:none; display:inline-block; margin:5px 0 0 15px; vertical-align:top; box-shadow:0px 4px 0px 0px #000; }
.freeestimate  h1{display:inline-block; font:800 36px/50px 'Open Sans', sans-serif; color:#fff;}
h2.welcometxt{ font:italic 24px/34px Georgia, "Times New Roman", Times, serif; color:#3a2c21; text-align:center; padding:20px 0 40px; background:url(../images/bottom_arrow.gif) 0 100% no-repeat;}
.roofing-sections{ margin:10px 0; overflow:hidden; background:url(../images/bottom_arrow.gif) 0 100% no-repeat; padding-bottom:50px;}
.about-connect-sections{ overflow:hidden; padding:0 0 20px 0;}
.roofing-sections dl, .about-connect-sections .about{ float:left; width:48%; }
.roofing-sections dl:nth-child(even) { float:right;}
.roofing-sections dl img{border:5px solid #E5EBF2;}
.roofing-sections dl h5, .about-connect-sections .about h5, .connect h5{ font:700 24px/30px 'Open Sans', sans-serif ; color:#003882; margin-bottom:10px;}
.roofing-sections dl dd, .about-connect-sections .about p{ font:normal 14px/36px 'Open Sans', sans-serif ;}
.about-connect-sections .about p{ font:normal 13px/24px 'Open Sans', sans-serif }
.about-connect-sections .connect{  float:right; width:47%;}
.roofing-sections dl dd a.seeall{ display:inline-block; background:#E60D2E; color:#E5EBF2; font:bold 14px/20px 'Open Sans', sans-serif; padding:2px 15px; margin:10px 0 0 0 ; text-decoration:none; transition:all .5s;}
.roofing-sections dl dd a.seeall:hover{  background:#003882;}
.readmore{ color:#E60D2E; font:italic 13px/20px  Georgia, "Times New Roman", Times, serif; text-align:right; display:inline-block;
 float:right; margin:10px 0; text-decoration:none ; transition:all .5s;}
.readmore:hover{ text-decoration:underline;}
.connect form{ /*background:#f8f4e0;*/ border:0px solid #E5EBF2; padding:0; overflow:hidden;}
.connect form input[type="text"]{ border:0px solid #ddd0b3; background:#e2e2e2; padding:5px 5px; font:italic 16px/20px 'Open Sans Condensed',sans-serif; color:#3a2c21; width:45%; color:#3a2c21;}
.connect form textarea{ border:0px solid #ddd0b3; background:#e2e2e2; padding:5px 5px; font:italic 16px/20px 'Open Sans Condensed',sans-serif; width:93%;  margin:10px 0; color:#3a2c21;}
/*.submit{ background:#E60D2E; padding:5px 15px; font:700 18px/30px 'Open Sans', sans-serif; color:#f8f4e0;  text-d
ecoration:none; display:inline-block; margin:5px 27px 0 15px; vertical-align:top; box-shadow:0px 4px 0px 0px #003882; float:right; transition:all .5s; border:none; cursor: pointer;}
.connect form .submit:hover{ background:#003882; box-shadow:0px 4px 0px 0px #E60D2E;}*/
.footer-top{ background:#003882; padding: 30px 0; overflow:hidden; clear:both;}
.footer-top .part{
	width: 27%;
	float: left;
	color: #fff;
}
.footer-top .part1{
	width: 19%;
	float: left;
	color: #fff;
}
.footer-top .part h5{ color:#fff; font:normal 30px/35px 'Open Sans Condensed', sans-serif;}
.footer-top .part p{ font-size:13px; line-height:19px; margin:10px 0; color:#fff;}
.footer-top .part span{ display:block; color:#E5EBF2; font-size:13px; line-height:19px;}
.footer-top .part a{ text-decoration:none; color:#E5EBF2;}

.footer-top .part1 h5{ color:#fff; font:normal 30px/35px 'Open Sans Condensed', sans-serif;}
.footer-top .part1 p{ font-size:13px; line-height:19px; margin:10px 0; color:#fff;}
.footer-top .part1 span{ display:block; color:#E5EBF2; font-size:13px; line-height:19px;}
.footer-top .part1 a{ text-decoration:none; color:#E5EBF2;}


.footer-bottom{ background:#1d2528;  padding:25px 0; color:#7c8a8e; height:20px;}
.footer-bottom ul{ list-style-type:none; float:left; margin:0;}
.footer-bottom ul li{ float:left;  font:14px/20px 'Open Sans', sans-serif;  color:#7c8a8e; margin-right:10px;}
.footer-bottom ul li a{ font:14px/20px 'Open Sans', sans-serif;  color:#7c8a8e; display:inline-block; margin:0 8px 0 0 ;}
.footer-bottom ul li a:hover{ color:#fff;}
.footer-bottom .copyright{
	font: 13px/20px 'Open Sans', sans-serif;
	color: #7c8a8e;
	position: absolute;
	right:12%;
}
.left_container ul li{line-height: 1.5; padding-bottom:10px;}
ul.tick{ margin:0 0 10px 0;}
ul.tick li{ background:url(../images/tick.png) 0 5px no-repeat; padding:0 0 10px 25px; line-height: 1.5; list-style-type:none;}
.arrowlistmenu{ margin-bottom:20px;}
.fully_insured_footer{ position:absolute; bottom:-15px; right:1%;   background: url("../images/fully_insured2.png") no-repeat 0 0 ;
    color: #FFFFFF;
    font: bold 18px/18px 'Open Sans Condensed',sans-serif;
    height: 51px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 120px;
    z-index: 2; margin-left:-102px; }
	.footer-bottom .container{ position:relative;}
#google_translate_element{ text-align:right;}
.goog-te-gadget-simple { background:#E5EBF2!important; border-color:#BBBBBB!important;}
/*------------------------- Banner part -------------------------------*/
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  clear:both;
  height:513px;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height:513px;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption,.callbacks_container .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #000;
  background: #fff;
  background: #fff;
  right:50%;
  bottom:8%;
  padding: 10px 20px;
  margin: 0 -540px 0 0;
  /*width: 30%;*/
  width:433px;
  padding:30px 50px 50px;
  border:3px solid #fff ;
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.5);  
  font-family: 'Open Sans Condensed', sans-serif;
  }
.callbacks .caption h3,.callbacks_container .caption h3  { color:#003882; font-size:40px; font-family: 'Open Sans Condensed', sans-serif; margin-bottom:10px;}
.callbacks .caption h4,.callbacks_container .caption h4{ color:#E60D2E; font-size:55px; line-height:50px;  font-family: 'Open Sans Condensed', sans-serif;text-transform:uppercase; margin-bottom:10px;}
.callbacks .caption .span1,.callbacks_container .caption .span1{font:italic 18px/20px Georgia, "Times New Roman", Times, serif; color:#1d2528; display:block; margin-bottom:20px;}
.callbacks .caption .span2,.callbacks_container .caption .span2{ font:italic 18px/25px Georgia, "Times New Roman", Times, serif; color:#5a6b72; display:block; margin-bottom:40px;}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom: 10%;
  left:50px;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.fully_insured{ position:absolute!important; right:-20px; top:-50px; height:auto!important; width:auto!important; float:none!important;}
.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: 89px;
  background-position: right top;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  background:#fff;
  }

.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;
  }
.btnbox{ width:534px; position:absolute; height:40px; bottom:8%; right: 50%; margin: 0 -540px 0 0;}

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  }
@media only screen and (max-width: 1500px)  { 
.callbacks_nav { right:47%;}
.callbacks_nav.next { right:44%;}
}
/*------------------------- services ------------------*/
.pageheading { height:156px; width:100%; margin-bottom:40px; position:relative;}
.pageheading img{ position:absolute; left:0; width:100%; z-index:1; max-width:100%; height:100%;}
.pageheading h1{  margin: 0 auto; max-width: 1100px; color:#fff; font:bold 48px/156px 'Open Sans', sans-serif; position:relative; z-index:2; }
.left_container{
	width: 68%;
	padding: 0 2% 5% 0;
	float: left;
}
.right_container{ width:22%; float:right; padding:0 0 40px 0;}
.left_container h3{
	color: #003882;
	font: bold 24px/30px 'Open Sans', sans-serif;
	margin: 20px 0 10px;
}

.service_picture{
	border: 8px;
	border-color: #999;

	float: left;
	width: 294px;
	height: 173px;
	background: #ebebeb;
		margin-right: 20px;
		margin-bottom:2px;
}
.service_picture img{
	margin:10px;
 



}

.left_container hr {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px 0px 20px 0px;
	height: 0;
	width: 100%;
	max-height: 0;
	font-size: 1px;
	line-height: 0;
	clear: both;
	border: none;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #ffffff;
}


.container p{ font:normal 13px/24px 'Open Sans', sans-serif; color:#3a2c21; margin-bottom:15px; }
.small_banner_free_estimate{ background:url(../images/fully_insured_banner_bg.jpg) 0 0 no-repeat; width:247px; height:303px; position:relative;  text-align:center; margin-bottom:30px;}
.small_banner_free_estimate h4{ padding:20px 0; border-top:1px solid #E5EBF2;  border-bottom:1px solid #E5EBF2; font:normal 28px/30px 'Open Sans', sans-serif; color:#E5EBF2; text-transform:uppercase; clear:both; position:relative; z-index:1; margin:-10px 0  0 0;}
.small_banner_free_estimate h4 span{ font-weight:bold; color:#E60D2E;}
.small_banner_free_estimate a.clickhere{ background:url(../images/btn_bg_transparent.png) 0 0 repeat; display:block; width:90%; margin:25px auto 0; text-align:center; padding:5px 0; color:#fff; font:bold 20px/30px 'Open Sans Condensed', sans-serif; text-transform:uppercase;  }
.small_banner_free_estimate a.clickhere:hover{ background:#E60D2E;}
.small_banner_free_estimate .fully_insured2{
	width: 120px;
	height: 51px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font: bold 18px/18px 'Open Sans Condensed', sans-serif;
	background: url(../images/fully_insured2.png) 0 0 no-repeat;
	padding: 20px 0;
	float: right;
	position: relative;
	z-index: 2;
	margin: -16px -20px 0 0;
}
.photo_thumb_gallery{ background:#ebebeb;  overflow:hidden;}
.photo_thumb_gallery ul{ list-style-type:none; overflow:hidden; margin-left:0;}
.photo_thumb_gallery ul li{ float:left; margin:7px 0 0 7px;}
.photo_thumb_gallery ul li img{ display:block;}





.viewall{ background:#003882; width:100%; display:block; padding:5px 0; text-align:center; color:#fff; text-transform:uppercase; font:bold 18px/30px 'Open Sans Condensed', sans-serif; margin:7px 0 0 0;}
.viewall:hover{ background:#E60D2E;}
/*---------------- Tree content slider ---------------*/
.menuheader {
    background: #ebe7e7 url(../images/bottom_arrow_accordian.gif) 95% 45% no-repeat;	color: #404040;
    cursor: pointer;
    font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0 0 1px 0;
    padding: 15px 20px;
}
.categoryitems{ display:none; border:1px solid #e8e8e8; padding:15px; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#3a2c21; margin:5px 0;}
.openheader{ background:#E60D2E url(../images/top_arrow_accordian.gif) 95% 45% no-repeat; color:#fff;}

/*---------------- Gallery ---------------*/
ul.gallery{ overflow:hidden; list-style-type:none; margin-bottom:40px; display:none;}
.open{ display:block!important;}
ul.gallery li{ float:left; margin-right:15px;  margin-top:15px; position:relative;}
.search_icon{
	background: url(../images/search_icon.png) 0 0 no-repeat;
	width: 44px;
	height: 35px;
	position: absolute;
	bottom: 5px;
	right: 0px;
}
ul.pagination{display: table;
	list-style-type: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 0 auto 40px;
	overflow: hidden;
}
ul.pagination li{ float:left; border-right:1px solid #ddd;}
ul.pagination li a{ font:normal 12px/32px 'Open Sans', sans-serif; color:#333; padding:8px 15px;}
ul.pagination li a:hover, ul.pagination li.active a{ background:#f55a4e; color:#fff;}
ul.pagination li a.leftarrow{ background:url(../images/pagination_arrow.gif) 0 0 no-repeat; width:8px; height:13px; display:block; padding:0; margin:9px 12px;}
ul.pagination li a.leftarrow:hover{ background:url(../images/pagination_arrow.gif) 0 100% no-repeat; width:8px; height:13px; display:block; padding:0; margin:9px 12px;}
ul.pagination li a.rightarrow{ background:url(../images/pagination_arrow.gif) 100% 0 no-repeat; width:8px; height:13px; display:block; padding:0; margin:9px 12px;}
ul.pagination li a.rightarrow:hover{ background:url(../images/pagination_arrow.gif) 100% 100% no-repeat; width:8px; height:13px; display:block; padding:0; margin:9px 12px;}
ul.pagination li:last-child{ border-right:0;}
/*--------------- Contact -----------------*/
.contacthead{ background:none; height:220px; border-bottom:4px solid #ddd; }
.contactForm{margin:10px 0 20px;}
.contact_right{ width:30%; float:left;}
.contactForm input[type="text"]{ background:#e2e2e2; padding:10px ; width:87%; font:italic 16px/20px 'Open Sans Condensed', sans-serif; color:#3a2c21; border:none; outline:none; margin-bottom:20px; display:block; transition: all .5s; }
.contactForm  textarea{ background:#e2e2e2; padding:10px ; width:87%; font:italic 16px/20px 'Open Sans Condensed', sans-serif; color:#3a2c21; border:none; outline:none; margin-bottom:20px; height:80px; display:block; transition: all .5s; }
.contactForm input[type="text"]:focus, .contactForm textarea:focus{box-shadow:inset 3px 3px 3px #ccc;}
 input.submit{ padding:8px 20px; border:none; outline:none; background:#E60D2E; color:#fff; font:normal 14px/20px 'Open Sans', sans-serif; display:block; clear:both;transition: all .5s; cursor:pointer;}
 input.submit:hover{ background:#000;}
.company_address{ font:normal 18px/30px 'Open Sans', sans-serif; color:#4b4b4b; margin:40px 0;}
.company_contact dl{ overflow:hidden; font:normal 14px/30px 'Open Sans', sans-serif;}
.company_contact dt{
	color: #767676;
	color: #4b4b4b;
	float: left;
	width: 35%;
}
.company_contact dd{ color:#003882; float:left;}
.company_contact dd a{color:#003882;}
.sucess_msg{ background:#d1f89f; padding:10px; color:#3f581e; width:87%; text-align:center;}
.error_msg{background:#ffd9df; padding:10px; color:#D00123; width:87%; text-align:center;}





/* added  on 12 april 2016*/
.links--responsive{display: none;list-style: none; margin: 10px 0 0; padding: 0;}
.links--responsive li{display: inline-block; vertical-align: top; margin: 0 0 0 15px;}
.links--responsive li img{width: 24px;display: block;}
.links--responsive li a{display: block;}
.slide{width: 100%; position:relative; background-repeat: no-repeat; background-size: cover;height: 513px;}
.input-submit{ height: 58px; width: 252px; font-weight: bold!important;width:246px; margin: 0 0 0 45px; float:left; clear: none!important;}
.g-recaptcha{float: left;}
.left_container .g-recaptcha{width:290px!important;}

.overlayer--responsive, .overlayer--menu{visibility: hidden; opacity: 0;z-index: 8; left: 0; right: 0; top: 0; bottom: 0; position:fixed;background: rgba(0,0,0,0.8);
    -webkit-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  transition: 0.4s all ease;z-index: 0;}

body.toggled_lang .overlayer--responsive,body.toggled_left .overlayer--menu{visibility: visible; opacity:1;z-index: 1000;}
body.toggled_lang .toppart {z-index: 100;}
body.toggled_lang .toppart .rightsection ul.lang{display: block; z-index: 1001; background: #E5EBF2; padding: 40px; margin: 0; left: 10px; right: 10px;top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);position: fixed;display: inline-block;}

.toppart .rightsection ul.lang li{position: relative;}
.toppart .rightsection ul.lang li:after{content: "|";right:0; position: relative;}
.toppart .rightsection ul.lang li:last-child:after{display: none;}
.toggle--menu{display: none;}

.link__close{z-index: 10; width:35px; height: 35px; position:absolute; right:10px; top:10px; text-align: center; line-height: 18px;-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);}
.link__close:before{width:2px; height:20px; left: 50%; margin: 0 0 0 -1px; position: absolute; top:8px; content: ""; background: #333;}
.link__close:after{width:20px; height:2px; left:8px; top: 50%; margin:-1px 0 0 0; position: absolute; content: ""; background: #333;}
.toppart .rightsection ul.lang .link__close{display: none;}

/*.overlayer--menu:before{width:3px; height:25px; right:30px; top: 18px; margin: 0 0 0 -1px; position: absolute;  content: ""; background: #fff;transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.overlayer--menu:after{width:25px; height:3px; right:18px; top:30px; margin:-1px 0 0 0; position: absolute; content: ""; background: #fff;transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); 
    transform: rotate(-135deg);}*/

.pageheading { position:relative; background-repeat: no-repeat; background-size: cover;}
    .left_container input.submit{float: left;margin: 10px 0 0;}


input.submit{-webkit-appearance:none;}
.toppart .rightsection ul.lang li a.active{font-weight: 700; color: #E60D2E;}
html.translated-ltr .small_banner_free_estimate .fully_insured2,html.translated-ltr .fully_insured_footer{font-size: 13px; line-height: 14px; padding: 22px 0;}
html.translated-ltr .footer-top .part1 h5{text-transform: uppercase;}
html.translated-ltr .callbacks_container .caption h4{font-size: 45px; line-height: 45px;}