/**/
@font-face {
	font-family: 'GothamBook';
	src: url('./type/GothamBook.eot');
	src: local('GothamBook'), 
	     url('./type/GothamBook.woff') format('woff'), 
		 url('./type/GothamBook.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-size-adjust: 50%;/**/
}

@font-face {
	font-family: 'gothambold1';
	src: url('./type/gothambold1.eot');
	src: local('gothambold1'), 
		 url('./type/gothambold1.woff') format('woff'), 
		 url('./type/gothambold1.ttf') format('truetype');
}



@font-face {
  font-family: 'GothamMedium';
  src: url('./type/GothamMedium.eot');
  src: url('./type/GothamMedium.eot?#iefix') format('embedded-opentype'),
       url('./type/GothamMedium.woff') format('woff'),
       url('./type/GothamMedium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamLight';
  src: url('./type/GothamLight.eot');
  src: url('./type/GothamLight.eot?#iefix') format('embedded-opentype'),
       url('./type/GothamLight.woff') format('woff'),
       url('./type/GothamLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBlack';
  src: url('./type/GothamBlack.eot');
  src: url('./type/GothamBlack.eot?#iefix') format('embedded-opentype'),
       url('./type/GothamBlack.woff') format('woff'),
       url('./type/GothamBlack.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
  color: #000B22; /* 1BB0E8 */
  background-color:#EEEEEE;
  padding-top: 0px; /* 60px to make the container go all the way to the bottom of the topbar */
/*
  padding: 0 0 10px 0;
  color: #062D3C;
  background-color:#062D3C; darkk blue

  background-color:#E9E6E0; çiight beige
  background-color:#B3A9A0; zand
  background-color:#FFFFFF;
  background-image:url(./img/162.png); 
  height:100%;*/
  position:relative;
  
  font-family: 'gothambold1','GothamMedium', Tahoma, Verdana;
  font-size:13px;
  
}
/*
@media (min-width: 1200px) {
  .container {
    width: 960px !important;
  }
}
*/

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
/*	background: url('../imgs/loader.gif') 50% 50% no-repeat rgb(255,255,255);*/
	background: url('../imgs/ajax-load.gif') 50% 50% no-repeat rgb(255,255,255);
}

a {
   color:#999999;
 
}

a:hover {
   color:#00236C;
 
}

::selection {
	background:#00236C; /* Safari */
    color:#FFFFFF;
	}
::-moz-selection {
	background:#00236C; /* Safari */
    color:#FFFFFF;
}

/* dropdown boxes: heading (1st option) en choice (overige options)*/
.drop {
	background-color:#9DBDFF;
	color:#FFFFFF;
	line-height:12px;
}

.drop:active {
	background: #000000; /* Firefox */
    color:#FFFFFF;
}

/*
#logo {
	position: relative; 
	top: 0px;
	left:0px; 
	width: 270px;
}
*/

#header_left {
	float: left;
	position: relative; 
	top: 0px;
	left: 0px;
	font-family: Arial, "ITC Avant Garde Gothic Demi", Century Gothic;
	font-size:24px;
	color:#6699FF;
/*	
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  outline: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
*/	
}

#header_right {
	float: right;
}

#header_top {width: 100%; min-height: 70px; float: left;}
#header_top img {display: block; margin-left: auto; margin-right: auto; margin-top: 7px;}
#header_top ul {list-style-type: none; margin: -35px 0 0 0px; float: right;}
#header_top li {text-decoration: none; text-align: center; height: 22px; width: 22px; margin: 0 0 0 0; float: left;} 
#header_top li a {text-decoration: none;} 
#header_top .actief {margin: -2px 5px 0 5px; padding: 2px 1px 1px 1px; text-align: center; border: 1px solid #b5b2b2; border-radius: 0px;}

.affix {
  width: inherit; /* helped keep the content the same size on fluid layouts */
  position: fixed;
  top: 50px;  /* /height of the nav */
}
.affix-bottom {
  width: inherit;
  position: absolute;
  top: auto;
  bottom: 200px;  /* height of the footer */
}
.affix-top {
  /* i didn't need this style but you might */
}



/*====================================================================================*/
 /* 03 HEADER 
/*====================================================================================*/

/* TOP BAR */
/***********************/
.topBar {
	padding:7px 0px 7px 0px;
	min-height:36px;
	border-bottom:1px solid #e8e8e8;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #f2f2f2); /* Standard syntax */
}

.topBarText { 
	font-family:Open Sans;
	color:#8e8e8e;
	font-size:11px;
	float:left; 
	margin-top:3px;
	margin-right:20px; 
	margin-bottom:0; 
}

.socialIcons { float:right; margin-bottom:0; }
.socialIcons li {
	display:inline;
	padding-left:10px;
	padding-right:6px;
/*	border-left:1px solid #161B3A; */
}

.topBarText a { color:#8e8e8e; }

.socialIcons li a {
	-webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.socialIcons li a:hover { opacity:0.6; }

.socialIcons .topBarText {
	display:none;
	float:none;
	margin-right:0px;
}


/* MAIN HEADER */
/***********************/
.dropdown:hover .dropdown-menu {
    display: block;
 }

 .navbar.navbar-default.navbar-fixed-top { 
 	background-color:#1f2650;
	border:none; 
	box-shadow: 0px 0px 3px #9c9c9c;
	z-index:1002;
}

.navbar-toggle { margin-top:7px; }
/*.navbar-default .navbar-toggle { background-color: #333333 !important; border: #FFFFFF; }
.navbar-default .navbar-toggle:hover { background-color: #000000 !important; border: #FFFFFF !important; }*/


.nav.navbar-nav li a {
/*	font-family:Proxima Nova Reg; */
	color:#999999;
	font-size:12px;
	letter-spacing:0.4px;
	padding-top:16px; /* positioning navbar */
	padding-bottom:13px;
	margin-right:8px;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
/*	position:relative;
	top: 0px;*/
}

.nav.navbar-nav li a:hover {
/*	background-color: #64a1ce; */
	background-color:transparent;
	color:#00236C;
	border-radius:0px;
	position:relative;
	top: 0px;
/*	margin-top:2px;*/
}

.nav.navbar-nav .activex {
	background-color: #64a1ce;
	color:#FFFFFF;
	border-radius:4px;
	position:relative;
	top: 0px;
/*	margin-top:2px;*/
}

.nav.navbar-nav li:hover .sub-menu { display:block; }

.nav.navbar-nav .current { box-shadow: inset 0 -4px 0px #FFFFFF; }
.nav.navbar-nav .current-sub { background-color:#f4f4f4; color:#d7ebfb; }

.nav.navbar-nav .dropdown .dropdown-menu {
	box-shadow: 0px 2px 3px #9c9c9c;
	background-color: #00236C;
/*	background-color:transparent;*/
	border:none;
	border-radius:0px;
	padding:0px;
	margin-top:0px;
}

.nav.navbar-nav .dropdown .dropdown-menu li a {
/*	font-family:Proxima Nova Semi-bold;*/
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#FFFFFF;
	font-size:12px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#efefef;
}

.nav.navbar-nav .dropdown .dropdown-menu li a:hover { background-color:#f4f4f4; color:#868686; }

/** DROPDOWN SUB-MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
        position:relative;
        overflow: visible;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        left:161px;
        margin-top:-39px;
        margin-left:-1px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        display:none;
        background-color:white;
    }
    
    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }

/** MEGA MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .yamm-content h4 a {
/*	font-family:Proxima Nova Light; */
	font-family:Book Antiqua; 
	font-size:15px; 
	color:#868686;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a {
	padding:0px;
	border:none;
	color:#4a4786;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a:hover {
	background:transparent;
	color:#4a4786;
}

.googleMap { border:none; width:100%; }



#fb_btn{
    display:block;
	width:30px;
	height:30px;
	float:left;
	background-image: url(imgs/facebook_off.gif);
	background-repeat:no-repeat;
	position:relative;
	top:-10px;
/*	left:200px;*/
	cursor:pointer;
	z-index:1200;

}

#fb_btn:hover{
    display:block; 
    width:30px;
	background-image: url(imgs/facebook_on.gif);
	background-repeat:no-repeat;
	z-index:1200;
}






/*-- haal kleine pijl boven op dropdown box weg: --*/
.dropdown-menu::before, 
.dropdown-menu::after {
    border: none !important;
    content: none !important;
}




.well {
  border: 1px solid #cccccc; /* #e3e3e3 */
	
}
/* style="border: solid #999999 1px; background-color:#CCCCCC;"
 style="border: solid #BEAD94 1px; background-color:#B3A9A0;"
  style="border: solid #BEAD94 1px; background-color:#8D7E70;"
--------------------------------------------FEATURED BOXES----------------------------------------------*/
.featured_box_np {
  border: solid #999999 1px; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	
  background-color:#CCCCCC;
}

.featured_box_fa {
  border: solid #BEAD94 1px; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	
  background-color:#B3A9A0;
}

.featured_box_la {
  border: solid #BEAD94 1px; 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	
  background-color:#8D7E70;
}

.block {
   min-height: 300px;
}
/*--------------------------------------------FEATURED BOXES----------------------------------------------*/

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00236C;
  *background-color: #00236C;
  background-image: -moz-linear-gradient(top, #00236C, #000B22);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00236C), to(#000B22));
  background-image: -webkit-linear-gradient(top, #00236C, #000B22);
  background-image: -o-linear-gradient(top, #00236C, #000B22);
  background-image: linear-gradient(to bottom, #00236C, #000B22);
  background-repeat: repeat-x;
  border-color: #000B22 #000B22 #00236C;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00236C', endColorstr='#ff000B22', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #000B22;
  *background-color: #00236C;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #00236C \9;
}


/*-- BTN-INVERSE --*/
.btn-inverse:visited {
  color: #ffffff;
}


/*====================================================================================*/
 /* SUB MENU LEFT - PAGES 
/*====================================================================================*/
.title_submenu {
   display:block; 
   width: 100%; 
   height: 50px; 
   font-size:24px; 
   padding: 10px; 
   background-color:#00236C; 
   color:#FFFFFF; 
   border-bottom: 
   solid #FFFFFF 1px;
}

.title_submenu_items {
   display:block; 
   width: 100%; 
   height: 40px; 
   font-size:14px; 
   padding: 10px; 
   background-color:#00236C; 
   border-bottom: solid #FFFFFF 1px;
}

#title_submenu a {
   color:#FFFFFF; 
}

.title_news {
   display:block; 
   width: 100%; 
   height: 50px; 
   font-size:24px; 
   padding: 10px; 
/*   background-color: transparent;  #E8E8E8 */
   color:#00236C; 
   border-bottom: 
   solid #FFFFFF 1px;
   text-indent: 10px;
}

.title_submenu_items:hover, .title_submenu_items:hover a {
   background-color:#FFFFFF; 
   color:#00236C; 
   text-decoration:none;
   cursor: pointer;
}


.title_submenu_items_curr, .title_submenu_items_curr a {
   display:block; 
   width: 100%; 
   height: 40px; 
   font-size:14px; 
   padding: 10px; 
   background-color:#FFFFFF; 
   color:#00236C; 
   text-decoration:none;
   cursor: pointer;
}


.divider{
   width: 15px;
   background-image:url(../imgs/afb_breadcrumbs.png);
   background-repeat:no-repeat;
   background-position: 6px 5px;
	
}
.breadcrumb {
	background-color: #FFFFFF;
	font-size:12px;
}
.breadcrumb > li + li:before {
    content: " " !important; 
}




.btnSide, .btnSide a {
  width: auto;
  background-color: #00236C; 
  color: #FFFFFF;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
		  
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		  
  padding: 1px 3px 2px 3px;
  float: right; 
}

.btnSide:hover, .btnSide a:hover {
  background-color: #9DBDFF;
  text-decoration:none;
/*  opacity:0.9;
  color:<?=stripslashes($roa[bgcolor])?>;
  box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.2);*/
}



/*====================================================================================*/
 /* 04 SUB-HEADERS 
/*====================================================================================*/

/** SUBHEADER HOME **/
.subHeader.home { margin-top: 0px; position: relative; top: -15px; }


/*.subHeader.home.bxslider .container { padding:89px 0px 150px 0px; } */

#slide1 {
	background-image: url('../images/villa.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

#slide2 {
	background-image: url('../images/apartments.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#slide3 {
	background-image: url('../images/villa2.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

/*
.subHeader.home.headerMinimal {
	margin-top:71px;
}
*/

.subHeader.home h1 {
/*	display:inline;
	font-family:Proxima Nova Light;
	font-family:'gothambold1', 'BrowalliaNew-bold';  */
	font-family:'GothamBlack', 'GothamMedium';
	font-size: 85px;
	letter-spacing: -2px;
	padding: 0px 10px 0px 0px;
	color: #FF9933;
	line-height: 75px;
	text-shadow: -2px -1px #222222;
}

.subHeader.home h2 {
/*	display:inline;
	font-family:Proxima Nova Light;
	font-family:'BrowalliaNew','GothamMedium'; */
	font-family:'gothambold1', 'BrowalliaNew-bold'; 
	font-size:40px;
	letter-spacing: -2px;
/*	background:rgba(225, 225, 225, 0.8); */
	padding:0px 10px 0px 0px;
	color: #FFFFFF; /* #FF9933 - orange | #3366CC - blue */
/*	position: relative;
	top: 120px;
	left: 10%; */
	line-height: 40px;
	text-shadow: -2px -1px #222222;
}


.subHeader.home h3 {
	font-family:'GothamBlack', 'GothamMedium';
	font-size:38px;
	letter-spacing: -1px; /**/
	color: #FF9933;
	line-height: 42px;
	position: relative;
	top: -10px;
}


.sliderTextBox {
	background:rgba(225, 225, 225, 0.8);
	padding:10px 15px 15px 15px;
	font-size:19px;
	
}

.sliderTextBox p { margin-bottom:20px; }

.sliderTextBox .buttonGrey.large { border-color:#bdbdbd; display:inline-block; }

.sliderTextBox .buttonColor { padding:10px 30px 10px 12px !important; display:inline-block; }

.icon-button-arrow {
	margin-top:-9px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-arrow.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #c6c6c6;
	padding:20px 10px 20px 0px;
	position:absolute;
}

.icon-button-user {
	margin-top:-10px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-user.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #629125;
	padding:20px 10px 19px 0px;
	position:absolute;
}

.buttonText { margin-left:50px; }

.subHeader.home {
    position: relative;
	top: -20px;
}

.subHeader.home .sliderPrice { 
	font-size:50px;
	float:right; 
	line-height:55px;
	margin-top:190px;
}

.or { 
/*	font-family:Proxima Nova Semi-bold;*/
	font-family:Book Antiqua; 
	font-size:13px;
	padding:10px 30px 10px 30px;
	margin:0px 10px 0px 10px;
	background-image: url('../images/arrow.png');
	background-repeat:no-repeat;
	background-size:75px;
}

.sliderControls {
	margin-top:300px; 
	position:absolute; 
	width:100%;
}

.sliderControls span { 
	margin-top:0px; 
	opacity:0.5; 
	position:relative;
	z-index:1000;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.sliderControls span:hover { opacity:1.0; }
.sliderControls .slider-prev { float:left; margin-left:15px; position:relative; top:-130px;} /* position:relative; top:0px;*/
.sliderControls .slider-next { float:right; margin-right:15px; position:relative; top:-130px; }




/*====================================================================================*/
 /* 06 BIG MESSAGE 
/*====================================================================================*/
.bigMessage {
	padding: 30px 0px 0px 0px;
	position: relative;
	top: -20px; /**/
}

.bigMessage h1 {
/*	text-align: center;
	font-family:Proxima Nova Light;*/
	font-family:'gothambold1','GothamMedium'; 
	font-size:40px;
	line-height: 35px;
	letter-spacing: -2px;
	color:#FFFFFF;
	margin:0px;
}

/*.bigMessage h1 span { font-family:Proxima Nova Semi-bold; }*/
.bigMessage h1 span { font-family:'gothambold1','GothamMedium'; }

.bigMessage p {
    font-family:'GothamLight', 'GothamMedium';
	font-size: 20px;
	line-height: 20px;
/*	letter-spacing: -1px;*/
	color:#FFFFFF;
	text-align:left;
}

.bigMessage h2 {
/*	text-align: center;
	font-family:Proxima Nova Light;*/
	font-family:'GothamBlack','gothambold1','GothamMedium'; 
	font-size:30px;
	line-height: 25px;
	letter-spacing: -1px;
}


.bigMessageSm {
	padding:0px 0px 0px 0px;
	background-color: #669933;
}

.bigMessageSm h1 {
	font-family:'GothamBlack', 'GothamMedium';
	font-size: 45px;
/*	font-size: 15vw; */
	letter-spacing: -2px;
	padding: 0px 10px 0px 0px;
	color: #99CC33;
	line-height: 35px;
/*	text-shadow: -2px -1px #222222;*/
}

.bigMessageSm h2 {
	font-family: 'gothambold1', 'BrowalliaNew-bold'; 
	font-size:40px;
	letter-spacing: -2px;
	padding:0px 10px 0px 0px;
	color: #FFFFFF;
	line-height: 40px;
}
/*
	font-family:'gothambold1', 'GothamBlack'; 
	font-family:'GothamLight', 'GothamMedium'; 
	font-family:'GothamMedium', 'GothamLight'; 
	letter-spacing: -1px;
	line-height: 22px;
*/

.bigMessageSm h3 {
	font-family:'gothambold1', 'GothamMedium';
	font-size:20px;
	letter-spacing: -1px; /**/
	color: #FFFFFF;
	line-height: 22px;
	position: relative;
	top: -10px;
}






/*====================================================================================*/
 /* 07 PROPERTIES
/*====================================================================================*/

/** PROPERTIES GLOBAL & HEADER **/
.properties {
	padding:70px 0px 70px 0px;
/*	padding:20px 0px 70px 0px;*/
	background-color:#f5f5f5;
	border:1px solid #dedede;
	box-shadow: inset 0 1px 1px white;
}

.propertyCat_list { background-color:#e1e1e3; width:323px; margin-bottom:12px; }
.propertyCat_list li { display:inline-block; }

.propertyCat_list li a { 
	font-family:Proxima Nova Semi-bold;
	color:#a2a2a2; 
	padding:13px 25px 13px 25px; 
	display:inline-block;
}

.propertyCat_list li a:hover { color:#1F2750; }

.propertyCat_list li .current {
	position:relative;
	color:white;
	background-color:#1F2750;
}

.propertyCat_list li .current:after {
  content:"";
  position:absolute;
  bottom:-10px; /* value = - border-top-width - border-bottom-width */
  left:38%; /* controls horizontal position */
  border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#1F2750 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.propertyCat_list li .current:hover { color:white; }

.propertySort_list { margin-top:-55px; margin-bottom:53px; }

.propertySort_list li {
	float:right;
	display:inline;
	padding:10px;
}


/** PROPERTIES GRID **/
.propertyItem {
	background-color:white;
	box-shadow: 0px 1px 3px #d4d4d4;
	margin-bottom:30px;
}

.propertyContent { padding:9px; }
.propertyContent a { color:#2a2a2a; }
.propertyContent a:hover { color:#4a4786; }

.propertyImg {
	max-width:100%;
	margin-bottom:15px;
	width:245px;
	height:160px;
}

.propertyImgLink {
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: copacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.propertyImgLink:hover { opacity:0.8; }

.propertyType {
	position:absolute;
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	background-color:#1F2750;
	color:white !important;
	padding:7px;
	z-index:1;
}

.openHouse {
	position:absolute;
	font-family:Proxima Nova Semi-bold;
	color:white;
	font-size:13px;
	right:7px;
	background-image: url('../images/open-house-bg.png');
	background-repeat:no-repeat;
	padding:19px 13px 15px 15px;
	z-index:1;
}

.forSale {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:15px;
	background-color:#bebebe;
	color:white;
	padding:4px 9px 4px 9px;
	border-radius:4px;
	display:inline-block;
}

.price {
	font-family:Proxima Nova Semi-bold;
	float:right;
	color:#1F2750;
	font-size:23px;
}

.propertyDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.propertyDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:33.6%;
	height:45px;
	border-color:#cacaca;
	color:#ababab;
}

.pageList { text-align:center; margin-top:20px; }
.pageList li { display:inline; }
.pageList li .current { background-color:#1F2750; color:white; font-family:Proxima Nova Semi-bold; }
.pageList li a {
	color:#a1a1a1;
	padding:4px 10px 4px 10px;
	border-radius:3px;
	background-color:#dcdcdc;
	text-decoration: none;
}

.pageList li a:hover { 
	background-color:#4a4786; 
	color:#FFFFFF; 
	-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.masonryRow .col-lg-3 { width:292px; } 
.masonryRow .col-lg-3.wide { width:583px; }

/** PROPERTIES ROW **/
.rowText { padding-top:17px; padding-right:33px; }
.rowText h4 { float:left; font-size:19px; margin-bottom:0px; }
.rowText .price { float:right; }
.rowText .forSale { float:right; margin-right:20px; }
.propertyImgRow { max-width:100%; }

/** PROPERTY SINGLE **/
.gallery .sliderControls span { 
	margin-top:-420px; 
	opacity:0.6; 
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.gallery:hover .sliderControls span { opacity:1.0; }
.gallery .sliderControls .slider-prev { float:left; margin-left:35px; }
.gallery .sliderControls .slider-next { float:right; margin-right:60px; }
.gallery #bx-pager { 
	text-align:center;
	background-color:white; 
	padding:10px;
	margin-bottom:40px;
 }

.gallery #bx-pager a img { opacity:0.6; }
.gallery #bx-pager a.active img { opacity:1.0; }

.overview {
	background-color:#f8f8f8;
	padding:10px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	margin-bottom:30px;
}

.overviewList li { 
	padding-top:7px;
	padding-bottom:7px; 
	border-bottom:1px solid #dcdcdc;
}

.overviewList li:last-child { border:none; padding-bottom:0px; }

.overviewList span { 
	font-size:13px;
	font-family:Proxima Nova Semi-bold;
	float:right; 
	color:#4a4786;
} 

.amentitiesTable { width:100%; }
.amentitiesTable td { width:27%; height:43px; }

.mapSmall { 
	max-width:100% !important; 
	height:200px !important; 
	position:relative !important; 
	margin-bottom:30px; 
}

/** SUBMISSIONS **/
.sidebarWidget.submission { height:600px; }

.myProperties { width:100%; }
.myProperties td.myPropertyImg { width:15%; }
.myPropertyAddress { width:20%; }
.myPropertyType { width:15%; }
.myPropertyStatus { width:11%; }
.myPropertyDate { width:15%; }
.myPropertyActions { width:24%; }
.myPropertyActions .icon { margin-right:5px; }

.myProperties .smallThumb { width:50%; }

.myProperties tr { border-bottom:1px solid #d8d8d8; }
.myProperties td { padding:10px 0px 10px 0px; }

.myProperties span { 
	font-family:Open Sans;
	font-size:12px;
	margin-right:27px; 
	float:left; 
}

.myPropertiesHeader { 
	font-family:Open Sans; 
	font-size:13px; 
}

.amenityCheck { margin-bottom:4px; }
.amenityCheckList input { float:left; width:20px; margin-right:5px; }
.amenityCheckList div label { 
	float:left;
	font-family:Proxima Nova Light; 
	font-weight:normal; 
	font-size:15px; 
	color:#464646;
}



/*-- pagination --*/
#pnext{
    float:right;
    display:block;
	width:40px;
	height:40px;
	background-image: url(imgs/arrow_right.png);
	background-repeat:no-repeat;
	position:relative;
	top:-15px;
	cursor:pointer;
}

#pnext:hover{
    display:block; 
    width:40px;
	background-image: url(imgs/arrow_right_on.png);
	background-repeat:no-repeat;
}

#pnext2{
    float:left;
    display:block;
	width:40px;
	height:40px;
	background-image: url(imgs/arrow_right.png);
	background-repeat:no-repeat;
	position:relative;
	top:-7px;
	cursor:pointer;
}

#pnext2:hover{
    display:block; 
    width:40px;
	background-image: url(imgs/arrow_right_on.png);
	background-repeat:no-repeat;
}

#pprev{
    float:left;
    display:block;
	width:40px;
	height:40px;
	background-image: url(imgs/arrow_left.png);
	background-repeat:no-repeat;
	position:relative;
	top:-7px;
	cursor:pointer;
}

#pprev:hover{
    display:block; 
    width:40px;
	background-image: url(imgs/arrow_left_on.png);
	background-repeat:no-repeat;
}




/*====================================================================================*/
 /* 08 SERVICES
/*====================================================================================*/

.services { padding:30px 0px 70px 0px; text-align:center; 	
	background-color:#f2f2f2; }

.services .col-lg-4.col-md-4.col-sm-4 { margin-bottom:30px; }


.services h1 {
	text-align:center;
/*	font-family:Proxima Nova Light;*/
	font-family:Book Antiqua; 
	font-size:40px;
	margin:0px;
}

/*.services h1 span { font-family:Proxima Nova Semi-bold; }*/
.services h1 span { font-family:Book Antiqua; }

.serviceArrow {
	position:absolute;
	margin-left:35%;
	margin-top:-263px;
	opacity:0.6;
}



/*====================================================================================*/
 /* 16 FOOTER
/*====================================================================================*/
.linef {
   width: 100%; 
   border: 0; 
   height: 1px; 
   background: #00133C; /*darker color*/
   box-shadow: 0px 1px 0px #001542;  /*lighter color*/
   margin-bottom: 10px;
}

ul li { list-style:none; }

.login {
	color:#666666;
}

footer {
	padding:0px 0px 50px 0px;
	color:#CCCCCC;
	list-style:none;
}

footer .col-lg-3.col-md-3 { margin-bottom:30px; }

.footerLogo { font-family:Proxima Nova Light; color:white; font-size:21px; }
.footerLogo span { font-family:Proxima Nova Semi-bold; color:#81be32; font-size:21px; }
.footerLogo img { margin-right:15px; }

footer h4 { color: #666666; margin-bottom:20px; }

footer span {
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
}

.contactList li {
	margin-bottom:17px;
}

footer .icon { padding-top:3px; }

footer input { 
	border:1px solid #4f4d6e; 
	width:61%; 
	float:left; 
	margin-right:8px; 
}

footer .buttonColor { 
	margin-top:-1px; 
	width:80px; 
	border-color:#1f2750;
	padding:10px 15px 10px 15px !important;
}

.bottomBar {
/*	font-family:Open Sans;*/
	height: 50px;
	padding-top:5px;
	padding-bottom:7px;
	font-size:14px;
	color:#231F20;
	background-color:#FF9933;
/*	position: fixed;
	bottom: 0px; */
}

.bottomBar p { float:left; margin-top:5px; }

.bottomBar .socialIcons { margin-top:0px; }

.bottomBar .socialIcons li { border-color:#FFFFFF; }
.socialIcons li { border-color:#FFFFFF; }

#footer2 { text-align:center; }

.socialIcons.footer2 {float:none; }
.socialIcons.footer2 li {display:inline;  border:none; }
.socialIcons.footer2 li a {
/*	width:50px;
	height:50px;
	padding-top:0px;
	display:inline-block;
	border:3px solid #FFFFFF; 
	border-radius:75px;*/
}

/*-- checkboxes --*/
.checkboxx label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
/*
.wrapper {
	width: 500px;
	margin: 50px auto;
}
*/
.checkboxx input[type=radio],
.checkboxx input[type=checkbox] {
	display: none;
}
.checkboxx label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0px; /* position checkbox */
	bottom: 1px;
	background-color: #aaa;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.checkboxx .radio label:before {
	border-radius: 8px;
}
.checkboxx label {
	margin-bottom: 10px;
	position: relative;
	left: -15px; /* position label + checkbox samen */
}
.checkboxx label:before {
	border-radius: 3px;
}

.checkboxx input[type=radio]:checked + label:before {
	content: "\2022";
	color: #f3f3f3;
	font-size: 30px;
	text-align: center;
	line-height: 18px;
}

.checkboxx input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #006699; /* was: #f3f3f3 #00236C */
	text-align: center;
	line-height: 15px;
}
/* ---------------------------- */
.checkboxx2 label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}

.checkboxx2 input[type=checkbox] {
	display: none;
}
.checkboxx2 label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0px; /* position checkbox */
	bottom: 1px;
	background-color: #CC0000;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.checkboxx2 label {
	margin-bottom: 10px;
	position: relative;
	left: -15px; /* position label + checkbox samen */
}
.checkboxx2 label:before {
	border-radius: 3px;
}

.checkboxx2 input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color:#FFFFFF; /* was: #f3f3f3 #00236C */
	text-align: center;
	line-height: 15px;
}
	
	
/* ---------------------------- */
.login:hover{
	text-decoration:none;
	
}


.modal {
  background-color: transparent;
  color:#FFFFFF;
}

.modal-header {
  padding: 9px 15px;
  background-color:#0C1729;
  
  border-bottom: 1px solid #000B22;
}
.modal-header, modal-title h3 {
  color:#FFFFFF;
}


/*
.hero-unit {
  background: #111;
  background-color:rgba(17,17,17,0.85);
}
*/

.modal-body {
  background-color:#000B22;
  background-image:url(../imgs/algarve-investment2.png);
  background-repeat:no-repeat;
  background-position:bottom;
/*
  color:#000000;*/
}


.modal-footer {
  background-color:#264B99;
  border-top: 1px solid #264B99;
  -webkit-box-shadow: inset 0 1px 0 #264B99;
     -moz-box-shadow: inset 0 1px 0 #264B99;
          box-shadow: inset 0 1px 0 #264B99;
}


/*--------------------------------------------IMAGES----------------------------------------------*/
/* image left - text wrapped: <img src... class="left".../> */
img.left {
	float: left;
	margin:10px 10px 10px 0;
}

/* image right - text wrapped */
img.right {
	float: right;
	margin:10px 0 10px 10px;
}
/*--------------------------------------------IMAGES----------------------------------------------*/




#created_by_btn{
    display:block;
	width:61px;
	height:30px;
	float:left;
	background-image: url(./imgs/mr-websites_off5.png);
	background-repeat:no-repeat;
	position:relative;
	top:-10px;
/*	left:200px;*/
	cursor:pointer;
	z-index:1200;

}

#created_by_btn:hover{
    display:block; 
    width:61px;
	background-image: url(./imgs/mr-websites_on5.png);
	background-repeat:no-repeat;
	z-index:1200;
}


/*-- forms --*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #cccccc;
}
select {
  background-color: #cccccc;
}

.uneditable-input,
.uneditable-textarea {
  background-color: #c9c9c9;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #666666;
}
/* line 86, ../bootstrap/bootstrap/_mixins.scss */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #666666;
}
/* line 89, ../bootstrap/bootstrap/_mixins.scss */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666666;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  background-color: #faa732;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  background-color: #fc5b5e;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  background-color: #5bb75b;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  background-color: #3a87ad;
}

.form-actions {
  background-color: #444444;
}
.help-block,
.help-inline {
  color: #ececec;
}



/*-- form in content --*/
.content-input {
  border: solid #F2F2F2 1px !IMPORTANT;
  background-color:#F2F2F2;
  color: #33373C;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;

}

.content-input:focus {   
  border-color: rgba(0, 35, 108, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 35, 108, 0.6);
  outline: 0 none;
}




/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 0px;
		border: 0;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
		color: #CCCCCC !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 300;/**/
		height: 2em;
		line-height: 2em;
		padding: 0 1.25em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover, input[type="submit"]:active,
		input[type="reset"]:hover,
		input[type="reset"]:active,
		input[type="button"]:hover,
		input[type="button"]:active,
		.button:hover,
		.button:active {
			box-shadow: inset 0 0 0 1px #99CC33;
			color: #99CC33 !important;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: rgba(210, 35, 42, 0.15);
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}


		input[type="submit"].disabled,
		input[type="reset"].disabled,
		input[type="button"].disabled,
		.button.disabled {
			background-color: #CCCCCC;
			box-shadow: none;
			color: #666666 !important;
		}


		input[type="submit"].reddish,
		input[type="reset"].reddish,
		input[type="button"].reddish,
		.button.reddish {
			background-color: #FF9933; /* #D2232A */
			box-shadow: none;
			color: #ffffff !important;
		}

			input[type="submit"].reddish:hover,
			input[type="reset"].reddish:hover,
			input[type="button"].reddish:hover,
			.button.reddish:hover {
				background-color: #3366CC; /* #DF4048 #F89F2C */
				/* color:#333333 !important; */
			}

			input[type="submit"].reddish:active,
			input[type="reset"].reddish:active,
			input[type="button"].reddish:active,
			.button.reddish:active {
				background-color: #e13652;
			}


		input[type="submit"].blackish,
		input[type="reset"].blackish,
		input[type="button"].blackish,
		.button.blackish {
			background-color: #231F20;
			box-shadow: none;
			color: #ffffff !important;
		}

			input[type="submit"].blackish:hover,
			input[type="reset"].blackish:hover,
			input[type="button"].blackish:hover,
			.button.blackish:hover {
				background-color: #3366CC; /* #DF4048 #F89F2C */
				/* color:#333333 !important; */
			}

			input[type="submit"].blackish:active,
			input[type="reset"].blackish:active,
			input[type="button"].blackish:active,
			.button.blackish:active {
				background-color: #e13652;
			}








/*-- MR-WEBSITES LOGO sprite --*/
#create_btns{position:relative; left:0px; top:-20px;}
#create_btns li{margin:0;padding:0;list-style:none;position:absolute;top:-20px;}
#create_btns li, #create_btns a{height:30px;display:block;}

#mrw{left:0px;width:61px;}
#mrw{background:url('./imgs/mr-websites.png') 0 0;}
#mrw a:hover{background: url('./imgs/mr-websites.png') 0 -35px;}





/*-- login buttons sprites --*/
#menu_btns{position:relative; left:-20px; top:3px; float:right;}
#menu_btns li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#menu_btns li, #menu_btns a{height:35px;display:block;}
/*
#menu_btnsr{float:right;}
#menu_btnsr li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#menu_btnsr li, #menu_btns a{height:50px;display:block;}
*/
#mlog{left:0px;width:32px;}
#mlog{background:url('./imgs/login_btns.png') 0 -35px;}
#mlog a:hover{background: url('./imgs/login_btns.png') 0 0;}




/*====================================================================================*/
 /* 11 HOME PAGE
/*====================================================================================*/
/*
div .caption h4 {
    color:#FF0066;
}
*/
/*--------------------------------*/

            @media (min-width: 1700px) { .caption h4 { font-size: 188%; } }
            @media (max-width: 1700px) { .caption h4 { font-size: 188%; } }
            @media (max-width: 1680px) { .caption h4 { font-size: 186%; } }
            @media (max-width: 1660px) { .caption h4 { font-size: 184%; } }
            @media (max-width: 1640px) { .caption h4 { font-size: 182%; } }
            @media (max-width: 1620px) { .caption h4 { font-size: 180%; } }
            @media (max-width: 1600px) { .caption h4 { font-size: 178%; } }
            @media (max-width: 1580px) { .caption h4 { font-size: 176%; } }
            @media (max-width: 1560px) { .caption h4 { font-size: 174%; } }
            @media (max-width: 1540px) { .caption h4 { font-size: 172%; } }
            @media (max-width: 1520px) { .caption h4 { font-size: 170%; } }
            @media (max-width: 1500px) { .caption h4 { font-size: 168%; } }
            @media (max-width: 1480px) { .caption h4 { font-size: 166%; } }
            @media (max-width: 1460px) { .caption h4 { font-size: 164%; } }
            @media (max-width: 1440px) { .caption h4 { font-size: 162%; } }
            @media (max-width: 1420px) { .caption h4 { font-size: 160%; } }
            @media (max-width: 1400px) { .caption h4 { font-size: 158%; } }
            @media (max-width: 1380px) { .caption h4 { font-size: 156%; } }
            @media (max-width: 1360px) { .caption h4 { font-size: 154%; } }
            @media (max-width: 1340px) { .caption h4 { font-size: 152%; } }
            @media (max-width: 1320px) { .caption h4 { font-size: 150%; } }
            @media (max-width: 1300px) { .caption h4 { font-size: 148%; } }
            @media (max-width: 1280px) { .caption h4 { font-size: 146%; } }
            @media (max-width: 1260px) { .caption h4 { font-size: 144%; } }
            @media (max-width: 1240px) { .caption h4 { font-size: 142%; } }
            @media (max-width: 1220px) { .caption h4 { font-size: 140%; } }
            @media (max-width: 1200px) { .caption h4 { font-size: 138%; } }
            @media (max-width: 1180px) { .caption h4 { font-size: 136%; } }
            @media (max-width: 1160px) { .caption h4 { font-size: 134%; } }
            @media (max-width: 1140px) { .caption h4 { font-size: 132%; } }
            @media (max-width: 1120px) { .caption h4 { font-size: 130%; } }
            @media (max-width: 1100px) { .caption h4 { font-size: 128%; } }
/*
            @media (max-width: 1080px) { .caption h4 { font-size: 126%; } }
            @media (max-width: 1060px) { .caption h4 { font-size: 124%; } }
            @media (max-width: 1040px) { .caption h4 { font-size: 122%; } }
            @media (max-width: 1020px) { .caption h4 { font-size: 120%; } }
            @media (max-width: 1000px) { .caption h4 { font-size: 118%; } }
            @media (max-width: 980px) { .caption h4 { font-size: 116%; } }
            @media (max-width: 960px) { .caption h4 { font-size: 114%; } }
            @media (max-width: 940px) { .caption h4 { font-size: 112%; } }
            @media (max-width: 920px) { .caption h4 { font-size: 110%; } }
            @media (max-width: 900px) { .caption h4 { font-size: 108%; } }
            @media (max-width: 880px) { .caption h4 { font-size: 106%; } }
            @media (max-width: 860px) { .caption h4 { font-size: 104%; } }
            @media (max-width: 840px) { .caption h4 { font-size: 102%; } }
            @media (max-width: 820px) { .caption h4 { font-size: 100%; } }
            @media (max-width: 800px) { .caption h4 { font-size: 98%; } }
            @media (max-width: 780px) { .caption h4 { font-size: 96%; } }
            @media (max-width: 760px) { .caption h4 { font-size: 94%; } }
            @media (max-width: 740px) { .caption h4 { font-size: 92%; } }
            @media (max-width: 720px) { .caption h4 { font-size: 90%; } }
            @media (max-width: 700px) { .caption h4 { font-size: 88%; } }
            @media (max-width: 680px) { .caption h4 { font-size: 86%; } }
            @media (max-width: 660px) { .caption h4 { font-size: 84%; } }
            @media (max-width: 640px) { .caption h4 { font-size: 82%; } }
            @media (max-width: 620px) { .caption h4 { font-size: 80%; } }
            @media (max-width: 600px) { .caption h4 { font-size: 78%; } }
            @media (max-width: 580px) { .caption h4 { font-size: 76%; } }
            @media (max-width: 560px) { .caption h4 { font-size: 74%; } }
            @media (max-width: 540px) { .caption h4 { font-size: 72%; } }
            @media (max-width: 520px) { .caption h4 { font-size: 70%; } }
            @media (max-width: 500px) { .caption h4 { font-size: 68%; } }
            @media (max-width: 480px) { .caption h4 { font-size: 66%; } }
            @media (max-width: 460px) { .caption h4 { font-size: 64%; } }
            @media (max-width: 440px) { .caption h4 { font-size: 62%; } }
            @media (max-width: 420px) { .caption h4 { font-size: 60%; } }
            @media (max-width: 400px) { .caption h4 { font-size: 58%; } }
            @media (max-width: 380px) { .caption h4 { font-size: 56%; } }
            @media (max-width: 360px) { .caption h4 { font-size: 54%; } }
            @media (max-width: 340px) { .caption h4 { font-size: 52%; } }
            @media (max-width: 320px) { .caption h4 { font-size: 50%; } }
*/


	
/*
            @media (max-width: 1700px) { .caption h4 { font-size: 188%; } }
            @media (max-width: 1680px) { .caption h4 { font-size: 186%; } }*/
			
            @media (min-width: 1641px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1640px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1620px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1600px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1580px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1560px) { #logo { width:88%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1540px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
            @media (max-width: 1520px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
            @media (max-width: 1500px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
            @media (max-width: 1480px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
            @media (max-width: 1460px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
            @media (max-width: 1440px) { #logo { width:88%; max-width: 350px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1420px) { #logo { width:88%; max-width: 340px; height:auto; margin-top: 0px; } }
            @media (max-width: 1400px) { #logo { width:88%; max-width: 340px; height:auto; margin-top: 0px; } }
            @media (max-width: 1380px) { #logo { width:88%; max-width: 340px; height:auto; margin-top: 0px; } }
            @media (max-width: 1360px) { #logo { width:88%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1340px) { #logo { width:88%; max-width: 330px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1320px) { #logo { width:88%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1300px) { #logo { width:88%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1280px) { #logo { width:86%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1260px) { #logo { width:84%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1240px) { #logo { width:82%; max-width: 330px; height:auto; margin-top: 0px; } }
            @media (max-width: 1220px) { #logo { width:80%; max-width: 330px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1200px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; }}
            @media (max-width: 1180px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1160px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1140px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1120px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1100px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1080px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1060px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1040px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 1020px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 1000px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 980px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 960px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 940px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 920px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 900px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 880px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 860px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 840px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 820px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 800px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 780px) { #logo { width:65%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 760px) { #logo { width:78%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 740px) { #logo { width:78%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 720px) { #logo { width:68%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 700px) { #logo { width:76%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 680px) { #logo { width:76%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 660px) { #logo { width:76%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 640px) { #logo { width:76%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 620px) { #logo { width:76%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 600px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 580px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 560px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 540px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 520px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 505px) { #logo { width:74%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 500px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 480px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 460px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 440px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 420px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
			
            @media (max-width: 400px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 380px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 360px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 340px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }
            @media (max-width: 320px) { #logo { width:72%; max-width: 400px; height:auto; margin-top: 0px; } }




.thumbnail {
   background-color: rgba(255,255,255,0.8);
}


/*
.thumbnail {
   background-color: rgba(0,0,0,0.8);
}
*/


/*-- social media sprites --*/
#social{position:relative; left:-3px; top:-20px; z-index: 2;}
#social li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#social li, #social a{height:40px;display:block;}

#fb{left:0px;width:46px;}
#fb{background:url('../imgs/social_media_light.png') 3px -45px;}
#fb a:hover{background: url('../imgs/social_media_light.png') 3px -3px;}

#in{left:50px;width:44px;}
#in{background:url('../imgs/social_media_light.png') 88px -45px;}
#in a:hover{background: url('../imgs/social_media_light.png') 88px -3px;}

#insta{left:97px;width:46px;}
#insta{background:url('../imgs/social_media_light.png') 45px -45px;}
#insta a:hover{background: url('../imgs/social_media_light.png') 45px -3px;}