/*
Theme Name: KLWD
Author: KLWD 
*/

a {
    color: #39a3d7;
  
}



h1,h2,h3
{
  line-height:1.2;
  font-weight:700;
}

a:hover{
  text-decoration:none;
}

*{
  font-family: "Segoe UI", "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
}


body{
  overflow-x: hidden;

    font-size: 16px;
    line-height: 1.6;
    color: #104270;
}
.navbar-toggle .icon-bar{
  background:#FFF;
}

.header{
  background:#39a3d7;
  }

.header img{
  padding:24px 0; 
	max-width:476px; 
	width:100%;
  }
  
  @media(max-width:768px){
  
  .header img{
  padding:12px 0; 

  }
  
}

.no-margin{
  margin:0 !important;
}
#logo{
  max-width: 326px;
  max-height: 326px;
}
.navbar-grovemere{
  background: #4f4f4f;
    background: -moz-linear-gradient(top, #4f4f4f 0%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3e3e3e));
    background: -webkit-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: -o-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: -ms-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: linear-gradient(to bottom, #4f4f4f 0%,#3e3e3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3e3e3e',GradientType=0 );
  margin-top:0px;
  border:0;
  height:50px;
  /*overflow:hidden;*/
  border-radius:0;
}
@media(max-width:768px){
  #navbar{
   background:#ffffff;
   position:relative;
   z-index:10000;
      border-bottom: 2px solid #104270;
  }
  #navbar ul{
   /*display:block !important; */
      background: #333
  }
}

.dropdown-menu{
	  background: #4f4f4f;
    background: -moz-linear-gradient(top, #4f4f4f 0%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#3e3e3e));
    background: -webkit-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: -o-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: -ms-linear-gradient(top, #4f4f4f 0%,#3e3e3e 100%);
    background: linear-gradient(to bottom, #4f4f4f 0%,#3e3e3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#3e3e3e',GradientType=0 );
	}

.navbar{
  margin-bottom:0px;
  }
  
.navbar-grovemere-top{
  background: #ffffff;
  margin: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1000;
}
.center-aligned{
  text-align: center;
}
.navbar-grovemere ul{

}
.navbar-grovemere ul li{

}
.navbar-grovemere ul li a{
  color:#dddddd;
  text-transform: uppercase;
   font-size: 18px;
  font-weight:500;
  text-shadow: 0 -1px #151515;
    border-right: 1px solid black;
    border-left: 1px solid #4c4c4c;
}
.navbar-grovemere ul li.active{
  background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.05))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
}
.navbar-grovemere ul li.active a{
     color: #eeeeee !important;
}
.navbar-grovemere > ul li:hover a{
  background:#32beef;
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.nav>li>a:hover {
       background: -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.05))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
}


.navbar .navbar-collapse {
    text-align: center;
}
.header-row{
  padding:70px 0;
  padding-top:40px;
}
.blue{
  background:#2c2433;
  color:#FFF !important;
  font-size:22px;
}
.orange a{
  background-color:#f17721;
  color:#FFF !important;
  padding:10px 0;
  display:block;
  text-align:left;
  text-decoration:none;
}
.contact-bar-text{
  padding:10px 0;
}
h1{
    font-size: 48px;
    color: #ffffff;
    text-transform: ;
    line-height: 48px;
    text-transform: uppercase;
    padding: 10px 16px;
    font-weight: 600;
    padding-left: 0;
  text-align:center;
      margin-top: 14px;
}
h2{
  color: #104270 !important;
  font-size:27px;
  font-weight:700;
}
h4{
    color: #104270;
    font-size: 21px !important;
    text-transform: none !important;
    text-align: left;
    margin: 0px auto;
  font-weight:bold;
  padding-bottom:8px;
  padding-top:8px;
}
.grey-row{
  background:#f1f1f1 !important;
  padding:30px 0;
}
.news-post{
  background:#FFF;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  text-align:center;
}
.news-post h3{
  font-size:19px;
	margin-top:14px;
  text-align:left;
  margin-left:20px;
}
.news-post h4{
  text-align:left;
  margin-left:4px;
}
.news-post img{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  max-width:100%;
  max-height:200px;
}
.news-post p{
  font-size:16px;
  font-weight:500;
  padding:3px;
}
footer{
   background:#39a3d7;
   padding:30px 0 80px;
   color:#FFF !important;
   font-size:16px !important;
  background-position: 50% 50%;
    background-size: cover;
}
#footerlogo{
  margin-bottom:30px;
}
footer h2 a{
  color: #ffffff !important;
  font-weight: 700;
  font-size:30px !important;
  margin-top:20px;
  margin-bottom:20px;
}
footer h3 a{
  color: #ffffff !important;
  font-weight: 700;
  font-size:30px !important;
  margin-top:20px;
  margin-bottom:20px;
}

