/* CSS Document */
@font-face {
    font-family: 'AmaranthRegular';
    src: url('../fonts/Amaranth-webfont.eot');
    src: url('../fonts/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaranth-webfont.woff') format('woff'),
         url('../fonts/Amaranth-webfont.ttf') format('truetype'),
         url('../fonts/Amaranth-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a[href^=tel] { color: inherit; text-decoration: none; }

h1, h2, h3, h4, h5, h6{
	margin: 5px 0;
	color:#00277d;
	font-weight:bold;
	font-family:'AmaranthRegular', Arial, Helvetica, sans-serif
}

ul li{
	list-style-type: circle;
}

body{
	background-image:url(../images/bg.png);
	background-repeat:repeat;
	font-size:12pt;
	background-color:#f4f4f4;
}

.menu {
    background-color: #222222;
    background-image: url(../images/bg2.jpg);
}

ul.nav.nav-justified li {
    padding: 3px 0;
}

header {
	overflow: hidden;
	padding: 0 0 5px 0;
	background: none repeat scroll 0 0 rgba(35, 77, 194, 0.27);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.header_scroll{
  	min-height: 217px;
}

header p {
margin: 2px 0 !important;
font-size: 10pt;
color:#161616;
text-transform:capitalize;
}

header div.container {
    box-shadow: 0px 3px 4px 0px rgba(255, 255, 255, 0.41);
    color: #000000;
    margin-bottom: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #FFFFFF;
    border-color: rgba(255, 255, 255, 0.23);
    border-style: solid;
    border-width: 1px 1px 5px;
    background-color: rgba(255,255,255,0.7);
}
div.container {
	background: none;
}

div.logo a {
    color: #0f384e;
    text-decoration: none;
    font-size: 20pt;
    margin: 0;
    font-weight: bold;
}

.header_call {
	text-align: right;
	font-size: 21px;
	float: right;
	color: #161616;
	font-weight: bold;
	font-family:'quadrantaregular', Arial, Helvetica, sans-serif
}

.header_call .cc {
float: right;
}

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


.navbar {
	clear: both;
	border-radius: 0 !important;
	border-width: 0;
	margin: 0 !important;
	min-height: 40px;
}

.nav-justified > li > a {
	padding-top: 10px;
	padding-bottom: 8px;
	margin-bottom: 0;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	background-color: none;
	font-size: 12pt;
}

.nav-justified > .active > a, .nav-justified > .active > a:hover, .nav-justified > .active > a:focus {
	/* background-color: #336192; */
	background-image: none;
	color: #ffe000;
}

.nav>li>a:hover, .nav>li>a:focus{
background:none;
}

.nav-justified>li>a:hover {
	background-image: none;
	color: #ffffff;
	background:none;
}

.navbar-default {
	border-bottom: 0;
	background: none;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	border: 0;
}

button.navbar-toggle {
	background-color: #f1f1f1;
}

.navbar-default .navbar-toggle {
	border-color: #336192;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #eaeaea;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #336192;
}
.nav-icon{
	background-position: center;
    background-repeat: no-repeat;
	transition: all 0.8s ease;
}

a.nav-icon.icon-home {
    background-image: url(../images/icon-home2.png);
}

a.nav-icon.icon-home:hover {
	background-image: url(../images/icon-home.png);
	background-position: center;
    background-repeat: no-repeat;
	color:rgba(255, 255, 255, 0);
}	

a.nav-icon.icon-repair{
    background-image: url(../images/icon-replacement2.png);
}

a.nav-icon.icon-repair:hover {
	background-image: url(../images/icon-replacement.png);
	background-position: center;
    background-repeat: no-repeat;
	color:rgba(255, 255, 255, 0);
}	

a.nav-icon.icon-contact{
    background-image: url(../images/icon-contact2.png);
}

a.nav-icon.icon-contact:hover {
	background-image: url(../images/icon-contact.png);
	background-position: center;
    background-repeat: no-repeat;
	color:rgba(255, 255, 255, 0);
}


.jumbotron {
	background: none;
	margin: 0;
	padding:0 !important;
}

.jumbotron img {
  border-radius: 10px;
}

div.row.banner {
margin: 0;
padding: 0;
}

.bold{
font-weight:bold;
}

.banner_header {
	font-size: 11pt;
	color: #ffffff;
	text-shadow: 1px 1px 2px black, 0 0 25px #000000, 0 0 5px black;
	text-align: center;
}

div.row img.img-square {
	border: 1px solid #B1B1B1;
}

.thumbnail {
	border: 2px solid #BBBBBB;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0 #D6D1D1;
	background-color: #EFEFEF;
	margin: 10px;
}

aside {
	margin: 10px 0;
}

.sidebar_call .sidebar_call_txt {
	text-align: center;
	font-size: 15pt;
	text-shadow: #ffffff 0px 0px 5px;
}

div.sidebar_call h3 {
	text-align: center;
	margin: 9px 0px 0 0;
	font-weight: bold;
	text-shadow: #ffffff 0px 0px 5px;
}

.sidebar_image {
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: 0px 0px 8px 0 #dadada;
    margin: 20px 0;
	text-align:center;
}

.panel{
background-color: #EFEFEF;
margin-bottom: 10px;
}

div.panel-body.services {
	height: auto;
}

div.panel-body.coupon h2 {
color: #0f384e;
}

div.panel.panel-default {
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: 0px 0px 8px 0 #dadada;
    background-image: url(../images/bg4.jpg);
    background-size: cover;
}

div.panel-body {
font-size: 12pt;
}

div.panel-body.coupon {
text-align: center;
padding: 0;
}

.panel-body.sidebar_call img.img-responsive.cc {
    margin: 0 auto;
}

aside .thumbnail {
margin: 0 !important;
background: none;
padding: 10px;
}

article{
	margin: 10px 0;
}

div.text_content {
	padding: 0 5px 5px 5px;
}



.imagecontent {
  float: right;
  padding: 5px;
  box-shadow: 0px 0px 4px 0px #A1A1A1;
  margin: 10px 10px 10px 15px;
  max-width: 50%;
}

.bottomlinks_holder{
	background-color: rgba(59, 59, 59, 0.08);
	padding:10px 0;
}

.bottomlinks{
	clear:both;
	font-size: 14px;
}

.bottomlinks a {
  color: #5E5E5E;
}

.bottomlinks a:hover{
	color: #0f384e;
}

.external-links a{
	color:#9A9A9A;
}

.external-links a:hover{
	color:#FFFFFF;
}


footer {
    color: #ffffff;
    padding: 10px 0;
    background-color: #222222;
    background-image: url(../images/bg2.jpg);
}

footer .row {
	margin: 0 auto;
}

.copyright {
	padding: 10px 0 0 0;
}


div.form-holder {
	width: 95%;
	padding: 25px 15px;
	margin: 10px auto;
	border-radius: 10px;
}

.form-horizontal .form-group {
	margin: 0 0 15px 0;
}

.form-horizontal .control-label {
	text-align: left;
}

.btn-info {
	background-color: #336192;
	border: 0;
}

.btn-info:hover{
	background-color: #1e1e1e !important;
	color:#ffffff;
}

.form-control:focus {
	border-color: #8B8B8B;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8B8B8B;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #8B8B8B;
}

span.icon-bar-title {
    font-size: .8em;
    color: #0f384e;
}


#schemacss{
text-align:center;
margin: 10px 0px;
color:#5E5E5E;
font-weight:normal;
}

#schemacss a{
color:#5E5E5E;
}

#schemacss h3{
margin:0;
color:#5E5E5E;
font-weight:normal;
}

