*{padding:0; margin:0; }
body{font-family: 'Open Sans', sans-serif;   height: 100%; font-size: 13px; font-weight: 100; color: #696969;}


header{width:100%; background-image:url(../images/background-header.jpg); background-repeat: repeat-x; height: 100px;}

.logo{padding: 0;}
.logo img{display: block;  max-width: 285px;}

.head{padding: 0; float: right;}
#head-top{width: 100%; font-size: 25px; float: right;}
#head-top p{margin: 0 18px 0 0; padding-top:9px;}
#head-bottom{width: 100%; }

.socal {float: right; margin: 9px 0 0 9px;}
#callforfree{text-transform: uppercase; color: #aeaeae; float: right; margin-right:10px; }

/*NavBar*/
.mobile{display: none;}
/*OFF CANVAS MENU AND NAV*/

.menu-link span { display: block; position: absolute;height: 4px; width: 100%; max-width: 27px; background: #fff; border-radius: 9px; opacity: 1; left: 0; margin-top: 7px; margin-left: 6px;}
/* Icon 3 */
.menu-link span:nth-child(1) { top: 0px;}

.menu-link span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 10px;}

.menu-link span:nth-child(4) { top: 20px;}

.menu-link.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;}

.menu-link.open span:nth-child(2) { top: 13.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}

.menu-link.open span:nth-child(3) { top: 13.5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}

.menu-link.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}