@media (max-width: 960px){
footer h2 a{
  
  font-size:30px !important;
}

#footer-text p {
	padding:20px 0;
    border-bottom: 1px solid #999999;
      border-top: 1px solid #999999;

}
footer h2 {
    
    margin: 0;
    padding: 0;
    line-height: 1;
    margin-bottom: 18px;
}
}


footer h4{
  color: #eb7005;
  font-weight: 400;
  font-size:20px;
}
footer .tweets a{
  color: #009fe3;
}
footer ul{
  margin:0;
  padding:0;
}
footer ul li{
  list-style: none;
}
footer ul li a{
  font-size:16px;
  color:#FFF;
}
footer ul li a:hover{
  color:#FFF;
}
#footer-text{
  text-align:center;
  color:#999;
}
#footer-text a{
  color:#ffffff;
}


#footer-text ul {
  list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
#footer-text li {
  list-style-type: none;
    margin: 0;
    padding:6px 20px;
    display: inline-block;
}

.breadcrumbs
{
  height:30px;
	padding-bottom:10px;
  color:#757575 !important;
}
  .breadcrumbs a
  color:#757575 !important;
}

.mainContentText
{
  border-right: 1px solid #2c2433;
  padding-right:20px;
  margin-bottom:50px;
  
}

.mainContent h1 {
    font-size: 28px !important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 36px;
    padding-top: 0px;
}
.mainContent h2 {
       font-size: 28px !important;
    text-transform: none;
    font-weight: 700;
    line-height: 40px;
    padding: 10px 0;
    letter-spacing: 0px;
    padding-top: 0px;
    margin-bottom: 0;
    margin-top: 20px;
}
.mainContent h3 {
    font-size: 28px !important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    padding: 10px 0;
    margin-top: 0px;
    letter-spacing: 1px;
  padding-top:26px;
}


.mainSide h2 {
    font-size: 28px !important;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    padding-top: 20px;
}

.defaultSide 
{
  background:#f6f6f6;
  margin:16px auto; 
  padding:20px;
}

.defaultSide .socialIcons
{
  
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 6px;
    text-align: center;
    padding-top: 0px;
    font-size: 34px;
  border-radius: 4px;
}

.servicesList
{
margin-left: 0;
padding-left: 20px;
list-style: square;
  margin-bottom:0;
}

.servicesList li
{
  padding-left: 20px;
    line-height: 29px;
}


.linksList
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.linksList li
{
  padding-left: 34px;
	background:#104270;
    line-height: 47px;
  font-size:28px;
  margin-bottom:10px;
  border-radius:5px;
}
.linksList li:hover
{
	background:#11316A;
}
.linksList li a
{
  display:block;
  color:white;
  text-transform: uppercase;
padding:3px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
}

.contactList
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.contactList li
{
  padding-left: 34px;
  margin-bottom:10px;
  border-radius:0px;
  display: block;
    color: white;
    text-transform: none;
    padding: 3px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 30px;
}


.property-listing
{
  margin-bottom:20px;
}

.property-listing h2 {
    font-size: 26px !important;
    color: #eb7005;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 26px;
    padding-top: 0px;
    text-align: left;
}

.property-listing h3 {
    font-size: 26px !important;
    color: #2c2433;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    line-height: 28px;
    padding-top: 0px;
    text-align: left;
    padding-bottom: 16px;
}

.property-listing ul
{
      padding-left: 20px;
}

.property-listing li
{
  color:#959595;
  font-size:18px;
}

.staffprofile
{
 	    width: 100%;
    text-align: left;
    margin-top: 15px;
}

.staffprofile img
{
 	border-left:3px solid #eb7005;
  float:left;
}

.staffprofile h2
{
  	margin-top:-5px;
  	margin-bottom:0px;
  	padding:0px;
  	text-align:left;
  	float:left;
}

