/* MAIN STYLESHEET             */
/* Easy Living - Real Estate Template  */
/* Made By Rype Pixel          */
/* hello@rypepixel.com         */
/* Created: 02/28/2014         */
/* Author: Chris Gipple        */

/*====================================================================================*/
 /* TABLE OF CONTENTS
/*====================================================================================*/
/* 01 RESET 
/* 02 GLOBAL SETTINGS  
/* 03 HEADER   
/* 04 SUBHEADERS 
/* 05 FILTER
/* 06 BIG MESSAGE
/* 07 PROPERTIES
/* 08 SERVICES
/* 09 AGENTS
/* 10 BLOG
/* 11 PAGES
/* 12 CONTACT
/* 13 CALL TO ACTION
/* 14 SIDEBAR
/* 15 SHORTCODES
/* 16 FOOTER

/*====================================================================================*/
 /* 01 RESET
/*====================================================================================*/

* { margin:0px; padding:0px; }

h1,h2,h3,h4 { margin-top:0px; }

ul li { list-style:none; }

/*====================================================================================*/
 /* 02 GLOBAL SETTINGS
/*====================================================================================*/

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('type/proximanova-light-webfont.eot');
    src: url('type/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-light-webfont.woff') format('woff'),
         url('type/proximanova-light-webfont.ttf') format('truetype'),
         url('type/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Reg';
    src: url('type/proximanova-regular-webfont.eot');
    src: url('type/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-regular-webfont.woff') format('woff'),
         url('type/proximanova-regular-webfont.ttf') format('truetype'),
         url('type/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Semi-bold';
    src: url('type/proximanova-semibold-webfont.eot');
    src: url('type/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-semibold-webfont.woff') format('woff'),
         url('type/proximanova-semibold-webfont.ttf') format('truetype'),
         url('type/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { width:100%; height:100%; }

body {
	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:15px;
	color:#464646;
	width:100%; 
	height:100%; 
}

h1 { font-family:Proxima Nova Light, Helvetica, Arial; }

h3 {
	font-family:Proxima Nova Light, Helvetica, Arial;
	color:var(--color-primary);
	font-size:19px;
	padding-bottom:7px;
	border-bottom:7px solid var(--color-primary);
	display:inline-block;
}

h4 {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	font-size:16px;
}

a { 
	color:#b7b4aa;
	-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;
}

a:hover { color:var(--color-primary); text-decoration:none; }

.divider {
	background-color:var(--color-primary);
	max-width:100%;
	height:2px;
	margin-top:-14px;
	margin-bottom:30px;
}

.divider.thin {
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

.genericSection { padding:70px 0px 70px 0px; }

/* BUTTONS */
.buttonColor {
	font-family:Proxima Nova Light,Helvetica,Arial;
	font-size:17px;
	letter-spacing:0.2px;
	padding:7px 35px 7px 35px !important;
	color:white;
	border-radius:0px;
	border:none;
	background-color:var(--color-primary);
}

.buttonColor:hover {
	color:white;
	text-decoration:none;
	background:var(--color-primary-dark-light);
}

.buttonGreen {
	/*font-family:Open Sans;
	font-size:11.4px;*/
	letter-spacing:0.2px;
	padding:6px 27px 6px 27px !important;
	color:var(--color-primary-lighter);
	border-radius:0px;
	border:1px solid var(--color-primary);
	/*background-color:#ffffff;*/
	-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;
}

.buttonGreen:hover {
	text-decoration:none;
	color:var(--color-primary-darker);
	/*background: linear-gradient(#f2f2f2, #ffffff);*/ /* Standard syntax */
}

.buttonGreen.large {
	font-size:14px;
	padding:10px 21px 10px 12px !important;
	color:var(--color-primary);
}

.buttonGreen.large:hover { 
	color:var(--color-primary);
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

/** FORM ELEMENTS **/

.formDropdown, input {
	width:100%;
	padding:8px;
	margin-bottom:0px;
	border-radius:0px;
	border:none;
	border:1px solid #c9c9c9;
}

input[type="file"] {
	background:white;
	border:none;
	padding:5px 0px 5px 0px;
}

select {
	-webkit-appearance: none;  
    -moz-appearance: none;
    text-indent: 0.01px;
 	text-overflow: "";
 	background: url('../images/dropdown-button.png') no-repeat;
 	background-position: right -1px;
 	background-color:white;
 	cursor:pointer;
}

/* Firefox select button fix */
@-moz-document url-prefix() {
    select {
    	background-position: 89% -1px;
    	background-image: url('../images/dropdown-button2.png');
    }
    .formDropdown { width:111%; }
    .formBlock.select { overflow:hidden; }
}

select::-ms-expand {
display: none;
}

label {
	font-family:Open Sans;
	color:#787878;
	font-size:13px;
}

textarea { height:130px; width:100% !important; }

.icon {
	float:left;
	margin-right:10px;
	padding-top:0px;
}

/*====================================================================================*/
 /* 03 HEADER 
/*====================================================================================*/

/* TOP BAR */
/***********************/
.topBar {
	padding:7px 0px 7px 0px;
	min-height:36px;
	border-bottom:1px solid var(--header-topbar-border-color);
	background-color: var(--header-topbar-background-color);
}

.topBarText { 
	color: var(--header-topbar-text-color);
	font-size:15px;
	float:right; 
	margin-top:3px;
	margin-right:20px; 
	margin-bottom:0; 
}

.socialIcons { float:left; margin-bottom:0; }
.socialIcons li {
	display:inline;
	padding-left:10px;
	padding-right:6px;
	border-left:1px solid var(--header-topbar-social-border-color);
}

.topBarText a { color:var(--header-topbar-link-color); }

.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: var(--header-background-color);
	z-index:1000;
}

.navbar-toggle { margin-top:17px; }

.navbar-brand { margin-top:0px; font-size:21px; }
.navbar-brand span { font-family:Open Sans; color:var(--color-primary-dark); }
.navbar-brand img { margin-right:15px; padding-bottom:0px; width: 70%; }

.nav.navbar-nav { float:right; }

.nav.navbar-nav li a {
	font-family:Proxima Nova Reg;
	color:var(--color-primary-lighter);
	font-size:14.5px;
	letter-spacing:0.4px;
	padding-top:31px;
	padding-bottom:27px;
	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;
}

.nav.navbar-nav li a:hover {
	background-color:transparent;
	color:var(--color-primary-dark);
}

.nav.navbar-nav li:hover .sub-menu { display:block; }

.nav.navbar-nav .current { box-shadow:none; }
.nav.navbar-nav .current-sub { background-color:#f4f4f4; color:var(--color-primary); }

.nav.navbar-nav .dropdown .dropdown-menu {
	background-color:white;
	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:var(--color-primary);
	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:var(--color-primary); }

/** 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-size:15px; 
	color:var(--color-primary);
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a {
	padding:0px;
	border:none;
	color:var(--color-primary);
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a:hover {
	background:transparent;
	color:var(--color-primary);
}

.googleMap { border:none; width:100%; }

/* LOGIN/REGISTER */
/**************************/
.userButtons { 
	margin-right:-15px; 
	padding-left:25px; 
	float:right; 
	border-left:1px solid #dcdcdc; 
	margin-bottom:0px !important;
}

.userButtons li { display:inline-block; }
.userButtons .userBtn { padding:25px 0px 25px 0px; }


/** HEADER 2 **/
.header2 .topBar {
	background:#2f2f2f;
	border-bottom:1px solid #e8e8e8;
	background: -webkit-linear-gradient(#3f3f3f, #2a2a2a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3f3f3f, #2a2a2a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3f3f3f, #2a2a2a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3f3f3f, #2a2a2a); /* Standard syntax */
}

.header2 .socialIcons li { border:none; }

/** HEADER 3 **/
.header3 .socialIcons li a {
	font-family:Proxima Nova Semi-bold;
	color:#606060;
	font-size:12px;
}

.header3 .socialIcons li:first-child { border:none; }
.header3 .verticalDivider { background-color:#e9e9e9; }


/*====================================================================================*/
 /* 04 SUB-HEADERS 
/*====================================================================================*/

/** SUBHEADER HOME **/
.subHeader.home { margin-top:108px; }

.subHeader.home.bxslider .container { padding:90px 0px 150px 0px; }

.slide-home {
	background-repeat:no-repeat;
	background-size:cover;
	height: 600px;
}

.subHeader.home.headerMinimal {
	margin-top:71px;
}

.subHeader.home h1 {
	display:inline;
	font-family:Proxima Nova Light;
	font-size:43px;
	text-transform: uppercase;
	background:rgba(255, 255, 255, 0.8);
	padding:5px 10px 0px 10px;
	line-height:70px;
	color: var(--color-primary-dark);
}

.subHeader.home h1 span { font-family:Proxima Nova Semi-bold; }

.sliderTextBox {
	background:rgba(255, 255, 255, 0.8);
	padding:10px 15px 15px 15px;
	font-size:19px;
	
}

.sliderTextBox p { margin-bottom:20px; }

.sliderTextBox .buttonGreen.large { border-color:var(--color-primary); display:inline-block; }

.sliderTextBox .buttonColor { padding:10px 30px 10px 12px !important; display:inline-block; }

.icon-button-arrow {
	margin-top:-10px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-arrow-0097CE.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid var(--color-primary);
	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 .sliderPrice { 
	font-size:50px;
	float:right; 
	line-height:55px;
	margin-top:190px;
}

.or { 
	font-family:Proxima Nova Semi-bold;
	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:900;
	-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; }
.sliderControls .slider-next { float:right; margin-right:15px; }

/** SUBHEADER MAP **/
.subHeader.map { margin-top:108px; width:100%;  }

#map-canvas { width:100%; height:675px; position:absolute; }

.mapFilter { padding:70px 15px 70px 15px; }

.info-box { width:210px; height:270px; }

/** SUBHEADER PAGE **/
.subHeader.page {
	margin-top:118px;
	padding:43px 0px 30px 0px;
	background-color:var(--color-primary-dark);
	background-image: url('../images/subHeader-page-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page h1 {
	float:left;
	font-family:Proxima Nova Light;
	background:rgba(255, 255, 255, 0.87);
	padding:0px 10px 0px 10px;
	line-height:67px;
	display:inline;
	color: var(--color-primary);
}

.subHeader.page.Adm {
	background-image: url('../images/subHeader-page-bg-adm.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page.emp {
	background-image: url('../images/subHeader-page-bg-emp.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page.vtas {
	background-image: url('../images/subHeader-page-bg-vtas.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page.alq {
	background-image: url('../images/subHeader-page-bg-alq.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page.tasa {
	background-image: url('../images/subHeader-page-bg-tasa.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page.contact {
	background-image: url('../images/subHeader-page-bg-contact.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.searchForm input {
	margin-top:18px;
	padding-right:30px;
	width:200px;
	float:right;
	border:none;
	box-shadow:none;
	background:rgba(225, 225, 225, 0.8);
	background-image: url('../images/icon-search.png');
	background-repeat:no-repeat;
	background-position: right 10px center;
}


/*====================================================================================*/
 /* 05 FILTER
/*====================================================================================*/

.filter { margin-top:-222px; position:relative; z-index:1; margin-bottom: 70px; }

.filterHeader {
	background-color:var(--color-primary-dark);
	height:45px;
}

.filterNav { float:left; padding:12px; padding-left:0px; }

.filterNav li { display:inline; }

.filterNav li a {
	font-family:Proxima Nova Semi-bold;
	color:white;
	padding:13px 30px 13px 30px;
	text-decoration:none;
	outline:none;
}

.filterNav .current {
  position:relative;
  background-color:var(--color-primary);
}

.filterNav .current:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50%; /* controls horizontal position */
  margin-left:-15px;
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:var(--color-primary) transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.filterHeadButton {
	float:right;
	background-color:var(--color-primary);
	padding:12px;
}

.filterContent {
	display:none;
	padding:23px;
	border-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border:1px solid #c9c9c9;
	border-top:none;
	background-color:#f2f2f2;
	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, #ebebeb); /* Standard syntax */
}

.filterContent.defaultTab { display:block; }

.formBlock {
	float:left;
	margin-right:40px;
	width:100%;
	padding-bottom: 17px;
}

.priceSlider, .priceSliderVenta, .priceSliderAlquiler, .priceSliderAlquilerTemp { margin-top:-12px; margin-bottom:3px; height:9px !important; }

.priceInput {
	float:left; 
	height:20px;
	background:rgba(0, 0, 0, 0) none repeat scroll 0 0; 
	border-radius:0px; 
	padding:0px 3px 0px 3px; 
	font-size:12px; 
}

.priceInput input {
	border:none;
	box-shadow:none;
	width:70px;
	padding:0;
}

.noUi-connect { background-color:var(--color-primary-dark) !important; }
.noUi-handle { 
	border-radius:80px !important; 
	cursor:pointer !important; 
	width:20px !important; 
	height:20px !important;
}
.noUi-handle:after,.noUi-handle:before { display:none !important; }

.priceSliderLabel {
	font-size:12px;
	color:#b9b9b9;
	margin-bottom:0px;
}


/*====================================================================================*/
 /* 06 BIG MESSAGE 
/*====================================================================================*/
.bigMessage {
	padding:70px 0px 70px 0px;
}

.bigMessage h1 {
	text-align:center;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.bigMessage h1 span { font-family:Proxima Nova Semi-bold; }

.bigMessage p {
	font-size:19px;
	text-align:center;
}


/*====================================================================================*/
 /* 07 PROPERTIES
/*====================================================================================*/

/** PROPERTIES GLOBAL & HEADER **/
.properties {
    background-color: var(--color-primary-lighter);
	padding: 45px 0px 10px;
}

.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:var(--color-primary); }

.propertyCat_list li .current {
	position:relative;
	color:white;
	background-color:var(--color-primary);
}

.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:var(--color-primary) transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.propertyCat_list li .current:hover { color:white; }

.propertyCat_list li.list_order
{
    float:right;
}

.propertySort_list { margin-top:-55px; margin-bottom:53px; }

.propertySort_list li {
	float:right;
	display:inline;
	padding:10px;
}


/** PROPERTIES GRID **/
.propertyItem {
	background-color:white;
	margin-bottom:30px;
	border: solid 1px var(--color-primary);
}

.propertyContent { padding:9px; }
.propertyContent a { color:#2a2a2a; }
.propertyContent a:hover { color:var(--color-primary); }

.propertyImg {
	max-width:100%;
	margin-bottom:15px;
}

.propertyImgEmp {
	max-width:100%;
}

.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:var(--color-primary);
	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:#757575;
	color:white;
	padding:4px 9px 4px 9px;
	border-radius:0px;
	display:inline-block;
}

.price {
	font-family:Proxima Nova Semi-bold;
	float:right;
	color:var(--color-primary);
	font-size:23px;
}

.propertyDetails { 
	background-color:var(--color-primary);
	margin-top:0px; 
	border:none;
	width:100%;
	text-align:center;
}

.propertyDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:33.6%;
	height:45px;
	color:#ffffff;
}

.pageList { text-align:center; margin-top:20px; }
.pageList li { display:inline; }
.pageList li .current { background-color:var(--color-primary); color:white; font-family:Proxima Nova Semi-bold; }
.pageList li a {
	color:#a1a1a1;
	padding:4px 10px 4px 10px;
	border-radius:0px;
	background-color:#dcdcdc;
}

.pageList li a:hover { 
	background-color:var(--color-primary); 
	color:white; 
	-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:15px; }
.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:-500px; 
	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;
	z-index: 100;
}

.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:65px;
 }

.gallery #bx-pager a img { opacity:0.6; max-height: 55px; }
.gallery #bx-pager a.active img { opacity:1.0; }

.overview {
	background-color:#f8f8f8;
	padding:10px;
	border:1px solid #d6d6d6;
	border-radius:0px;
	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:var(--color-primary);
} 

.amentitiesTable { width:100%; }
.amentitiesTable td { width:27%; height:43px; }

.mapSmall { 
	max-width:100% !important; 
	height:360px !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;
}

/* FICHA PROPIEDAD :: UNIDADES DISPONIBLES */
.uniDisp { 
	float:none; 
	margin-bottom:0; 
	text-align: left;
}

.uniDisp li {
	display:inline;
	padding-left:27px;
	padding-right:27px;
	border-left:1px solid #e2e2e2;
}

.uniDisp 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;
}

.uniDisp li a:hover { opacity:0.6; }

.uniDispList { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
	margin-bottom: 5px;
}

.uniDispList td {
	font-size:13px;
	height:29px;
	border:none;
	color:#ababab;
	padding:5px;
}

.uniDispList .buttonGreen {
	float:left;
	padding:6px 14px 6px 14px !important;
}




/*====================================================================================*/
 /* 08 SERVICES
/*====================================================================================*/

.services { padding:70px 0px 70px 0px; text-align:center; }

.services .col-lg-4.col-md-4.col-sm-4 { margin-bottom:30px; }

.services h1 {
	text-align:center;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.services h1 span { font-family:Proxima Nova Semi-bold; }

.serviceArrow {
	position:absolute;
	margin-left:35%;
	margin-top:-263px;
	opacity:0.6;
}

/*====================================================================================*/
 /* 09 AGENTS
/*====================================================================================*/

/** TOP AGENTS **/
.topAgents {
	padding:70px 0px 70px 0px;
	color:white;
	text-align:center;
	background-image: url('../images/topAgents-bg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.topAgents .col-lg-3.col-md-3.col-sm-3 { margin-bottom:60px; }

.agentImg { max-width:100%; }

.topAgents .socialIcons, .socialIcons.agent { float:none; }
.topAgents .socialIcons li, .socialIcons.agent li { border:none; padding-left:3px; }
.topAgents .socialIcons li a {
	background-color:white;
	padding:2% 3% 2% 3%;
	border-radius:0px;	
}

.topAgents .socialIcons li a:hover { background-color:#393939; }

/** AGENT LISTING GRID **/
.agentDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
}

.agentDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:50%;
	height:50px;
	border:none;
	color:#ababab;
	text-align:right;
	padding:9px;
}

.agentDetails .buttonGreen {
	float:left;
	padding:6px 14px 6px 14px !important;
}

/** AGENT LISTING ROW **/
.rowText.agentRow .buttonGreen { float:right; }
.rowText.agentRow .socialIcons { float:left; }
.rowText.agentRow .socialIcons li { border:none; }


/*====================================================================================*/
 /* 10 BLOG
/*====================================================================================*/

/** RECENT BLOG POSTS WIDGET **/
.recentBlogPost { display:inline-block; }
.recentBlogPost h4 a { color:#2a2a2a; }
.recentBlogPost h4 a:hover { color:var(--color-primary); }

.blogThumb { float:left; margin-right:20px; }

.recentBlogContent { float:left; width:76%; }
.recentBlogContent p { margin-bottom:15px; }

.date { float:right; }

/** BLOG CLASSIC **/
.blogPost {
	background-color:white;
	margin-bottom:30px;
}

.blogPost .rowText { padding:30px; }

.blogDetails { 
	margin-top:-10px; 
	margin-bottom:25px;
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.blogDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:25%;
	height:45px;
	border-color:#cacaca;
}

.blogDetails td a { color:#ababab; }

.blogPost h4 { font-family:Proxima Nova Light; font-size:19px;}
.blogPost h5 { 
	font-family:Proxima Nova Semi-bold; 
	font-size:16px; 
	margin-top:25px;
}

.blogPost span {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	color:#939393;
	line-height:33px;
	display:inline-block;
	margin-bottom:20px;
}

.blogPost span a { color:var(--color-primary); }

/** BLOG SINGLE **/
.quote {
	font-family:Proxima Nova Semi-bold;
	color:#9a9a9a;
	font-size:16px;
	background-color:#f5f5f5;
	padding:27px;
	width:82%;
	margin:30px 0px 35px 9%;
	border-left:4px solid #514f8b;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:8px solid #514f8b; 
	float:left;
	margin-top:50px;
	margin-left:-8px;
}

.commentList { margin-bottom:20px; }

.commentImg { max-width:100%; }

.commentText { 
	padding:14px;
	padding-bottom:30px;
	background-color:white; 
	border:1px solid #c9c9c9;
	border-left:4px solid #514f8b;
	border-radius:0px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-bottom:20px;
}

.commentText h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:14px;
	color:#514f8b;
}

.commentText p { font-size:14px; }

.commentText .commentFooter {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
	color:#ababab;
}

.commentText .commentFooter.replyIcon:hover { opacity:0.7; }

.commentText .commentFooter.replyIcon { float:right; }

.comment.reply { margin-left:145px; }

/*====================================================================================*/
 /* 11 PAGES
/*====================================================================================*/

/** ABOUT **/
.topAgents.about { 
	background:none; 
	padding-top:0px; 
	color:#464646;
}

.topAgents.about h4 { color:var(--color-primary); }

.callToAction.about { padding-top:70px; }

/** NOSOTROS **/
.textus {
	color: #969696;
}

/** FAQ **/
.accordianTab {
	margin-bottom:20px;
	background:white;
	padding:10px;
	border-radius:0px;
	border:1px solid #dadada;
}

.accordianLink {
	background-image: url('../images/icon-plus.png');
	background-position:4px 9px;
	background-repeat:no-repeat;
	padding-left:35px;
}

.accordianLink p { padding-top:9px; }

.accordianTab .accordianLink { cursor:pointer; }

.accordianTab .accordianLink:hover { color:var(--color-primary); }

.accordianContent { display:none; padding:15px 20px 0px 20px; }

/** 404 **/
.error-404 {
	background:url('../images/icon-search-big.png');
	background-repeat:no-repeat;
	background-position:56% 0;
	text-align:center;
	padding-bottom:20px;
	padding-top:50px;
	margin-top:20px;
}

.error-404 h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:85px;
	color:var(--color-primary);
}

.error-404 p { font-size:21px; }

/*====================================================================================*/
 /* 12 CONTACT
/*====================================================================================*/
.contactDetails { 
	margin-bottom:40px;
	color: var(--color-primary);
}

.contactDetails li {
	display:inline;
	margin-right:40px;
}

.contactDetails li img { margin-right:13px; }

.mapContact { 
	max-width:100% !important; 
	height:330px !important; 
	position:relative !important;  
}

.contactImg { max-width:50%; float:left; margin-right:20px; }

/*====================================================================================*/
 /* 13 CALL TO ACTION
/*====================================================================================*/

.callToAction { padding:0px 0px 70px 0px; }

.ctaBox { 
	background-color:#ebebeb;
	padding:30px 25px 30px 15px;
	border-radius:0px;
}

.callToAction h1 { font-family:Proxima Nova Light; font-size:32px; }
.callToAction h1 span { font-family:Proxima Nova Semi-bold; }

.callToAction p { font-size:17px; }

/*====================================================================================*/
 /* 14 SIDEBAR
/*====================================================================================*/

.sidebarWidget {
	margin-bottom:40px;
	background:white;
	padding:15px;
	border-radius:0px;
	border:1px solid #dadada;
}

.sidebarWidget h4 a, .sidebarWidget.recentPosts h4 a { 
	font-family:Proxima Nova Light; 
	font-size:15px; 
	color:var(--color-primary);
}

.sidebarWidget h4 a:hover { color:var(--color-primary); }

.sidebarWidget.recentPosts a {
	font-family:Proxima Nova Semi-bold;
	font-size:12px; 
	color:var(--color-primary); 
	float:left;
}

.sidebarWidget.recentPosts .date { 
	font-size:12px; 
	font-family:Proxima Nova Semi-bold;  
	color:#acacac;
}

.propertyTypesWidget ul li h4 { margin:0; }

.propertyTypesWidget ul li {
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #dadada;
}

/*====================================================================================*/
 /* 15 SHORTCODES
/*====================================================================================*/

/** TABS **/
.tabSmall li { display:inline; }
.tabSmall li a.current { 
	font-family:Open Sans;
	color:white;
	border:1px solid #CC1C24;
	background-color:var(--color-primary-dark);
	background: -webkit-linear-gradient(var(--color-primary-dark), #76ae2e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(var(--color-primary-dark), #76ae2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(var(--color-primary-dark), #76ae2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(var(--color-primary-dark), #76ae2e); /* Standard syntax */
}

.tabSmall .buttonGreen {
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

.tabConent {
	display:none;
	margin-top:-6px;
	border-top-left-radius:0px;
}

.tabConent.defaultTab { display:block; }

/** ALERT BOXES **/

.alertBox {
	border-style:solid;
	border-radius:0px;
	padding:18px 18px 8px 18px;
	margin-bottom:15px;
}

.alertBox img { float:left; margin-right:10px; margin-top:-3px; }

.success { 
	background-color:#e2f1db;
	border-color:#8dca70;
	color:var(--color-primary);
}

.success h4 { color:var(--color-primary); }

.error {
	background-color:#f1d9d9;
	border-color:#c44747;
	color:#c44747;
}

span.error { 
	display:inline-block; 
	margin-bottom:25px; 
	padding:0px 3px 0px 3px;
	border-radius:0px;
}

.error h4 { color:#c44747; }

.info {
	background-color:#d9e7f1;
	border-color:#70a3ca;
	color:#70a3ca;
}

.info h4 { color:#70a3ca; }

.warning {
	background-color:#ebe8bc;
	border-color:#aca530;
	color:#aca530;
}

.warning h4 { color:#aca530; }

/** PRICING TABLE **/
.pricingTable {
	margin-top:-15px;
	padding:0px;
	text-align:center;
	border-radius:0px;
	border-style:solid;
	border-width:1px;
	border-color:#c9c9c9;
    margin-bottom:30px;
}

.pricingTable:hover {
	margin-top:-25px;
	animation-duration: 0.55s;
  	animation-name: slideUpPrice;
  	animation-direction: normal;
  	animation-iteration-count: 1;
}

/* animation */
@keyframes slideUpPrice {
  from {
    margin-top: -20px;
  }

  to {
    margin-top: -25px;
  }
}

.pricingHeader { padding:11px 0px 18px 0px; }

.pricingTable h1 {
	font-family:Open Sans;
	color:var(--color-primary);
	font-size:20px;
}

.pricingTable h2 {
	font-family:Open Sans;
	color:white;
	font-size:48px;
	line-height:25px;
}

.priceAmount {
	margin-top:-19px;
	background-color:var(--color-primary);
	padding:28px 0px 10px 0px;
}

.priceAmount h2 span {
	font-size:16px;
	font-style:italic;
}

.pricingTable ul li {
	list-style:none;
	line-height:50px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: linear-gradient(to top, rgba(0,0,0,.04), rgba(2,2,2,0));
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d3d3d3;
}

.pricingTable ul li:last-child { border-bottom:none; line-height:70px; background:none; }

/*====================================================================================*/
 /* 16 FOOTER
/*====================================================================================*/

footer {
	padding:70px 0px 50px 0px;
	background-color:var(--color-primary-dark);
	color:#b7b4aa;
    border-color: currentcolor currentcolor #dedede;
    border-style: solid none none;
    border-width: thin;
}

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:var(--color-primary-dark); font-size:21px; }
.footerLogo img { margin-right:15px; }

footer h4 { color:white; margin-bottom:20px; }

footer span {
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
}

.contactList li {
	margin-bottom:0px;
}

footer .icon { padding-top:3px; }

footer input { 
	border:1px solid #4f4d6e; 
	width:61%; 
	float:left; 
	margin-right:8px; 
}

footer .buttonColor { 
	width:80px; 
	padding:7px 12px !important;
	margin-top: 0.01em;
}

.bottomBar {
	font-family:Open Sans;
	padding-top:15px;
	padding-bottom:7px;
	font-size:11px;
	color:#b7b4aa;
	background-color:#141213;
}

.bottomBar p { float:right; margin-top:6px; }

.bottomBar .socialIcons { margin-top:5px; }

.bottomBar .socialIcons li { border-color:#5b597c; }

#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:10px;
	display:inline-block;
	border:3px solid #5b597c; 
	border-radius:75px;
}

.remove-margin
{
    margin: 0px !important;
}

.bg-marron
{
    background-color: var(--color-primary-dark);
    color: #fff;
}

.bg-gris
{
    background-color: #ebebeb;
}

.btn-flotante {
    height: 6.5rem;
    width: 6.5rem;
    border-radius: 50%;
    position: fixed;
    bottom: 1.875rem;
    right: 1.875rem;
    font-size: 2rem;
    transform: none;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .32);
    -moz-appearance: none;
    border: medium none;
    cursor: pointer;
    outline: 0 none;
    z-index: 999;
}

.btn-flotante-whatsapp {
    background-color: #4cc259;
    color: #fff;
    bottom: 2.5rem;
    right: 8rem;
    background-image: url(/content/images/whatsapp-btn-flotante.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.5rem;
}

.loading-spin {
    display: inline-block;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid var(--color-primary);
	border-top: 2px solid var(--color-primary);
	border-radius: 100%;
	height: 25px;
	width: 25px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
}

@keyframes "spin" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(359deg);
   	-moz-transform: rotate(359deg);
   	-o-transform: rotate(359deg);
   	-ms-transform: rotate(359deg);
   	transform: rotate(359deg);
 }

}

@-moz-keyframes spin {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-webkit-keyframes "spin" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-ms-keyframes "spin" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-o-keyframes "spin" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}