/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#000000;
}

p {
    font-size: 15px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #fed136;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
		    
}

header {
    text-align: center;    
    background-attachment: scroll;
    background-image: url(../images/header-bg.gif);	
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	width:100%;
	min-height:875px;
}

.navbar-default {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-transition: padding .3s;
  -moz-transition: padding .3s;
  transition: padding .3s;
}

.phone{ padding-top:30px; font-size:36px; font-weight:bold;}

.container h1{ font-size:40px; margin-top:10px;}
.container h4{ font-weight:bold;}

.midbanner{background-color:#A7A7A7; padding:30px; }
.banner{background:url(../images/banner.png) no-repeat right top; width:100%; background-color:#A7A7A7;}

.mrg_cont{ padding-top:20px; padding-bottom:20px;}

.addrss p{ color:#37544b; font-weight:bold; padding:30px 0 100px 0;}

.text-danger {
  color: #e74c3c;
}
.navbar-brand img{ width:100%;}

.refresh{ margin-left:5px; cursor:pointer;}
.remLeftPad{ padding-left:0px;}

@media only screen and (max-width:1224px) {
header {  min-height: 670px;}
}

@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:992px) {
}

@media only screen and (max-width:768px) {
	header {  min-height: 490px;}
	.phone{font-size: 30px;}
	.navbar-nav>li {padding-right: 10px;}
	.container { width:auto;}
	.banner{ background-image:none;}
}

@media only screen and (max-width:767px) {
	header {  min-height: 490px;}
	.phone{font-size: 30px;}
	.navbar-nav>li {padding-right: 10px;}
	.banner{ background-image:none;}
}

@media only screen and (max-width:736px) {
	header {  min-height: 490px;}
	.phone{ float:right; padding-top:0px;}
	.navbar-nav>li {padding-right: 10px;}
	.banner{ background-image:none;}
}

@media only screen and (max-width:600px) {
header{min-height: 365px;}
.phone{ float:right; padding-top:0px;}
.banner{ background-image:none;}
.navbar-brand img {  width: 60%;}
}

@media only screen and (max-width:414px) {
header{min-height: 244px;}
.banner { background-image:none;}
.phone{padding-top: 90px; text-align:center; float:none;}
.navbar-brand img {  width: 60%;}

.navbar-brand img {  width: 60%;}
.navbar-brand-centered {
        position: absolute;
        left: 50%;       
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -70px;
    }
}

@media only screen and (max-width:384px) {
header{min-height: 244px;}
.banner { background-image:none;}
.phone{padding-top: 90px; text-align:center; float:none;}

}

@media only screen and (max-width:320px) {
header{min-height: 144px;}
.banner { background-image:none;}
.phone{padding-top: 90px; text-align:center; float:none; font-size:20px;}
.navbar-brand img {  width: 43%; text-align:center;}

.navbar-brand-centered {
        position: absolute;
        left: 50%;       
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -55px;
    }
	
}