/*OFF CANVAS MENU AND NAV*/
#menu { position: fixed; top: 0; bottom: 0; width: 220px; height: 100%; background-color: #222; z-index: 999; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease; right: -220px; }
#menu.active { -webkit-transform: translate(-13.755em, 0px); -moz-transform: translate(-13.755em, 0px); -o-transform: translate(-13.755em, 0px); -ms-transform: translate(-13.755em, 0px); transform: translate(-13.755em, 0px);}
.menu-link { position: absolute; top: 23px; left: -50px; height: 33px; width: 40px; background-position: center center; z-index: 99; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.active a.menu-link{ position: absolute;  left: -50px;  padding-top: 4px; background-repeat: no-repeat; background-size: cover;}
.active a.menu-link.glyphicon{ color: #fff;}
#menu ul { list-style: none; padding-left: 0px;}
#menu ul li{ padding: 20px; color:#fff; }
#menu ul a{ text-decoration: none; }
#nav ul>li>a:hover{border-bottom:3px solid #961414;}
.navbar-inverse{background-color: transparent; border: 0;}
#nav{float:left; font-weight: 500; text-transform: uppercase; padding-top: 20px;}
#nav ul{list-style: none; color: #fff; cursor:pointer;}
#nav ul>li{display: inline; padding: 10px; margin-left: 30px; color: #fff;}
a{color: #fff;}
a:hover{color: #ccc; text-decoration: none; }
.active{text-decoration: none; border-bottom: 3px solid #961414;}

.dropdown-menu ul>li{margin-left:0;}
.dropdown-menu>li>a:hover {background-color: #272727; border: 0; color: #fff;}
.dropdown-menu {background-color: #272727; border: 0; border-radius: 4px; -webkit-box-shadow:none; box-shadow:none; color: #fff; font-size: 12px;}
.dropdown-menu li>a{color:#fff;}
.styled-select{background: url(../images/drop-down.png) no-repeat no-repeat scroll right 10px center; -webkit-appearance: none;}
/*NavBar*/

.number{color: #fff; font-size: 40px; font-weight: 500; float: right;}
.number1{display: none;}

#banner{background-image: url(../images/banner.jpg); width: 100%; height: 540px;  padding-top: 120px; background-size: cover;}
.banner-txt{padding: 25px 15px; text-transform: uppercase; color: #fff; background: #222222; float: left; clear: both; margin-top: 10px;}
.banner-txt h2{font-weight: 700; padding: 0; margin: 0;}

.btn-background-light{background: #1d1d1d; padding: 3px 0 6px 0; overflow: auto; text-transform: uppercase; font-weight: 700;}
.red-btn{background: #961414; color:#fff;  text-align: center; width: 20%; padding: 15px; border-right:4px solid #1d1d1d; box-sizing: border-box;}
.red-btn:hover{background: #9a0900;}
.dropdown select{display: none;}

.btn-background-dark{background: #222222; overflow: auto; font-weight: 700;}
.black-btn h2{color: #fff; font-size: 14px; font-weight: 500;}
.black-btn h2, p{margin:0; padding:0; display: inline-block; margin-left: 5px;}
.black-btn{border-right:1px solid #4f4f4f; padding: 20px 60px;}
.black-btn img{display: block; float: left; margin-top: 5px;}
.last{border-right: 0;}

main{ box-sizing: border-box;}
main p{margin-bottom: 15px;}
.content h1{font-size:25px; font-weight: 700; color: #222222;  text-transform: uppercase;}
.content h2{font-size:16px; font-weight: 700; color: #222222;  text-transform: uppercase; text-align: center;}
.content{ font-size: 14px; font-weight: 400;  background: #FFFFFF;}
.right img{display: block; width: 100%; height: auto; padding: 20px 0;}
.sep{padding:30px 0; background: #961414; text-align: center; margin-bottom: 20px;}
.sep h2{color: white;}
.box{text-align: justify; padding-bottom: 30px;}


.cover{background-image: url(../images/coverage.jpg); width: 100%; text-align: center; max-width: 1200px; padding: 30px; min-height: 285px;}
.cover h2{font-size: 24px; font-weight: 700; color: #222222;}
.cover ul{list-style: none; max-width: 800px; margin: 0 auto;}
.cover ul>li{color: #1d1d1d; display: inline;}
.cover ul>li>a{color: #1d1d1d;}

footer{background: #222; text-align: center; padding: 20px;}
footer li{display: inline-block;}

.call{background: #111; display: none; padding: 8px; position: fixed; bottom: 0; width: 100%; z-index: 1000;text-transform: uppercase; font-weight:500;}
.call-btn-right{width: 100%; padding: 10px; }
.call-btn-right img{width: 192px; display: block; margin: 0 auto;}

/*CONTACT*/
.contact{padding: 20px;}
.contact h3{font-size: 18px;}
.callback-form .submit:hover{ background-color: #BE6F04; }
.form-horizontal .form-group{margin-right: 0; margin-left: 0;}
.form-row{ width: 100%; margin: 0 auto; }
.form-half{ border: 1px solid #fff; padding: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-middle{width: 100%; display: inline-block; }
.form-control{ font-size: 16px;}
.btn-warning{background: #961414;}
.btn-warning{background: #7b1212;}
 
#success_message{ display: none; font-size: 24px;}
.well{ background-color: transparent; border:none; box-shadow: none; margin-bottom: 0px;}
.mid {text-align: center;}
::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}
.google{width:308px; margin: auto; padding-bottom: 10px;}
.none{display:  none}
/*CONTACT*/
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.red-btn {padding: 15px 49px;}
.black-btn {padding: 20px 0 20px 35px;}	
}

@media only screen and (min-width: 250px) and (max-width: 991px) {
header{background: #222222; height: auto;}	
#head-top, .number,.socal, .btn-background-light, .btn-background-dark, .display{display: none;}
	
.logo img{max-width: 285px; margin: 0 auto; padding: 5px;}
	
.desktop{display: none;}
	
.mobile{ display: block;}	
	
#banner {height: auto !important; overflow: auto; padding: 50px 0;}
.banner-txt{padding:10px;}	
.banner-txt h2{font-size: 20px;}
	
.number1{color: #fff; font-size: 36px; font-weight: 700; background: #961414; padding: 10px; text-align: center; display: block;}

.dropdown{margin-top:15px;}
.dropdown select { padding: 10px; width: 50%; margin: 0 auto; background-color: #1d1d1d; display: block; font-weight: 500; font-size: 20px; color: #fff;  text-transform: uppercase; text-align: center; outline:0px;}	
option{background: #222; font-size: 20px; outline:0px;}	

.nav-back{background: #222; height: 38px; border-radius: 2px;}

footer{margin-bottom: 105px;}
	.none{display: block;}	
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
.logo img{width: 230px;}	
	.call{display: block;}	
}


.field{ padding: 10px; margin-bottom: 10px;
    border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
   
    background: rgba(255,255,255,0.5);
    
	box-sizing: border-box;
}