/*!
Lets Map Style Sheet
Author: Ware Affair
Year: 2016
 */
html{background: rgb(56, 56, 56); }
body {
    padding-top: 70px;
	background: url('../img/lorem-banner.jpg');
}
h1, h2, h3, h4{color: rgb(42, 67, 125) !important;}
.navbar{background: white !important; box-shadow: 2px 0px 2px #999;}
.navbar-fixed-top .nav {
    padding: 15px 10px;
	background: white !important;
}
.nav li a {
  flex:1;
  background:white;
  transition:.35s;
  cursor:pointer;
  font-size: 18pt;
}
.nav li a:hover{color: rgb(92, 184, 92);}
.nav li a:active { transform:scale(2); opacity:0.15; transition:0; border-radius:8px; z-index: 100; text-align: center;}
.nav li a:before{
content: ''; 
position: absolute; 
top: 0;
left:0;
bottom:0;
right:0;
width: 0px;
height: 2px;
background: rgb(92, 184, 92);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s; 
transition: 0.3s ease-in-out;}

.nav li a:hover:before{
width: 100%;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}
.icon-bar{background-color: rgb(42, 67, 125) !important;}
.navbar-toggle{border-color: rgb(42, 67, 125) !important;}
.navbar-brand img{
width: 220px; 
margin-top: 10px !important;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.navbar-brand img:hover{ margin-top: 8px !important; width: 225px;}
.modal-header, .modal-title{ background: rgb(56, 56, 56); color: white !important;}
.carousel{background: url('../img/wtrmrk.png'); background-position: right;}
#banner{padding-top: 30px; padding-bottom: 30px;}
#cntnt, #cntnt1{ background: rgb(69, 76, 88); padding-top: 20px; padding-bottom: 20px; color: white;}
#cntnt1{padding-bottom: 45px;}
#cntnt h2, #cntnt h3, #cntnt h4{color: white !important; line-height: 1em;}
#cntnt1 h2, #cntnt1 h3, #cntnt1 h4{color: white !important; line-height: 1em;}
#cntnt_clear{padding-top: 30px; padding-bottom: 30px;}
#contact_form{background: rgb(69, 76, 88); padding-top: 70px; padding-bottom: 70px;}
#footer {
    padding-top: 30px;
	padding-bottom: 30px;
	background: rgb(56, 56, 56);
	color: white;
	margin: 0px;
}
.serviceRow{margin-bottom: 12px;}
.serviceRow div {
margin-bottom: 8px;
-webkit-transition: 0.5s all;
   -moz-transition: 0.5s all;
     -o-transition: 0.5s all;
        transition: 0.5s all;
}
.serviceRow div img:hover {
opacity: 0.8;
-webkit-transition: 0.3s all;
   -moz-transition: 0.3s all;
     -o-transition: 0.3s all;
        transition: 0.3s all;  
} 
.contact_details{font-size: 12pt; color: white; margin-bottom: 7px;}
.contact_details table td {padding-top: 6px; vertical-align: top;}
#contact_form h3{color: white !important;}

.info_wrap{position: relative; min-height: 200px;}
.btn_wrap{position: width: 98%; position: absolute; bottom: 0;}

@media(max-width:767px){
	/*.navbar-fixed-top .navbar-brand {
        padding: 0px 0;
    }*/
.navbar-brand img{width: 170px;}
.navbar-brand img:hover{ width: 190px;}
.contact_details{font-size: 12pt; color: white; margin-bottom: 15px;}	
.carousel{background: url('../img/wtrmrk.png') no-repeat; background-size: 100%; background-position: 0px 130px;}
}
@media(min-width:768px) {
    body {
        padding-top: 100px;
    }
	
    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
	.navbar-brand {width: 230px;}
	#cntnt div div:nth-child(even){border-left: 1px solid rgb(40, 40, 40); border-right: 1px solid rgb(40, 40, 40);}
}
@media only screen and (max-width : 992px) {
.navbar-fixed-top .navbar-brand {
        padding: 2px 0;
    }	
}