.staffprofile h3
{
  	margin-top:-5px;
  	margin-bottom:0px;
  	padding:0px;
  	text-align:left;
  	float:left;
}

.staffprofile h2 span
{
 	color:#000;
  	font-size:20px;
}

.staffprofile h4
{
 	margin-top:10px; 
}

.staffprofile .col-md-12
{
  	margin-top:-10px;
}

#caseStudy 
{
  background:#dedede;
  padding-top:50px;
}

.envira-gallery-wrap, .envira-gallery-wrap .envira-gallery-public 
{
    margin-bottom:0px !important;
}
	
#agents p
{
  font-size:20px;
}
#agents
{
   
   padding:30px 50px 20px 50px; 
  border-top:10px solid #2c2433; 
  margin-top:20px;
}


/*
Rob changes
*/


.cta-button{
	  	margin-bottom:30px; border-radius:5px; text-align:center; width:100%; display:block;
	}
	
	.cta-button a{
    color: white;
    display: block;
    text-transform: uppercase;
    padding: 30px 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;		}

#cta{
  background-color:#39a3d7;
  padding-top:30px;
  margin-top:30px;
}
@media (min-width: 991px) and (max-width: 1199px) {
	.navbar-nav>li>a {
    font-size:15px !important;
	padding-left: 20px;
    padding-right: 20px;
	}
  }

@media (min-width: 768px) and (max-width: 990px){
	.navbar-nav>li>a {
    font-size:14px !important;
	padding-left: 11px;
    padding-right: 11px;
	}
	
	.staffprofile .col-md-12 {
    	margin-top:0px;
	}
.linksList li a {
    
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 26px;
}
.linksList li {
    padding-left: 18px;
  }
  .defaultSide .socialIcons {
    width: 38px;
    height: 38px;
    float: left;
    margin-right: 4px;
    text-align: center;
    padding-top: 0px;
    font-size: 24px;
    border-radius: 4px;
    margin-bottom: 10px;
}
  .servicesList li {
    padding-left: 0px;
    line-height: 27px;
    font-size: 13px;
}
  .cta-button a {
    color: white;
    display: block;
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
  }

@media (max-width: 990px)
{
  .staffprofile .col-md-4
	{
		    width: 100%;
    float: left;
  	}
  
.staffprofile h2 span
	  {
			line-height: 20px;
		  margin-bottom: 5px;	
		}

		#agents
		{
   
   		padding:20px;
		}
  
	#footerlogo{
    margin: 0px auto;
    margin-bottom: 40px;
	}
			
}
  
  
@media (min-width: 1200px){
  
		.navbar-nav>li>a 
		{
  		  padding-left: 23px;
  		  padding-right: 23px;
		  font-size:19px;
		}
	}
	#about-image{
	  width:initial !important;
	}
	
.news-post h3
{
	font-size:21px !important;
	  font-weight:600 !important;

}

#bybike, #bycar, #bytrain, #byfoot, #travelplan {
    padding-top: 50px;
    margin-top: -75px;
}

#celebtext
{
 	padding-top:5px;
  	padding-bottom:5px;
  
}

#celebimg
{
 	padding:10px 0px 10px 0px;
  text-align: center;
}

#more, #more1, #more2, #more3
{
 	padding:15px; 
}

.testimonial {
    width: 100%  !important ;   
  border:0  !important;
    border-left: 4px solid #39a3d7  !important;
      background: #f6f6f6;
}

.testimonial .inner
{
  background: none !important;
}

.testimonial h3
{
  color:#2c2433 !important;
  font-size:23px !important;
}

.info{
    font-size: 14px;
    margin-bottom: 10px;
    color: #444;
}

.home-features li
{
  margin-bottom:10px;
}

.contact-header {
    background: #2c2433;
    margin-top: 20px;
    padding-top: 20px;
}
	
.contact-header h3{
    text-align:left;
	color:#eb7005;
  
}
.contact-header p{
    text-align:left;
	color:#fff;
  
}
	
	.pad{
		margin-top:10px;
		margin-bottom:10px;
	  }

.h4, h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 22px;
}


@media (max-width: 1200px){
		#devmapcontainer
		{
  		  display:none;
		}
	}

#devmap { position:relative; }

.dev-lables {
  position: absolute;
  top: 0;
}

.dev-lables div {
  cursor:pointer;
}

