@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700');
body {
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Roboto', sans-serif;
	}
img {
	max-width: 100%;
}




.navbar-brand { margin-top:6px; }

header {
    position:absolute;
    top: 0;
    width: 100%;
}

.thankyoutxt {     max-width: 600px;     margin: 0 auto;     text-align: center; }

.thankyoutxt p { text-align:center;  }


.Display {
    display: none;
}

.main_bg{
	background:url(../images/banner.jpg) no-repeat center top;
	}
.marketing {
		padding:0;
	text-align: center;
	
}
.marketing h4 {
	font-size: 18px;
	padding: 20px 0;
	margin: 0;
}
.form-control {
	font-size:16px;
}

.rounded-circle {
    border-radius: 50%!important;
    width: 90px;
    height: 90px;
    line-height: 80px;
    margin: 0 auto 10px;
    border: 4px solid #36a5bc;
    background: #FFF;
    font-size: 45px;
    color: #36a5bc;
	cursor:pointer;
}
.rounded-circle:hover {
	background: #36a5bc;
	color: #FFF;
}
.phone_box {
	float: right;
	    margin-right: 5px;
}
.phone_box h3 {
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #ca1d5e;
	font-weight: 800;
}
.phone_box h3 span {
	display: block;
	font-size: 18px;
	text-align: right;
	color: #2a74b3;
	font-weight: 500;
}
.phone_box h3 strong {
	font-size: 22px;
	font-weight: 600;
}
.phone_box h3 span a {
	text-decoration: none;
	color: #2a74b3;
	padding-left: 5px;
}
.marketing h3 {
	font-size: 22px;
	line-height: 30px;
	margin:26px 0 20px;
	font-weight:600;
}
.marketing h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    color: #FFF;
    text-align: center;
    padding: 0 0 10px;
	line-height: 35px;

}
.marketing h4 span{
	font-size:26px;
	font-weight:700;
	color:#002936;
	}
	
main {
	margin: 0;

}

.left_box p {
    text-align: left;
	font-size:12px;
}
.capbox{
	position:relative;
	}
