/*Theme name: Style Roof

Author: Penta Us Team

Version: 1.0.0

*/

@charset "utf-8";

/* CSS Document */



/*

font-family: 'open_sansbold';

font-family: 'open_sansregular';

font-family: 'open_sanssemibold';

font-family: 'open_sanssemibold_italic';

font-family: 'latoregular';

font-family: 'latoitalic';

*/

/* ============ WordPress css ============ */

.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;

	word-wrap: normal;

}

.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;

}

/* ============ WordPress css end ============ */



img {

	width: auto;

	height: auto;

	max-width: 100%;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

btn, a, img {

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

section, nav, footer, header {

	width: 100%;

	height: auto;

	float: left;

	clear: both;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

header {

	background: #fff;

	z-index: 999;

}

.logo {

	padding-top: 5px;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

.quote {

	background: #dbdbdb;

	width: 256px;

	height: auto;

	float: right;

	border-radius: 15px;

	position: relative;

	color: #0f3a92;

	font-family: 'open_sanssemibold_italic';

	font-size: 24px;

	text-transform: uppercase;

	padding: 4px 15px 7px 5%;

	margin-top: 35px;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

.quote small {

	font-size: 14px;

	display: block;

}

.img-icon {

	width: 89px;

	height: 89px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	position: absolute;

	left: -55px;

	top: -15px;

	overflow: hidden;

	border: 4px solid #c8c8c8;
	
	z-index:999;

}

.img-icon img{

	border-radius: 50%;

	-webkit-border-radius: 50%;

}

.quote.mail {

	font-size: 18px;

	padding: 18px 0px 18px 2%;

	margin-right: 25px;

}

.navbar-brand {

	display: none;

}

.navbar-nav {

	float: left;

	margin: 20px 0px 0px;

	width: 100%;

	text-align: center;

}

.navbar-nav > li > a {

	font-family: 'open_sansbold';

	text-transform: uppercase;

	font-size: 15px;

	text-align: center;

	padding: 15px 0px;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

.navbar-nav > li {

	float: left;

	display: block;

	width: 14%;

}

.navbar-collapse {

	padding-right: 0px;

	padding-left: 0px;

}



.dropdown-menu > li > a {

	display: block;

	padding: 10px 20px;

	clear: both;

	font-weight: normal;

	line-height: 24px;

	color: #222222;

	white-space: nowrap;

	border-bottom: 1px solid #ECECEC;

}

.banner {

	position: relative;

}

.banner-caption {

	background: rgba(0,0,0,0.5);

	padding: 20px 15px;

	color: #fff;

	text-align: left;

	font-family: 'open_sansbold';

	font-size: 50px;

	position: absolute;

	left: 20px;

	top: 25%;

	width: 550px;

	line-height: 50px;

	text-transform: uppercase;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

}

.banner-caption small {

	font-size: 30px;

	font-family: 'open_sanssemibold_italic';

	line-height: 30px;

	margin-top: 17px;

	display: block;

}

section.odd, section.even {

	padding: 40px 0px;

}

section.even {

	background: #f2f2f2;

}

.odd img {

	float: right;

	background: #f2f2f2;

	padding: 8px;

	margin: 0px 0px 20px 20px;

}

.even img {

	float: left;

	background: #fff;

	padding: 8px;

	margin: 0px 20px 20px 0px;

}

h1 small {

	display: block;

	font-family: 'open_sanssemibold_italic';

	font-style: italic;

	color: #1e4fb4;

	margin-bottom: 10px;

	font-size: 15px;

	text-transform: uppercase;

}

.btn-warning {

	border-radius: 0px;

	background: #cc9601;

	color: #1e4fb4;

	border: 1px solid #be9c00;

	font-family: 'open_sansbold';

	text-transform: uppercase;

	width: auto;

	min-width: 140px;

	height: 40px;

	margin-right: 15px;

	margin-top: 20px;

}

.testimonial h1, .award h1, .portfolio h1, .qet-quote h1 {

	color: #000;

	background: url(images/h1-line.png) center center no-repeat;

	text-align: center;

	padding-bottom: 60px;

}

.testimonial, .portfolio h1 {

	padding: 40px 0px 80px;

	text-align: center;

}

/* --Testimonail Page Css---- */



.testim_quotes{

padding: 8px;

background: none repeat scroll 0% 0% #FFF;

border: 1px solid #E6E6E6;

width: 100%;

float: left;

margin-bottom: 10px;

}

span.testim_author {

/* font-weight: bold; */

font-style: italic;

font-size: 13px;

text-align: right;

float: right;

}

/* ============ owl carousel css ============ */

	

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel {

	display: none;

	position: relative;

	width: 100%;

	float: left;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper {

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer {

	overflow: hidden;

	position: relative;

	width: 100%;

	margin: 0px 0px -75px;

	padding-bottom: 80px;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

	float: left;

}

.testi {

	position: relative;

	float: none;

	background: #E4E4E4;

	border-radius: 15px;

	padding: 20px 15px;

	width: 90%;

	display: inline-block;

	color: #000;

	font-family: 'latoitalic';

	font-size: 17px;

	font-weight: bold;

}

.testi:after {

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 15px 15px 0 15px;

	border-color: #E4E4E4 transparent transparent transparent;

	position: absolute;

	bottom: -15px;

	left: 50%;

	margin-left: -7.5px;

}

.name {

	position: absolute;

	bottom: -50px;

	width: 100%;

}

.owl-controls .owl-page, .owl-controls .owl-buttons div {

	cursor: pointer;

	width: 15px;

	height: 15px;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

	-moz-transition: all 400ms linear;

}

.owl-page.active {

	background: #e8bb41;

	box-shadow: 0px 0px 0px 2px #e8bb41;

	margin: 0px 3px;

}

.content:nth-child(odd) .owl-controls .owl-page, .content:nth-child(odd) .owl-controls .owl-buttons div {

	border: 2px solid #007CCF;

}

.content:nth-child(odd) .owl-page.active {

	background: #007CCF;

}

.owl-pagination {

	text-align: center;

	margin: 30px 0px 0px 20px;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	z-index: 999;

	position: absolute;

	top: 40%;

	width: 100%;

}

.grabbing {

	cursor: move;

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

}

.owl-buttons {

	font-family: 'Glyphicons Halflings';

	font-style: normal;

	font-weight: 400;

	font-size: 25px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.owl-buttons .owl-prev:after {

	display: block;

	content: "\e257";

}

.owl-prev {

	float: left;

	opacity: 0.2;

}

.owl-next {

	float: right;

	opacity: 0.2;

	margin-right: 6px;

}

.owl-prev:hover, .owl-next:hover {

	opacity: 1;

}

.owl-buttons .owl-next:after {

	display: block;

	content: "\e258";

}

/* ============ owl carousel css ends ============ */	



.award {

	padding: 40px 0px;

	background: #f5f8ff;

	text-align: center;

}

.award ul {

	list-style: none;

	display: block;

	width: 100%;

	float: left;

	margin: 70px 0px 100px 0px;

	padding: 0px;

}

.award ul li {

	display: inline-block;

	width: 185px;

	height: 185px;

	background: #fff;

	border: 1px solid #d3d3d3;

	text-align: center;

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	margin: -30px 45px -30px 45px;

	overflow: hidden;

	box-shadow: 0px 0px 10px -3px #A9A9A9;

-webkit-box-shadow:box-shadow: 0px 0px 10px -3px #A9A9A9;

	transition: all 400ms linear;

	-webkit-transition: all 400ms linear;

	-moz-transition: all 400ms linear;

}

.award ul li img {

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	margin: 30px 0px 0px 0px;

}

.clr {

	display: none;

}

.award ul li:hover {

	border: 1px solid #277CC7;

	box-shadow: 0px 0px 10px 0px #B5BDD0;

	-webkit-box-shadow: 0px 0px 10px 0px #B5BDD0;

}

/* Portfolio Items */	



.project-overlay {

	background-color: rgba(0, 32, 98, 0.8);

	transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#container .one-four:hover {

	border: 4px solid #000;

	margin: 0% !important;

	width: 25%;

	transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#container {

	position: relative;

	padding: 0;

	width: 100%;

	margin: 0 auto;

	display: block;

}

#container .one-four {

	margin: 0.5% !important;

	line-height: 0;

	width: 24%;

	padding: 0;

	position: relative;

}

.item {

	padding: 0;

	position: relative;

	overflow: hidden;

}

.item .portfolio-image {

	overflow: hidden;

	display: block;

	position: relative;

	height: auto;

}

.item .portfolio-image img {

	width: 100%;

	height: auto;

}

.item:hover .project-overlay {

	opacity: 1;

	transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

.project-overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	cursor: pointer;

}

.open-project-link {

	width: 100%;

	height: 100%;

	position: absolute;

	z-index: 100;

}

.project-info {

	position: absolute;

	height: 100px;

	width: 100%;

	top: 50%;

	margin-top: -50px;

	text-align: center;

}

.project-name {

	color: #fff;

	text-transform: uppercase;

	font-family: 'latoregular';

	font-size: 20px;

	font-weight: 400;
    line-height: 24px;
    margin-top: 50px;
    margin-bottom: 10px;

	opacity: 0;

	transition: all 0.2s ease 0s;

	-moz-transition: all 0.2s ease 0s;

	-webkit-transition: all 0.2s ease 0s;

	-ms-transition: all 0.2s ease 0s;

	-o-transition: all 0.2s ease 0s;

}

.item:hover .project-name {

	opacity: 1;

	-webkit-transition: opacity .4s .5s;

	-moz-transition: opacity .4s .5s;

	-ms-transition: opacity .4s .5s;

	-o-transition: opacity .4s .5s;

	transition: opacity .3s .5s;

}

.project-categories {

	color: #b1caff;

	font-family: 'latoitalic';

	opacity: 0;

	margin-top: 13px;

	transition: all 0.2s ease 0s;

	-moz-transition: all 0.2s ease 0s;

	-webkit-transition: all 0.2s ease 0s;

	-ms-transition: all 0.2s ease 0s;

	-o-transition: all 0.2s ease 0s;

}

.item:hover .project-categories {

	opacity: 1;

	-webkit-transition: opacity .4s .8s;

	-moz-transition: opacity .4s .8s;

	-ms-transition: opacity .4s .8s;

	-o-transition: opacity .3s .8s;

	transition: opacity .3s .8s;

}

.zoom-icon {

	left: 50%;

	margin-left: -20px;

	position: inherit;

	width: 40px;

	height: 40px;

	margin-top: 40px;

	opacity: 0;

	background: url(images/zoom.png);

	background-size: 40px 40px;

	transition: all 0.3s ease 0.1s;

	-moz-transition: all 0.3s ease 0.2s;

	-webkit-transition: all 0.3s ease 0.2s;

	-ms-transition: all 0.3s ease 0.2s;

	-o-transition: all 0.3s ease 0.2s;

}

.item:hover .zoom-icon {

	opacity: 1;

	margin-top: 0px;

	-webkit-transition: opacity .3s .2s, margin-top .3s .2s;

	-moz-transition: opacity .3s .2s, margin-top .3s .2s;

	-ms-transition: opacity .3s .2s, margin-top .3s .2s;

	-o-transition: opacity .3s .2s, margin-top .3s .2s;

	transition: opacity .3s .2s, margin-top .3s .2s;

}

.isotope, .isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: -o-transform, opacity;

	transition-property: transform, opacity;

}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}

.portfolio {

	overflow: hidden;

	padding: 0px 0px 50px;

	text-align: center;

}

.portfolio h1 {

	margin-bottom: -55px;

}

.text-small {

	font-family: 'latoitalic';

	font-size: 15px;

	color: #000;

	padding: 10px 0px;

	display: block;

	margin-bottom: 30px;

}

.btn-primary {

	border-radius: 0px;

	background: #1e4fb4;

	text-transform: uppercase;

	margin-top: 25px;

	padding: 8px 15px;

}

.btn-primary:hover {

	background-color: #2B62D3;

}

.qet-quote {

	text-align: center;

	background: #e1ebff;

	padding: 40px 0px;

}

.qet-quote .top {

	padding: 40px 0px 0px;

	margin-bottom: 0px;

}

.qet-quote h1 {

	margin-top: 5px;

	margin-bottom: 0px;

	padding-bottom: 45px;

}

.form-quote {

	width: 60%;

	height: auto;

	margin: 0 auto;

}

.form-group {

	margin-bottom: 15px;

	width: 100%;

	height: auto;

	float: left;

	text-align: left;

}

.control-label {

	text-align: right;

	color: #000;

	font-weight: normal;

	font-family: 'latoitalic';

}

.form-quote .form-control {

	border-radius: 0px;

	border-color: #d5e3ff;

	background: #fbfcfd;

	color: #000;

	font-family: 'latoitalic';

	margin-bottom: 10px;

}

.form-quote .form-control:focus {

	border-color: #bacaea;

}

.footer {

	background: #000e2a;

	padding: 40px 0px;

	font-family: 'latoitalic';

	color: #94a3c3;

	line-height: 30px;

}

.footer h4 {

	color: #c9cfdb;

	text-transform: uppercase;

	border-bottom: 1px solid #102142;

	line-height: 30px;

}

.news ul {

	padding: 0px;

	margin: 0px;

	list-style: none;

	line-height: 42px;

}

.news li a {

	color: #94a3c3;

	border: 1px solid #102142;

	padding: 0px 10px;

	width: 100%;

	display: block;

	margin-bottom: 3px;
	line-height: 175%;

}

.f-links, .f-links .menu {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;

	width: 100%;

	display: block;

}

.f-links li, .f-links .menu li {

	background: url(images/list.png) left 6px no-repeat;

	padding: 0px 0px 0px 25px;

	display: inline-block;

	width: 45%;

}

.f-links li a, .f-links .menu li a {

	color: #94a3c3;

}

.social h5 {

	font-family: 'latoitalic';

	color: #c9cfdb;

}

.social a {

	display: inline-block;

	opacity: 0.5;

	margin-right: 5px;

}

.social a:hover {

	opacity: 1;

}

.copy {

	background: #000819;

	text-align: center;

	color: #4c586f;

	padding: 15px 0px;

	font-size: 14px;

}

.main-content, .sidebar-in {

	background: #F5F5F5;

	margin: 25px 0px;

	border: 1px solid #ECECEC;

}

.sidebar-in {

	padding: 15px;

	float: left;

	clear: both;

	width: 100%;

	margin-bottom: 7px;

}

.sidebar .form-quote {

	width: 100%;

	margin: 7px 0px;

	padding: 15px;

	background: #F5F5F5;

	border: 1px solid #ECECEC;

	float:left;

}

.main-content h4 {

	margin: 30px 0px 10px;

}

.sidebar .control-label {

	text-align: left;

}

.in-testi {

	width: 100%;

	margin: 7px 0px;

	padding: 15px;

	background: #F5F5F5;

	border: 1px solid #ECECEC;

	float:left;

	padding-bottom:40px;

}

.in-testi .testi {

	background: none;

	padding: 0px;

	font-weight: normal;

	font-size: 15px;

	width: 100%;

}

.in-testi .testi:after {

	display: none;

}



.in-testi .name {

bottom: -30px;

}

/*Added on Feb 16, 2015*/
	.pages {
	border-radius: 4px;
    display: inline-block;
    /*margin: 360px 0;*/
    padding-left: 0;
	}
	
	.pages > li {
		display: inline;
	}
	
	.pages > li > a, .pages > li > span {
	background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #1e4fb4;
    float: left;
    line-height: 24px;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
	}
	.main-content img {
	background-color: #fefefe;
    border: 1px solid #e2e2e2 !important;
    padding: 8px;
	}

.list_news, .list_post {
  width: 100%;
  height: auto;
  float: left;
  clear: both;
  padding: 15px;
  background: #ECECEC;
  border: 1px solid #FFF;
  margin-bottom: 20px;
  transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
}
.list_news h4, .list_post h4{
margin-top: 10px;
}

.list_news > img {
  float: right;
  width: 30%;
  margin: 0px 0px 15px 15px;
}
.list_news:hover, .list_post:hover {
  border: 1px solid #ECECEC;
  background: #FFF;
}
.list_news .btn-primary, .list_post .btn-primary {
  margin: 10px 0px;
  display: block;
  width: 100px;
  height: 35px;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 19px;
}
.addtoany_shortcode {
  float: left;
  clear: both;
margin-top: 15px;
}
.addtoany_list a img {
  margin: 0px;
  padding: 0px;
  border: 0px !important;
  background: none;
}


 @media (max-width: 1200px) {

.award ul li {

	margin: -23px 35px;

	width: 164px;

	height: 164px;

}

.form-quote {

	width: 80%;

}

}

 @media (max-width: 991px) {

.quote.mail {
font-size: 15px;
padding: 10px 0px 10px 4%;
margin-right: 20px;
width: 225px;
margin-top: 36px;
}

.quote {

	width: 190px;

	font-size: 18px;

	padding: 10px 0px 10px 6%;

	line-height: 20px;

}

.img-icon {

	width: 69px;

	height: 69px;

	left: -40px;

	top: -13px;

}

.quote small {

	display: none;

}

.banner-caption {

	top: 20%;

}

.award ul li {

	margin: -16px 30px;

	width: 134px;

	height: 134px;

}

.award ul li img {

	margin: 23px 0px 0px 0px;

}

.owl-next {

	margin-right: 20px;

}

#container .one-four {

	margin: 0.5% !important;

	line-height: 0;

	width: 49%;

	padding: 0;

	position: relative;

}

#container .one-four:hover {

	margin: 0% !important;

	width: 50%;

}

.form-quote {

	width: 100%;

}

ul.f-links,ul.f-links .menu {

	width: 50%;

}

.social {

	width: 50%;

}
.list_news > img {
  width: 45%;
}

}

@media (max-width: 820px) {

.award ul li {

	margin: -16px 25px;

	width: 110px;

	height: 110px;

}

}

 @media (min-width: 769px) {

header.affix {

	-webkit-animation: fadeIn .2s both ease;

	-moz-animation: fadeIn .2s both ease;

	animation: fadeIn .2s both ease;

}

header.affix .logo img {

	width: 50%;

}

header.affix .quote {

	margin: 20px 32px;

	padding: 10px 0px 10px 36px;

	font-size: 17px;

}

header.affix .quote.mail {

	margin: 20px -17px;

	/*padding: 10px 0px 10px 36px;*/

	font-size: 17px;

}

header.affix .quote small {

	display: none;

}

header.affix .img-icon {

	width: 69px;

	height: 69px;

	left: -40px;

	top: -13px;

}

header.affix nav .container {

	border-bottom: 5px solid #ddd;

}

header.affix .navbar-nav {

	float: left;

	margin: 0px 0px 0px;

}

.innerpage header.affix nav .container {

	border-bottom: 0px solid #ddd;

}

.innerpage .navbar-nav > li > a {

	border-bottom: 5px solid #ddd;

}

.innerpage .navbar-nav > li > a:hover, .innerpage .navbar-nav > li.current-menu-item a, .innerpage .navbar-nav > li.current-menu-ancestor > a {

	border-bottom: 5px solid #1e4fb4;

}

.navbar-nav .dropdown:hover > .dropdown-menu {

	display: block;

	border-radius: 0px;

	-webkit-animation: scaleUpNav .5s ease both;

	-moz-animation: scaleUpNav .5s ease both;

	animation: scaleUpNav .5s ease both;

}

.navbar-nav .dropdown:hover > .dropdown-menu .dropdown > .dropdown-menu {

	float: left;

	left: -229px;

	//left: auto;

	top: 0px;

	-webkit-animation: fadeIn .7s both ease;

	-moz-animation: fadeIn .7s both ease;

	animation: fadeIn .7s both ease;

	width: auto;

	min-width: 230px;

}

}

 @media (max-width: 768px) {

.logo, .call {

	text-align: center;

}

.quote {
float: right;
display: inline-block;
margin: 20px 32px;
padding: 10px 5px;
width: 40%;
margin-right: 58px;
}
.quote.mail {
float: right;
display: inline-block;
margin: 20px -15px 20px 32px;
padding: 10px 5px;
width: 40%;
}

.navbar-default {

	background: #F2F2F2;

	padding: 15px 0px;

}

.navbar-brand {

	display: block;

}

.navbar-nav > li {

	display: block;

	width: 100%;

	border-bottom: 1px solid #FFF;

}

.navbar-nav > li > a {

	text-align: left;

}

.navbar-nav > li ul.dropdown-menu {

	position: relative;

	display: block;

	box-shadow: none;

	border: 0px;

	width: 100%;

	padding: 0px;

}

.navbar-nav .dropdown > .dropdown-menu .dropdown > .dropdown-menu {

	background: #F7F7F7;

	border-radius: 0px;

	border: 0px;

	box-shadow: none;

	padding-left: 15px;

}

.navbar-nav {

	border-top: 1px solid #fff;

	padding: 0px 15px;

}

.banner-caption {

	font-size: 31px;

	left: 20px;

	top: 18%;

	width: 100%;

	max-width: 460px;

	line-height: 32px;

}

.banner-caption small {

	font-size: 20px;

	line-height: 20px;

}

.odd img, .even img {

	width: 100%;

}

section.odd, section.even {

	padding: 40px 15px;

}

.affix {

	position: static;

}



}

 @media (max-width: 670px) {

br.breaker {

	display: none;

}

br.clr {

	display: block;

}

.award ul li {

	margin: -16px 40px;

	width: 140px;

	height: 140px;

}

.owl-buttons {

	display: none;

}

#container .one-four {

	margin: 0.5% !important;

	line-height: 0;

	width: 99%;

	padding: 0;

	position: relative;

}

#container .one-four:hover {

	margin: 0% !important;

	width: 100%;

}

ul.f-links, ul.f-links .menu {

	width: 100%;

}

.social {

	width: 100%;

}

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

.quote,.quote.mail {
float: none;
display: block;
margin: 1% ;
padding: 2%;
width: 96%;
}
.quote .img-icon {
display:none;
}

}

 @media (max-width: 480px) {

.banner-caption {

	font-size: 20px;

	left: 10px;

	top: 6%;

	left: 0px;

	text-align: center;

	width: 100%;

	padding: 15px 1%;

}

.banner-caption small {

	font-size: 15px;

	line-height: 15px;

	margin-top: 5px;

}

.award ul li {

	margin: -16px 25px;

	width: 120px;

	height: 120px;

}

.award ul li img {

	margin: 18px 0px 0px 0px;

}

.testimonial h1, .award h1, .portfolio h1 {

	padding: 40px 0px 140px;

}
.list_news > img {
  width: 100%;
}

}

@media (max-width: 320px) {

.award ul li {

	margin: -16px 25px;

	width: 100px;

	height: 100px;

}

}

a.sitemap{
color:  #4C586F;
}

@media (min-width: 1200px) {
.banner {
   min-height: 450px;
	}
	.homefirst-block{
		 min-height: 450px;
	}	
}



.testimonial .h1, .award .h1, .portfolio .h1, .qet-quote .h1 {
    color: #000;
    background: url(//www.styleroofing.com/wp-content/themes/styleroof/images/h1-line.png) center center no-repeat;
    text-align: center;
    padding-bottom: 60px;
}



footer p.h4 {
    color: #c9cfdb;
    text-transform: uppercase;
    border-bottom: 1px solid #102142;
    line-height: 30px;
}


footer p.h5 {
    font-family: 'latoitalic';
    color: #c9cfdb;
}