#devmap .square {
    display: none;
    position: absolute;
    background-color: RGBA(255,0,0,0.4);
    border: 2px solid #DD0000;
    border-radius: 3px;
  color:#fff;
  font-weight:900;
}

#devmap .square:before {
  content:"";
  padding:3px;
}

#devmapcontainer .lable:hover .square {
  display:block;
}

#devmap .square.one {
    width: 48px;
    height: 41px;
    top: 432px;
    left: 156px;
}

#devmap .square.two {
    width: 48px;
    height: 39px;
    top: 382px;
    left: 187px;
}

#devmap .square.three {
    width: 57px;
    height: 46px;
    top: 428px;
    left: 206px;
}

#devmap .square.four {
	width: 104px;
    height: 54px;
    top: 417px;
    left: 275px;
}

#devmap .square.five {
	width: 53px;
    height: 45px;
    top: 368px;
    left: 465px;
}

#devmap .square.six {
    width: 60px;
    height: 91px;
    top: 353px;
    left: 389px;
}

#devmap .square.seven {
    width: 72px;
    height: 36px;
    top: 436px;
    left: 463px;
}

#devmap .square.eight {
    width: 111px;
    height: 54px;
    top: 358px;
    left: 268px;
}

.sidebarbutton{
	background:#eb7005;
	text-align:center;
	margin:30px auto;
	width:100%;
	padding:14px;
	font-weight:bold;
	color:#fff;
  }
  
.sidebarbutton a{	
	font-weight:bold;
	color:#fff;
	  text-transform:uppercase;
  display:block;
width:100%;
  height:auto;
  }


.bx-viewport{
	  padding:0px 40px;
	}


.portItem {
    background: #f6f6f6;
    padding: 10px;
    margin-bottom: 22px;
}

.portTop img{
	width:100%;
  height:277px;
  }
  
  .portBottom{
	  margin:0;
	}

.portBottom h3, .portBottom p{
	white-space: nowrap;
  overflow: hidden;
	    text-overflow: ellipsis;
  text-transform:uppercase !important;
  }

.portBottom p{
    text-align: center;
    margin-bottom: 0;
  }
  
  
.portBottom h3{

    padding-top: 20px;
    text-align: center;
    font-size: 24px !important;
    padding: 10px;
  margin-bottom:0;
  line-height:30px;
  padding-bottom:6px;

  }

@media (max-width: 960px){

  .portItem {
    background: #e6e6e6;
    padding: 12px;
    margin-bottom: 12px;
}
.portBottom h3, .portBottom p{
  font-size: 14px !important;
    line-height: 14px;
    padding: 0;
    padding-top: 12px;
    margin: 0;
    letter-spacing: 0px;
  }
  
}

.wpcf7 input, .wpcf7 select,  .wpcf7 textarea{
	width:100%;
  }
  
.wpcf7 .col-sm-6{
		  margin:4px 0;
		}

input[type=submit]{
		  font-weight:bold;
		}
		
		
.container>.navbar-header {
			border-bottom:2px solid #104270;
    background-image:url('/wp-content/uploads/2017/03/klit-mobile-logo.png');
  background-size:147px 34px;
  background-repeat:no-repeat;
  background-position:8px 7px;
		  }
.navbar-toggle {
		
    background-color: #104270;
 
		  }
.navbar-toggle:before {
		
content:"MENU";
		position: absolute;
    left: -46px;
    top: 6px;
    font-size: 14px;
  color:white;
	  
	  }

.ticklist{
	list-style-type:none;
  }
  .ticklist li{
margin-bottom:20px;
	}

#contactDetails{
  float:right;
}

@media (max-width: 767px){
#desktopBanner{display:none;}
#mobileBanner{display:block;}
.header{text-align:center; }
#contactDetails{
  float:none;
}
}

@media (min-width: 768px){
#desktopBanner{display:block;}
#mobileBanner{display:none;}
}

.col-xs-11 {
    width: 90%;
}

@media (min-width: 768px) and (max-width: 997px){
.portTop img{
	width:100%;
  height:200px;
  }
}

@media (max-width: 767px){
.portTop img{
	width:100%;
  height:100%;
  }
}



@media (max-width: 430px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
}
	.portItem{
	padding:6px;
	  }
  }

.navbar-grovemere ul li.open > a{
	  color:#104270;
	}