.capbox img {
    float: right;
    position: relative;
    margin:130px -40px 0 0;
    z-index: 1;
}
.capbox h4 {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    color: #002936;
    padding: 10px 19px;
    width: 100%;
    bottom: 82px;
    font-size: 45px;
    line-height: 50px;
    text-align: left;
}
.capbox h4 span {
    display: block;
	font-size:55px;
	line-height:60px;
	color:#f76b01;
}		
.left_box {
	padding:0;
	background: #009acc;
		width:100%;
	float:right;
	margin: 37px 0 0 0;
	padding:10px 5px 0;
}
.left_box .form-control {
    border-radius: 0;
    border: 1px solid #8e9ea4;
    background: #f8f7f7;
    box-shadow: none;
    height: 40px;
	font-size:14px;
	color:#555 !important;
}
.left_box .form-group:last-child {
	margin: 0;
}
.left_box input[type="submit"] {
	
	border: 3px solid #002936;
	color: #FFF;
	font-weight:500;
	font-size: 22px;
	line-height: 22px;
	height: auto;
	    padding: 11px;
    max-width: 200px;
	width: 100%;
	background: rgb(201,90,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,90,5,1) 0%, rgba(212,94,4,1) 0%, rgba(245,107,2,1) 0%, rgba(239,105,2,1) 0%, rgba(250,108,1,1) 0%, rgba(215,93,0,1) 51%, rgba(202,87,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(201,90,5,1) 0%,rgba(212,94,4,1) 0%,rgba(245,107,2,1) 0%,rgba(239,105,2,1) 0%,rgba(250,108,1,1) 0%,rgba(215,93,0,1) 51%,rgba(202,87,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(201,90,5,1) 0%,rgba(212,94,4,1) 0%,rgba(245,107,2,1) 0%,rgba(239,105,2,1) 0%,rgba(250,108,1,1) 0%,rgba(215,93,0,1) 51%,rgba(202,87,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95a05', endColorstr='#ca5700',GradientType=0 ); /* IE6-9 */
}

.left_box input[type="submit"]:hover{
background: rgb(202,87,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(202,87,0,1) 0%, rgba(215,93,0,1) 49%, rgba(250,108,1,1) 100%, rgba(239,105,2,1) 100%, rgba(245,107,2,1) 100%, rgba(212,94,4,1) 100%, rgba(201,90,5,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(202,87,0,1) 0%,rgba(215,93,0,1) 49%,rgba(250,108,1,1) 100%,rgba(239,105,2,1) 100%,rgba(245,107,2,1) 100%,rgba(212,94,4,1) 100%,rgba(201,90,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(202,87,0,1) 0%,rgba(215,93,0,1) 49%,rgba(250,108,1,1) 100%,rgba(239,105,2,1) 100%,rgba(245,107,2,1) 100%,rgba(212,94,4,1) 100%,rgba(201,90,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca5700', endColorstr='#c95a05',GradientType=0 ); /* IE6-9 */}

.navbar-brand {
    margin-top: 0;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
}
form {
    background: #f0efef;
    padding: 15px;
}

.itembox {
	padding:50px 0;
	}
.itembox h4 {
	color:#f76b01;
	margin:0 0 50px;
	font-size:24px;
	}
.itembox h4 span {
    display: block;
    color: #00394c;
    padding: 10px 0 0 0;
    font-size: 18px;
    font-weight: normal;
}	
.itembox ul{
	margin:0;
	list-style:none;
	text-align:center;
	padding:0;
	}
.itembox ul li{
	float:left;
	width:25%;
	cursor:pointer;
	
	}
.itembox ul li h5{
	color:#009acc;
	font-size:18px;
	margin:30px 0 0 0;
	text-transform:uppercase;
	}
.itembox ul li:hover h5{
	color:#f76b01;
	}	
.img-h{
	display:none;
	}
.itembox ul li:hover .img-h{
	display:inline;
	}
.itembox ul li:hover .img-n				{
	display:none;
	}
footer {
	margin:0;
	padding:8px 0;
	text-align: center;
	border-top: 1px solid #FFF;
	background: #000;
}
footer p {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 14px;
	margin:0px 10px 0px 10px;
}
footer p a{
	color:#009acc;}
footer p span{
	padding:0 10px;
	color:#666	;}	
.navbar{
	margin:0;
	}
	
.blubox{
	margin:70px 0 0 0;
	color:#FFF;
	background:#002936;
	}
.blubox h4 {
    font-size: 24px;
    color: #FFF;
    padding:30px 0 0;
}
.blubox h4 span{	
	color:#f76b01;
		
}
.blubox p{
	font-size:15px;
	line-height:22px;
	font-weight:400;
	}
	.blubox img {
    margin-top: -45px;
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
	width: 100%;
	z-index: 9999;

	
  height: 100%; /* Full height */

  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;

}

/* The Close Button */
.close {
  color: #000;
  font-size: 34px;
  font-weight: bold;
	right: 10px;
    position: absolute;
    top: 0px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.about-content { margin: 20px; 	overflow-y: auto;
	height: 500px;}
		
.about-content .sub-title {
    display: block;
    margin-bottom: 4px;
    color: #b8924a;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}

.about-content p {font-size: 14px; }
	
	.about-content .sub-title2 {
    display: block;
    margin-bottom: 4px;
    padding-top: 6px;
    color: #111;   
    font-size: 18px;
    font-weight: 600;
}	
















 @media screen and (max-width: 1024px) {	

.capbox h4 span {
    display: block;
    font-size: 31px;
    line-height: 40px;
    color: #f76b01;
}
.capbox img {
    max-width: 220px;
    margin: 140px -41px 0;
}
.capbox h4 {
    position: absolute;  
    font-size: 35px;
    line-height: 50px;
    text-align: left;
/*    top: 240px;*/
	height:110px;
}
 }	
 @media screen and (max-width: 980px) {	
 .capbox img {
	 display:none;
	 }
 }
 @media screen and (max-width: 900px) {	

.left_box{
	    border-radius: 0;
		}

.navbar-brand > img {
    max-width: 270px;
}
.navbar-brand {
    height: auto;
    padding: 15px 0;

}
.phone_box h3 {
    font-size: 24px;
    line-height: 30px;
}
.phone_box h3 span {
    font-size: 16px;
    text-align: right;
    line-height: 16px;
}
.phone_box h3 strong {
    font-size: 20px;
}

.capbox img{
	display:none;
	}
.col-sm-8.capbox h4 {
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    color: #002936;
    padding: 10px 19px;
    width: 100%;
    bottom: 0;
	top:0;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    margin: 150px 0 30px 0;
   	    text-align: center;
		height:auto;
}
.col-sm-8.capbox h4 span {
    display: block;
    font-size: 37px;
    line-height: 40px;
    color: #f76b01;
}
.main_bg {
  
    background-size: cover;
}
header {
    position: absolute;
    top: 0;
    width: 100%;
	text-align:center;
}
.itembox ul li {
    float: left;
    width: 50%;
    cursor: pointer;
	    min-height: 200px;
}
.left_box {
    border-radius: 0;
    max-width: 400px;
    float: none;
    margin: 0 auto;
}	
.blubox img {
    margin-top: 0;
}
.navbar-brand{
	float:none;
	}
.blubox{
	margin:0;
	}
.navbar-brand > img {
    display:inline-block;
}

.itembox {
    padding: 50px 0 0;
}	
.col-lg-4.col-sm-6 {
    width: 100%;
}
.col-lg-8.col-sm-6.capbox {
    width: 100%;
}
.capbox h4 {
	position:relative;
	top:0;
	margin:102px 0 30px;
	text-align:center;
	    max-width: 400px;
		    display: inline-block;
	}
.blubox h4{
	padding:0;
	font-size:22px;
	}
.blubox p {
    font-size: 14px;
    line-height: 22px;
}		
}	

 @media screen and (max-width: 767px) {
	 
	 .mt20 {margin-top: -50px}
	 

/*
	 
.offermobile {
	top: 10px;
    position: relative;
     width: 170px;
	z-index: 1;
 left: 25%


}
*/

	 
.navbar-brand{
	padding:10px 0 0;}	 
.navbar-brand > img{
	max-width:100%;
	}	 
.phone_box {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center;
}
.phone_box h3 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px;
}
.phone_box h3 strong {
    font-size: 18px;
}
.navbar-dark .navbar-brand {
 margin: 0;
}
.navbar {
 padding: 0;
}
.blubox img{
	display:none;
	}
.title_bg {
    background:none;
}

.phone_box h3 span {
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}
	 
.marketing h3 {
    font-size: 20px;
    line-height: 25px;
}
 }