.schema_add_map div {
display: inline;
}

.schema_contact, .schema_contact h3, .schema_contact a {
color:#323232 !important;
}



.gd_services4 {
  border: 2px solid #D2D2D2;
  border-radius: 10px;
  padding: 5px 10px;
  box-shadow: 0px 0px 8px 0 #D6D1D1;
  margin: 10px;
  font-size: 10pt;
}

.imagecontent {
    float: right;
    padding: 5px;
    box-shadow: 2px 2px 7px 0px #7b7b7b;
    margin: 10px 10px 10px 15px;
    max-width: 50%;
    border-radius: 10px;
}

@media (max-width: 399px) {
	.text-center-xs {text-align: center !important;float:none !important;}
	.panel-body, .panel-heading{ text-align:center;}
	div.logo a {font-size: 13pt;}
	header p {font-size: 11px;}
	div.header_call {font-size: 13pt;}
	div.logo, div.header_call {text-align: center; float: none;}
	.header_call .cc {float: none; margin: 0 auto;}
	.nav-justified > li:first-child > a{border-radius: 0;}
	.nav-justified > li:last-child > a{border-radius: 0;}
	.nav-justified>li>a:hover, .nav-justified>li>a{border-left: 0;}
	.container .jumbotron {text-align: center; padding: 0;}
	.container .jumbotron img {margin: 0 auto;}
	.bottomlinks div.col-lg-4.col-md-4 {margin: 10px 0;font-size: 14pt;padding: 0;}
	div.row.text-center.bottomlinks div.row {margin: 0;}
	.banner_header {font-size: 8pt;}
	.text_content a.phonebtn {
		background: #d6d6d6;
		border-radius: 10px;
		padding: 5px 10px;
		text-align: center !important;
		margin: 10px 10px;
		font-size: 16pt;
		box-shadow: 1px 1px 5px #3c3e40;
		display: block;
	}
}
@media (min-width: 400px) and (max-width: 767px) {
	.text-center-xs {text-align: center !important;float:none !important;}
	.panel-body, .panel-heading{ text-align:center;}
	div.logo, div.header_call {text-align: center; float: none;}
	.header_call .cc {float: none; margin: 0 auto;}
	.nav-justified > li:first-child > a{border-radius: 0;}
	.nav-justified > li:last-child > a{border-radius: 0;}
	.nav-justified>li>a:hover, .nav-justified>li>a{border-left: 0;}
	.container .jumbotron {text-align: center; padding: 0;}
	.container .jumbotron img {margin: 0 auto;}
	.bottomlinks div.col-lg-4.col-md-4 {margin: 10px 0;font-size: 14pt;padding: 0;}
	div.row.text-center.bottomlinks div.row {margin: 0;}
	.banner_header {font-size: 9pt;}
	.text_content a.phonebtn {
		background: #d6d6d6;
		border-radius: 10px;
		padding: 5px 10px;
		text-align: center !important;
		margin: 10px 10px;
		font-size: 16pt;
		box-shadow: 1px 1px 5px #3c3e40;
		display: block;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center !important;
		float:none !important;
		
    }
    .text-right-sm {
        text-align: right;
		
    }
    .text-justify-sm {
        text-align: justify;
    }
	.text-center-sm img {margin:0 auto;}
	
	.header_call .cc {float: none; margin: 0 auto;}
	
	.nav-justified>li>a {min-height: 70px;}
	div.logo, div.header_call {text-align: center; float: none;}
}

@media (min-width: 992px) and (max-width: 1199px) {

	.nav-justified>li>a {height: auto; font-size:12px;}
	
}
@media (min-width: 1200px) {
    
   
}


/* Basic background image styling. */
.background-image {
	background-position: center center;
	background-repeat: no-repeat;
	/* background-size: cover; */
	background-size: 100% 100%;
}

/* Styles for the alternating / transition effect. */
.toggle-image {
 	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
 	height: 250px;
	transition: opacity 1s ease-in-out;
}

/* Styles for the specific images. */
.first-image {
	background-image: url('../images/Duluth-roof-repair-1.jpg');
	z-index: -4;
	opacity: 0;
}

.second-image {
	background-image: url('../images/Duluth-roof-repair-2.jpg');
	z-index: -3;
	opacity: 0;
}

.third-image {
	background-image: url('../images/Duluth-roof-repair-3.jpg');
	z-index: -2;
	opacity: 0;
}

.fourth-image {
	background-image: url('../images/Duluth-roof-repair-4.jpg');
	z-index: -1;
	opacity: 0;
}

.first-image.show {
	opacity: 1;
}

.second-image.show {
	opacity: 1;
}

.third-image.show {
	opacity: 1;
}

.fourth-image.show {
	opacity: 1;
}