html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
@font-face {
font-family: gotham_black;
src: url(//empirecommunities.com/wp-content/themes/empire-theme/css/fonts/GothamHTF-Black.otf);
}
@font-face {
font-family: gotham_book;
src: url(//empirecommunities.com/wp-content/themes/empire-theme/css/fonts/GothamHTF-Book.ttf);
}
@font-face {
font-family: gotham_medium;
src: url(//empirecommunities.com/wp-content/themes/empire-theme/css/fonts/GothamHTF-Medium.ttf);
}
body {
font-family: Arial, Helvetica, sans-serif;
font-family: gotham_medium;
}
ol, ul {
list-style: none;
}
a{
text-decoration:none;
cursor: pointer;
}
p {
display: inline-block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
html, body{
font-family: gotham_medium;
line-height:1.4;
width: 100%;
height: 100%;
}
#section_content{
position: absolute;
width: 100%;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
background-color: black;
top: 0;
}
.fullSection{
position: relative;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.minFullSection{
position: relative;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.bg_sections{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.45);
background-color: rgba(0,0,0,0.3);
top: 0;
left: 0;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
}
.bg_sections.hide{
background-color: rgba(0,0,0,0.8);
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition:all 0.8s ease-in-out;
}
.outer{
width: 100%;
height: 100%;
display: table;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.bg_white{
background-color: white;
} .slowest{
-webkit-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.slow{
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.medium{
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.high{
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.highest{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}  #burguerIcon{
display: block;
padding: 25px;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
cursor: pointer;
text-align: center;
}
.burguerBread{
width: 40px;
margin-top: 0;
height: 2px;
background: #FFF;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.dark .burguerBread{
background:#372f2c;
}
.burguerMeat{
margin: 7px auto;
}
.burguerBread2{
float: right;
width: 25px;
}
#burguerIcon.active .burguerBread{
background:#372f2c;
width: 28px;
}
#burguerIcon.active .burguerBread1{
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 10px;
}
#burguerIcon.active .burguerBread2{
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -18px;
}
#burguerIcon.active .burguerMeat{
width: 0px;
margin-left: 0;
} .div_logo_header{
display: block;
padding: 22px 25px;
position: fixed;
top: 0;
left: 0;
z-index: 99;
text-align: center;
}
#burguerIcon.scrolled .burguerBread{
background: #372f2c;
}
.img_logo_header{
width: 50px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.div_logo_header #logo_header_white {
opacity: 1;
}
.div_logo_header.scrolled #logo_header_white {
opacity: 0;
}
.div_logo_header.scrolled #logo_header_black {
opacity: 1;
}
.div_main_menu{
width: 100%;
height: 100%;
text-align: center;
position: fixed;
top: 0; left:0;
z-index: 999;
}
.div_main_menu.active{  }
.mainMenuHalf{
}
#mainMenuCommunities{
position:absolute;
}
.map{
width: 100%;
height: 100%;
position: absolute;
left: 0;
}
.div_inner_main_menu{
position: absolute;
top:0;
width: 50%;
text-align: center;
}
.div_inner_main_menu.map{
height: 100%;
left:-50%;
}
.div_inner_main_menu.communities{
background-color: white;
height: 100%;
right:-50%;
}
.div_band_logo_menu{
position:relative;
float: left;
width: 100%;
}
.img_logo_menu{
width: 280px;
display: block;
margin: 15px auto;
}
.div_commnunities_menu{
width: 90%;
margin: 0 auto;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.tag_commnunities_menu{
position:relative;
font-family: HelveticaNeue_Lt;
display: block;
margin-bottom: 10px;
font-size: 18px;
} #div_content_commnunities_menu{
position: relative;
width: 100%;  }
#div_content_commnunities_menu::-webkit-scrollbar-track{
border-radius: 10px; background-color: white;
}
#div_content_commnunities_menu::-webkit-scrollbar{
width: 8px;
background-color: #dcdcdc;
}
#div_content_commnunities_menu::-webkit-scrollbar-thumb{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #efefef;
}
.div_item_commnunities_menu{
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 33%;
height: 180px;
cursor: pointer;
background-size: cover;
float: left;
opacity: 1;
}
.border_item_commnunities_menu{
position: absolute;
width: 90%;
height: 90%;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
border: 40px solid;
border-color: white;
z-index: 2;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition:all 0.4s ease-in-out; 
}
.div_item_commnunities_menu:hover .border_item_commnunities_menu{
width: 105%;
height: 105%;
border-color: transparent;
}
.div_item_commnunities_menu.active .border_item_commnunities_menu{
width: 105%;
height: 105%;
border-color: transparent;	
}
.darkBg_item_commnunities_menu{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.div_item_commnunities_menu:hover .darkBg_item_commnunities_menu{
background-color: rgba(0,0,0,0.7);
}
.div_item_commnunities_menu.active .darkBg_item_commnunities_menu{
background-color: rgba(0,0,0,0.7);	
}
.div_text_item_commnunities_menu{
position: absolute;
width: 85%;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}
.div_text_item_commnunities_menu h3{
font-family: gotham_black;
color: white;
font-size: 22px;
text-transform: uppercase;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition:all 0.6s ease-in-out;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h3{
font-size: 24px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h3{
font-size: 24px;
}
.div_text_item_commnunities_menu h2{
font-family: HelveticaNeue_Lt;
color: white;
font-size: 19px;
text-transform: capitalize;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h2{
font-size: 20px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h2{
font-size: 20px;
} .div_takeQuiz_menu{
position: absolute;
width: 96%;
margin: 0 2%;
bottom: 0;
border-top: 1px solid #7d7d7d;
background-color: white;
z-index: 3;
}
.tag_takeQuiz_menu{
font-family: gotham_black;
color: #372f2c;
font-size: 18px;
display: block;
margin-bottom: 15px;
margin-top: 12px;
}
#btn_takeQuiz_menu{
display: inline-block;
margin-bottom: 20px;
} .flLeft{
}
.btn_basic{
border: 1px solid;
padding: 12px 30px;
position: relative;
display: inline-block;
}
.btn_basic.black{
border-color: #372f2c;
}
.btn_basic.white{
border-color: white;
}
.btn_basic:before{
content:'';
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn_basic.black:before{
background-color: #372f2c;
}
.btn_basic.white:before{
background-color: #FFF;
}
.btn_basic span{
position: relative;
z-index: 9;
text-transform:uppercase;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
transition:all 0.6s ease-in-out;
}
.btn_basic.black span{
color: #372f2c;
}
.btn_basic.white span{
color: white;
} .div_alert_cookies{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: block;
z-index: 1000000;
top: 0;
left: 0;
}
.tag_text_alert_cookies a{
text-decoration:underline;
color: #fa5a0a;
}
.cookie{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/cookie_1.png);
width: 20px;
height: 20px;
position: relative;
background-size: cover;
display: inline-block;
top: 1px;
margin-right: 10px;
}
.div_alert_cookies_inner{
position: fixed;
width: 90%;
padding: 20px 5%;
background-color: #FFF;
bottom: 0;
left: 0;
text-align: center;
opacity: 1;
display: block;
z-index: 3;
}
.tag_title_alert_cookies{
font-family: HelveticaNeue_Lt;
color: #372f2c;
font-size: 24px;
display: block;
margin-bottom: 10px;
font-family: gotham_black;
line-height: 1;
}
.tag_text_alert_cookies{
font-family: HelveticaNeue_Lt;
color: #372f2c;
font-size: 14px;
display: block;
margin: 0 auto;
margin-bottom: 20px;
width: 90%;
}
.div_close_alert_cookies{
position: absolute;
right: 0;
top: 0;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/01_X_1-C.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
.btn_basic.white:hover span {
color: #332c2a;
}
.btn_basic:hover:before{
width: 100%;
}
.btn_basic.black:hover span{
color: white;
}
.btn_options_index.white:hover span{ }
.div_close_alert_cookies:hover{
background-size: 97%;
}
}
.div_info_intro{
text-align: center;
}
.div_info_intro.active{
}
.img_logo_intro{
width: 300px;
display: block;
margin: 0 auto;
position: relative;
left: -50px;
opacity: 0;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#textIntro1 {
-webkit-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
div#textIntro2 {
-webkit-transition: all 1.6s ease-in-out;
-o-transition: all 1.6s ease-in-out;
-moz-transition: all 1.6s ease-in-out;
transition: all 1.6s ease-in-out;
}
#topIntro.init .img_logo_intro {
left: 0;
opacity: 1;
}
.textIntro {
position: relative;
left: -50px;
opacity: 0;
max-height: 50px;
top:0;
}
#topIntro.init .textIntro {
left: 0;
opacity: 1;
}
#topIntro.init.active .textIntro{
max-height: 0;
opacity:0;
top:-20px;
}
.tag_texto_intro{
display: block;
color: white;
font-family: HelveticaNeue_Lt;
font-size: 20px;
opacity: 1;
}
.div_info_intro.active .tag_texto_intro{
}
.topHomePillar .outer {
display: block;
position: relative;
}
.topHomePillar .middle {
display: block;
vertical-align: baseline;
}
.div_content_quiz_index{
position: relative;
display: block;
width: 100%;
height: 0;
opacity: 0;
}
.div_content_quiz_index.active{
opacity: 1;
}
.div_line_quiz_index{
position: absolute;
width: 1px;
height: 80%;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
background-color: white;
}
.item_quiz_index{
width: 50%;
height: 100%;
position: relative;
}
.item_quiz_index.communities{
float: left;
}
.item_quiz_index.quiz{
float: right;
}
.div_content_item_quiz_index{
position: absolute;
transform: translate(-50%,-50%);
width: 80%;
left: 50%;
top: 50%;
text-align: center;
}
.tag_item_quiz_index{
display: block;
color: white;
font-family: HelveticaNeue_Lt;
}
.tag_item_quiz_index.big{
font-size: 22px;
margin-bottom: 20px;
}
.tag_item_quiz_index.small{
font-size: 14px;
margin-bottom: 30px;
}
.btn_options_index{
display: inline-block;
opacity: 0;
top: 20px;
}
.item_quiz_index:hover .btn_options_index{
opacity: 1;
top: 0;
}
.item_quiz_index:hover .div_content_item_quiz_index{
top: 45%;
}
.div_sign_up_index{
position: absolute;
width: 100%;
bottom: -100px;
text-align: center;
padding: 20px 0;
opacity: 0;
z-index: -1;
}
.div_sign_up_index.active{
opacity: 1;
z-index: 2; 
bottom: 0; 
}
.tag_sign_up_index{
color: white;
font-family: HelveticaNeue_Lt;
text-transform: uppercase;
padding: 5px 0; }
.tag_btn_scroll_index{
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
padding: 10px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/arrow_down.png);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.div_footer_index{
position: absolute;
bottom: 0;
left: 2%;
width: 92%;
margin: 0 auto;
border-top: 1px solid #afafaf;
padding: 20px 2%;
text-align: left;
z-index: 3;
}
#div_content_block_bottom_home{
padding: 100px 0 140px;
}
#form_index{
margin: 20px auto;
}
.div_options_communities{
display: block;
text-align: left;
margin: 22px auto;
}
.item_options_communities{
text-align: left;
vertical-align: top;
padding: 0 2%;
width: 28%;
text-transform: uppercase;
font-size: 14px;
display: inline-block;
position: relative;
min-height: 30px;
}
.tag_options_communities{
color: black;
display: block;
vertical-align: middle;
}
.check_options_communities{
border: 1px solid #000000;
background: transparent;
-webkit-appearance: none;
width: 15px;
height: 15px;
box-shadow: none;
position: absolute;
top: 0;
left: 0;
background-size: 10px;
background-position: center;
background-repeat: no-repeat;
margin: 0;
}
.check_options_communities:checked{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/check-mark.png);
background-color: black;
}
.tag_options_communities_inner{
padding-left: 15px;
}
.index .tag_title_community{
margin-bottom: 15px;
}  #section-questions{
background-color: black;
}
.tag_title_question{
opacity: 1;
color: white;
font-family: HelveticaNeue_Lt;
font-size: 30px;
display: block;
text-align: center;
width: 90%;
margin: 0 auto;
max-width: 425px;
font-weight: 100;
margin-bottom: 100px;
}
.tag_title_question.movil{
opacity: 0;
display: none;
}
.div_content_anwers{
display: block;
width: 90%;
min-width: 90%;
margin: 0 auto;
position: relative;
padding: 15px 0;	
opacity: 1;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
#section-questions.bgVideo .div_content_anwers.hide,
#section-questions.bgVideo .tag_title_question.hide{
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;		
}
.div_item_anwers{
width: 10%;
display: inline-block;
text-align: center;
cursor: pointer;
vertical-align: middle;
float:left;
}
.div_line_item_anwers{
width: 11%;
border-bottom: 2px dotted white;
display: inline-block;
text-align: center;
vertical-align: middle;
margin-bottom: 90px;
float:left;
}
.div_content_circle_item_anwers{
position: relative;
width: 100%;
height: 125.9px;
margin: 0 auto;
margin-bottom: 30px;
}
#btnScrollTown{
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
width: 20px;
height: 20px;
padding: 10px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/arrow_down.png);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
z-index: 100;
}
.div_content_circle_item_anwers{ }
.div_item_anwers:hover .div_content_circle_item_anwers{ }
.div_item_anwers:hover .tag_text_item_anwers{
top:0px;
}
.div_item_anwers:hover .tag_text_item_anwers {
top: 0px;
}
.div_circle_item_anwers{
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: 3;
}
.div_circle_item_anwers.blur{
-webkit-filter: blur(6px);
filter: blur(6px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: rgba(0,0,0,0.5);
}
.div_circle_item_anwers.border{
border: 1px solid;
border-color: white;
background: rgba(0,0,0,0.3);
}
.div_ico_circle_item_anwers{
background-size: 60%;
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
z-index: 4;
}
.div_ico_circle_item_anwers.white{
opacity: 1;
}
.div_ico_circle_item_anwers.orange{
opacity: 0;
}
.div_ico_circle_item_anwers.brown{
opacity: 0;
}
.tag_text_item_anwers{
color: white;
font-family: HelveticaNeue_Lt;
font-size: 16px;
min-height: 72px;
width: 150%;
margin-left: -25%;
position: relative;
top:0;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.notSelected .tag_text_item_anwers{
font-size: 13px;
}
.div_animate_circle_item_anwers{
position: absolute;
left: -10%;
top: -10%;
width: 120%;
height: 120%;
z-index: 2;
}
.wave_circle{
position: absolute;
border-color: transparent;
opacity: 0;
}
.wave_circle.out.top{
width: 100%;
height: 50%;
border-right: 1px solid;
border-radius: 50% / 100% 100% 0 0;
top: -10px;
right: -10px;
}
.wave_circle.out.bottom{
width: 100%;
height: 50%;
border-left: 1px solid;
border-radius: 50% / 100% 100% 0 0;
bottom: -10px;
left: -10px;
transform: rotateX(180deg); 
}
.wave_circle.in.left{
width: 100%;
height: 50%;
border-left: 1px solid;
border-radius: 50% / 100% 100% 0 0;
top: 0;
right: -2px;
}
.wave_circle.in.right{	
width: 100%;
height: 50%;
border-right: 1px solid;
border-radius: 50% / 100% 100% 0 0;
bottom: 0;
left: -2px;
transform: rotateX(180deg); 
}
#div_content_bg_answers{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.bg_answers{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.bg_answersInner{
position: absolute;    background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
-webkit-transition: all 1s ease-in-out, opacity 1s ease-in-out;
-o-transition: all 1s ease-in-out, opacity 1s ease-in-out;
-moz-transition: all 1s ease-in-out, opacity 1s ease-in-out;
transition: all 1s ease-in-out, opacity 1s ease-in-out;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
}
.active > .bg_answersInner{
width: 100%;
height: 100%;
top: 0%;
left: 0%;
opacity:1;
}
.btn_back_question{
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 60px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/backBtnQuiz.png);
background-position: center;
background-repeat: no-repeat;
background-size: 40px;
opacity: 0;
z-index: -1;
padding: 30px;
cursor: pointer;
}
.btn_back_question.active{
opacity: 0.8;
z-index: 3;
}
.btn_back_question.active:hover{
opacity: 1;
}
.div_screen_loading{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;	
}
.div_inner_screen_loading{
position: absolute;
width: 100%;
height: 0;
left: 0;
background-color: white;
z-index: 90;
}
.div_inner_screen_loading.top{
top: 0;
}
.div_inner_screen_loading.bottom{
bottom: 0;
}
.div_inner_screen_loading.active{
height: 50%;
opacity:1;
}
.img_screen_loading{
width: 50px;
position: absolute;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
opacity: 0;
z-index: 0;
}
.img_screen_loading.active{
opacity: 1;
z-index: 11;
width: 100px;
}
#quizBar {
position: absolute;
bottom: 55px;
left: 30%;
width: 40%;
z-index: 1;
}
#quizBarCount {
color: #FFF;
position: absolute;
bottom: 5px;
left: 0;
font-family: HelveticaNeue_Lt;
font-size: 12px;
margin-left: -12px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
.quizBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #FFF;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
#quizBarProgress {
background: #fa5a0a;
width:0;
}
.preloader{
position:absolute;
top:50%;
left:50%;
margin-top:-5px;
margin-left:-57px;
width:115px;
height:10px;
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/images/preloader.gif);
background-size:cover;
z-index: 100;
}
#initPreloader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#FFF;
z-index:10000;
}
#allPreloader{
}
#quizPreloader{
opacity: 0;
display: none;
}
#quizPreloader.active{
opacity: 1;
} .div_item_anwers:hover .div_circle_item_anwers{
}
.div_item_anwers:hover .div_circle_item_anwers.border{
background-color: white;
}
.div_item_anwers:hover .div_ico_circle_item_anwers{
background-size: 80%;
}
.div_item_anwers:hover .white{
opacity: 0;
}
.div_item_anwers:hover .orange{
opacity: 1;
}
.div_item_anwers:hover .tag_text_item_anwers{
font-family: "Helvetica_Roman";
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes blinking {
from {
opacity:0.3;
}
to {
opacity:0.5;
}
}
@keyframes blinking {
from {
opacity:0.3;
}
to {
opacity:0.5;
}
}
#section_content.finalQuestion {
z-index: 120;
}
#logoHeader.finalQuestion {
z-index: 121;
}
#quizHubspotForm{
display:none;
z-index: 300;
background: #FFF;
}
.inner_hubspot_form {
width: 40%;
float: left;
position: relative;
margin-left: 30%;
text-align: center;
}
.div_form_control.w_100 {
width: 98%;
float: left;
margin: 8px 1%;
display: inline-block;
vertical-align: top;
}
.skipBtn {
color: #999;
text-decoration: underline;
}
.div_item_anwers:hover .div_animate_circle_item_anwers{ -webkit-animation: rotating 0.7s linear infinite;
-moz-animation: rotating 0.7s linear infinite;
-ms-animation: rotating 0.7s linear infinite;
-o-animation: rotating 0.7s linear infinite;
animation: rotating 0.7s linear infinite;
}
.div_item_anwers:hover .wave_circle{
border-color: white;
border-color: rgba(256,256,256,0.5); -webkit-animation: blinking 0.4s linear infinite;
-moz-animation: blinking 0.4s linear infinite;
-ms-animation: blinking 0.4s linear infinite;
-o-animation: blinking 0.4s linear infinite;
animation: blinking 0.4s linear infinite;
}  .block{width:100%;height:auto;position:relative;top:0;left:0;float:left;text-align:center;box-sizing:border-box;}
.div_info_community{
position: absolute;
left: 100px;
bottom: 100px;
width: 50%;
max-width: 600px;
}
.tag_title_info_community{
color: white;
font-size: 54px;
text-transform: uppercase;
font-family: 'gotham_black';
margin-bottom: 15px;
line-height: 1;
}
.tag_detail_info_community{
color: white;
font-family: HelveticaNeue_Lt;
font-size: 16px;
margin-bottom: 20px;
}
.divInnerBlockFull{
width: 90%;
margin: 50px auto;
}
.div_content_block{position: relative; width: 100%;overflow:hidden;}
.div_content_block.w_50{
width: 50%;
display: inline-block;
height: 675px;
}
.div_content_block.w_40{ width: 40%;
display: inline-block;
height: 675px;
}
.div_content_block.w_60{ width: 60%;
display: inline-block;
height: 675px;
}
.div_content_block.f_left{float: left;}
.div_content_block.f_right{float: right;}
.div_content_block.background{
height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.div_content_block.footer{
width: 92%;
margin: 0 auto;
border-top: 1px solid #afafaf;
padding: 20px 2%;
text-align: left;
}
.img_content_block{
width: 100%;
height: 100%;
object-fit: cover;
position:relative;
}
.img_element_block{
max-width: 100%;
max-height: 100%;
position: absolute;
transform: translate(-50%,0);
bottom: 0;
left: 50%;
}
.div_text_detail_community{
position: relative;
width: 70%;
margin: 0 auto;
}
.div_text_detail_community .btn_basic{
margin-top: 18px;
}
.f_left .div_text_detail_community{
text-align: right;
}
.f_right .div_text_detail_community{
text-align: left;
}
.info_mapa .div_text_detail_community{
text-align: left;
width: 75%;
float: left;
margin-left: 15%;
}
.text .div_text_detail_community{
text-align: center;
max-width: 600px;
padding: 50px 0;
}
.div_text_detail_community.index{
max-width: 600px;
padding: 0;
}
.div_text_detail_community.home_design{
max-width: initial;
text-align: center !important;
max-width: 100%;
width: 100%;
}
.tag_title_community{
font-family: 'gotham_black';
font-size: 30px;
line-height: 1;
margin-bottom: 8px;
}
.f_left .tag_title_community{
padding-left: 10%;
}
.f_right .tag_title_community{
padding-right: 10%;
}
.info_mapa .tag_title_community{
padding: 0; }
.tag_subtitle_community{
font-family: HelveticaNeue_Lt;
text-transform: uppercase;
display: block;
}
.tag_subtitle_community.info_mapa{
text-transform: none;
}
.tag_subtitle_community.info_mapa strong{
font-weight: bold;
}
.tag_subtitle_community.contact{
text-transform: none;
}
.tag_description_community{
font-family: HelveticaNeue_Lt;
display: block;
margin-top: 20px;
}
.div_articles_community{
display: block;
margin-top: 20px;
}
.tag_title_articles_community{
font-family: 'gotham_black';
font-size: 18px;
line-height: 1;
margin-bottom: 8px;	
}
.div_item_article_community{
display: block;
position: relative;
margin: 5px auto;
float: left;
width: 100%;
}
.div_item_article_community a{
color: black;
}
.img_item_article_community{
width: 18%;
height: 100%;
display: inline-block;
vertical-align: top;
height: 75px;
}
.f_left .img_item_article_community{
float: right;
margin-left: 2%;
}
.f_right .img_item_article_community{
float: left;
margin-right: 2%;
}
.div_text_item_article_community{
display: inline-block;
width: 80%;
vertical-align: top;
}
.tag_date_item_article_community{
font-family: HelveticaNeue_Lt;
display: block;
font-size: 15px;
}
.tag_title_item_article_community{
line-height: 1;
font-family: HelveticaNeue_Lt;
display: block;
font-size: 16px;
text-transform: uppercase;
margin: 10px auto;	
margin: 10px auto 0;
}
.tag_link_item_article_community{
font-family: 'gotham_black';
font-size: 14px;
}
.div_info_mapa{
display: block;
margin-top: 20px;
}
.tag_title_info_mapa{
font-family: 'gotham_black';
font-size: 16px;
line-height: 1;
margin-bottom: 8px;
text-transform: uppercase;
}
.div_item_info_mapa{
margin: 15px auto;
}
.div_item_info_mapa a {
color: #f06421;
text-decoration: underline;
}
.div_item_info_mapa p{
font-family: HelveticaNeue_Lt;
display: block;
font-size: 15px;
word-break: break-all;
}
.div_item_info_mapa p strong{
font-family: 'gotham_black';	
}
#form_contact{
margin: 20px auto;
}
.div_form_control.w_50{
width: 47%;
margin: 8px 1%;
display: inline-block;
vertical-align: top;
}
.form_control{
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: none;
border-bottom: 1px solid black;
outline: none;
}
.form_control:focus{
outline: none;
}
.form_control_contact{
width: 90%;
padding: 0.375rem 5%;
}
.div_footer_detail_community{
font-size: 14px;
font-family: HelveticaNeue_Lt;
width: 50%;
display: inline-block;
vertical-align: top;
}
.div_footer_detail_community.other{
float: right;
text-align: right;
}
.div_footer_detail_community p{
display: block;
color: #414141;
}
.div_footer_detail_community p a{ 
color: gray;
}
.img_social_footer{
width: 35px;
margin: 4px;
margin: 4px 8px 4px 0;
}
.div_content_home_design{
margin: 40px auto;
text-align: center;
max-width: 1000px;
}
.div_home_design_container{
}
.item_home_design{
width: 285px;
display: inline-block;
vertical-align: top;
}
.img_item_home_design{
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.div_info_item_home_design{
border: 1px solid;
border-color: gray;
border-top: 0;
display: block;
float: left;
box-sizing: border-box;
width: 100%;
color: #000;
cursor: pointer;
}
.title_price_item_home_design{
width: 90%;
margin: 0 auto;
text-align: left;
padding: 10px 0;
display: block;
float: left;
margin-left: 5%;
}
.title_price_item_home_design p{
display: block;
font-size: 16px;
text-transform: uppercase;
}
.title_price_item_home_design p span{
font-size: 13px;
}
.info_item_home_design{
display: block;
position: relative;
border-top: 1px solid;
border-color: gray;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
float: left;
width: 100%;
}
.item_info_home_design{
display: inline-block;
position: relative;
text-align: left;
width: 50%;
padding: 10px 0;
box-sizing: border-box;
float: left;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ico_item_info_home_design{
position: absolute;
transform: translate(0,-50%);
left: 10px;
top: 50%;
width: 20px;
height: 20px;
background-size: 18px;
background-position: center;
background-repeat: no-repeat;
}
.ico_item_info_home_design.bed{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/bed_brown.png)
}
.ico_item_info_home_design.bat{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/bag.png)
}
.item_info_home_design p{
padding-left: 38px;
padding-right: 10px;
font-size: 12px;
}
.div_line_home_design{
background-color: gray;
position: absolute;
z-index: 100;
top:0;
left:0;
}
.div_line_home_design.hor{
width: 100%;
height: 1px;
top: 50%;
}
.div_line_home_design.ver{
height: 100%;
width: 1px;
left: 50%;
}  #resultsImage{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: fixed;
top: 0;
left: 0;
}
#resultsLargeContainer{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.contResults{
float: left;
position: relative;
} #contResults35{
width: 40%;
height: 100%;
position: relative;
float: left;
}
#contResults35Child{
position: absolute;
margin-left: 20%;
bottom: 0;
width: 80%;
background-color: rgba(255,255,255,0.8);
text-align: center;
padding-bottom: 85px;
}
#contResults35ChildHead{
padding: 40px 30px 0 30px;
}
#contResults35ChildHead h4{
font-family: gotham_medium;
color: #332c2a;
font-size: 20px;
}
#contResults35ChildHead h2{
font-family: HelveticaNeue_Lt;
font-size: 22px;
color: #332c2a;
}
#quizResults{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/you-are_brown.png);
background-size: 65%;
height: 320px;
background-repeat: no-repeat;
background-position: 50%;
margin: 25px 10px;
}
.personaScoreNum{
font-family: gotham_black;
color: #332c2a;
font-size: 45px;
padding-top: 110px;
padding-top: 100px;
line-height: 1;
}
.personaScoreName{
font-family: gotham_black;
color: #f06421;
font-size: 45px;
text-transform:uppercase;
width: 80%;
margin: 0 auto;
line-height: 1;
overflow: hidden;
max-height: 90px;
}
#quizResultsText{
text-align: center;
line-height: 1.6;
padding: 0 30px 30px 30px;
color: #332c2a;
font-family: HelveticaNeue_Lt;
font-size: 16px;
}
#youAreAlso{
font-family: gotham_medium;
color: #332c2a;
font-size: 20px;
}
#alsoContainers{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75px;
}
#alsoContainers h4{
font-family: HelveticaNeue_Lt;
font-size: 15px;
}
#alsoContainers p{
font-family: gotham_black;
font-size: 20px;
margin-top: 15px;
}
#alsoLeft{
float: left;
width: 50%; background-color: #b2aaa8;
color: #fff;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
}
#alsoLeft:hover{
height: 110%;
cursor: pointer;  
}
#alsoRight{
float: right;
width: 50%; background-color: #332c2a;
color: #fff;
height: 100%;
position: absolute;
left: 50%;
bottom: 0;
}
#alsoRight:hover{
height: 110%;
cursor: pointer;
}
#contResults65{
width: 55%;
height: 100%;
float: right;
}
.contResults65Child{
height: 50%;
width: 100%;
position: relative;
}
#contResults65ChildUpContainer{
position: absolute;
bottom: 0;
}
#Results65ChildUpImage{
display: none;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/paisaje1.jpg);
background-size: cover;
width: 60%;
height: 300px;
margin: 50px auto;
}
.results_overTitle{
color: #fff;
line-height: 1.4;
font-family: HelveticaNeue_Lt;
font-size: 24px;
}
.results_mainTitle{
color: #fff;
font-size: 80px;
padding-bottom: 12px;
font-family: gotham_black;
padding-right: 70px;
text-transform:uppercase;
line-height: 1;
}
.results_mainDescription{
color: #fff;
padding-right: 50%;
line-height: 1.6;
padding-bottom: 30px;
padding-top: 20px;
font-family: HelveticaNeue_Lt;
font-size: 16px;
}  #contResultsCenterLeft{
float: left;
height: 100%;
width: 40%;
position: relative;
margin-left: 10%;
}
#contResultsCenterLeftChild{
height: 100%;
width: 700px;
position: absolute;
left: 50%;
margin-left: -350px;
}
#contResultsCenterLeftContent{
}
.results_nameCommunity{
color: #fff;
font-family: gotham_black;
font-size: 60px;
width: 80%;
padding-bottom: 10px;
line-height: 1;
text-transform:uppercase;
}
.results_overCommunity{
color: #fff;
font-family: HelveticaNeue_Lt;
font-size: 24px;
width: 80%;
padding-top: 20px;
line-height: 1.3;
}
#CenterLeftContentImage{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/AVALON-1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 350px;
width: 90%;
}
.results_descriptionCommunity{
color: #fff;
font-family: HelveticaNeue_Lt;
font-size: 16px;
padding: 15px 0 30px 0;
line-height: 1.4;
width: 90%;
}
#contResultsCenterRight{
float: right;
height: 100%;
width: 40%;
position: relative;
margin-right: 10%;
}
#contResultsCenterRightChild{
height: 100%;
width: 700px;
position: absolute;
left: 50%;
margin-left: -350px;
}
#CenterRightChildTitle{
display: none;
}
#contResultsCenterRightContent{
}
#CenterRightContentImage{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/HOUSE.jpg);
background-size: cover;
background-position: center;
height: 350px;
width: 90%;
}
#CenterRightContentText{
width: 90%;
background-color: #fff;
color: #312b29;
text-align: center;
}
.topHomeTitle{
font-family: HelveticaNeue_Lt;
font-size: 24px;
width: 90%;
padding: 10px 5% 0;
}
.results_houseName{
font-family: gotham_black;
font-size: 40px;
padding: 20px 0;
padding: 0px 0;
line-height: 1;
margin-bottom: 5px;
}
.results_houseDesc{
font-family: gotham_medium;
font-size: 20px;
padding: 8px 0 0;
}
.results_houseBtn{
width: 40%;
float: left;
background-color: #fff;
padding: 25px 5%;
color: #312b29;
font-family: gotham_medium;
font-size: 16px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/arrow.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: 95% 50%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.results_houseBtn:hover{
background-position: 90% 50%;
}
#resultsContainer {
overflow: hidden;
}
#middleLineContainer{
width: 300%;
position: absolute;
top: 50%;
left: 0;	
}
.middleLine{
position: absolute;
border: 0.5px solid #fff;
top:0;
}
.middleLine1{
width: 17%;
left: 15%;
width: calc(17% - 50px);
}
.middleLine2{
width: 2%;
left: 32%;
}
.middleLine3{
width: 32%;
left: 34%;
left: calc(34% + 50px);
width: calc(32% - 100px);
width: calc(32% - 102px);
}
.middleLine4 {
width: 2%;
left: 66%;
}
.middleLine5 {
width: 3%;
left: 68%;
width: calc(3% - 50px);
left: calc(68% + 50px);
}
.middleLine6{
width: 4%;
right: 2%;
width: 3%;
}
.middleBall{
position:absolute;
top:-5px;
border-radius:50%;
background:#FFF;
width:10px;
height:10px;
}
#middleBallLeft{
left: 15%;
}
#middleBallRight{
right: 2%;
}
.secBtn{
margin-left: 20px;
}
.arrowScroll{
width:50px;
height:50px;
background-position:center;
background-size:cover;
position:absolute;
top:50%;
margin-top:-25px;
z-index: 100;
border-radius:50%;
top:50%;
box-sizing:border-box;
cursor:pointer;
}
.arrowScroll:before{
content:"";
box-sizing: border-box;
width:50px;
height:50px;
position:absolute;
border:1px solid #FFF;
border-radius:50%;
top:0;
left:0;
margin-top: -1px;
margin-left: -1px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.arrowScroll:hover:before{
width:70px;
height:70px;
top:-10px;
left:-10px;
opacity:0;
}
.arrowScroll:hover{
border:1px solid #FFF;
}
.arrowScrollNext{
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/images/scroll-next.png);
}
.arrowScrollPrev{
background-image:url(//empirecommunities.com/wp-content/themes/empire-theme/images/scroll-prev.png);
}
#arrowScroll1 {
right: 0;
margin-right: 3.9%;
}
#arrowScroll3 {
left: 2.2%;
}
#arrowScroll2 {
right: 2.2%;
}		
#arrowScroll4 {
left: 4%;
}  #contResultsRight{
position: relative;
}
#contResultsRightChild{
width: 100%;
height: 100%;
position: absolute;
}
#contResultsRightContent{
width: 70%;
margin: auto;
}
.other_title{
font-family: gotham_medium;
font-size: 40px;
color: #fff;
padding: 30px 0;
}
#contResultsRightContentCharts{
width: 100%;
float: left;
position: relative;
}
.chartContainer{
width: 33%;
float: left;
position: relative;
}
.chart{
width:40%;
float:left;
position:relative;
}
.chartContent{
width: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 45%;
}
.chartLabel {
font-family: gotham_black;
text-transform: uppercase;
color: #FFF;
font-size: 30px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: -7px;
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie{
fill: #fa5a0a;
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie{
fill: #FFF;
opacity:0.1;
stroke-width: 2px !important;
}
.chartTitle {
font-family: gotham_medium;
text-transform: uppercase;
color: #FFF;
font-size: 18px;
}
.chartCity {
font-family: HelveticaNeue_Lt;
color: white;
text-transform: uppercase;
font-size: 14px;
}
#RightContentLinkContainer{
width: 95%;
height: 50px;
}
.RightContentLink{
float: left;
height: 100%;
border: 1px solid #fff;
margin-right: 25px;
width: 300px;
text-align: center;
}  .popUpDegraded{
z-index: 9000;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
opacity: 0;
display: none;
z-index: 900;
top: 0;
left: 0;
}
#quizResultsPopUpOuter .middle {
z-index: 1000;
position: relative;
}
#personaSecDesc {
text-align: center;
line-height: 1.6;
padding: 0 30px 30px 30px;
color: #332c2a;
font-family: HelveticaNeue_Lt
;
font-size: 16px;
}
#quizResultsPopUpOuter{
position: fixed;
display: none;
z-index: 1000;
z-index: 10000;
top: -70px;  
width: 500px;
margin-left: -250px;
left: 50%;
}
#quizResultsPopUp{
display: block;
z-index: 200;
width: 500px;  
background-color: #fff;
margin: 0 auto;
opacity: 0;
}
#quizResultsPopUpChild{
text-align: center;
position: relative;
}
#quizResultsPopUpChildHead{
padding-top: 70px;
}
#quizResultsPopUpChildHead h4{
font-family: gotham_medium;
color: #332c2a;
font-size: 20px;
}
#quizResultsPopUpChildHead h2{
font-family: HelveticaNeue_Lt;
font-size: 30px;
color: #332c2a;
}
#popUpResults{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/you-are_brown.png);
background-size: 65%;
height: 320px;
background-repeat: no-repeat;
background-position: 50%;
margin: 25px 10px;
}
#popUpResults h2{
font-family: gotham_black;
color: #332c2a;
font-size: 45px;
padding-top: 100px;
line-height: 1;
}
#popUpResults h3{
font-family: gotham_black;
color: #f06421;
font-size: 45px;
width: 80%;
margin: 0 auto;
line-height: 1;
overflow: hidden;
max-height: 90px;
}
#popUpResultsText{
text-align: center;
line-height: 1.3;
padding: 0 30px 30px 30px;
color: #332c2a;
font-family: HelveticaNeue_Lt;
font-size: 20px;
}
#crossContainer{
width: 70px;
text-align: center;
height: 60px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
#crossLine1 {
position: absolute;
width: 30px;
height: 2px;
top: 50%;
left: 20px;
background-color: #666;
transform: rotate(45deg);
}
#crossLine2 {
position: absolute;
width: 30px;
height: 2px;
top: 50%;
left: 20px;
background-color: #666;
transform: rotate(135deg);
}
.crossLine1 {
position: absolute;
width: 30px;
height: 2px;
top: 50%;
left: 20px;
background-color: #666;
transform: rotate(45deg);
}
.crossLine2 {
position: absolute;
width: 30px;
height: 2px;
top: 50%;
left: 20px;
background-color: #666;
transform: rotate(135deg);
}   #contactUsPopUp{
background-color: #fff;
max-width: 700px;
margin: 0 auto;
position: relative;
padding: 50px 0;
opacity: 0;
}
#contactUsPopUpOuter{
position: fixed;
display: none;
top: -70px;
z-index:10000;
}
#contactUsPopUpText{
margin-bottom: 50px;
}
#crossContainerContactUs{
width: 70px;
text-align: center;
height: 60px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}  #thankYouPopUpOuter{
position: fixed;
display: none; top: -70px; z-index:10000;  
}
#thankYouPopUp{
background-color: #fff;
max-width: 700px;
margin: 0 auto;
position: relative;
padding: 50px 0;
opacity: 0;
}
#crossContainerThankYou{
width: 70px;
text-align: center;
height: 60px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
#div_content_block_bottom_thankYou{
padding: 30px 0 20px;
}  .item_home_design {
box-shadow: 0 20px 25px -20px rgba(0,0,0,1);
transition: box-shadow 0.2s ease-in-out;
color: #000;
width: 31%;
margin: 0 1%;
}
.item_home_design:hover {
box-shadow: 0 40px 75px -20px rgba(0,0,0,0.5);
}
.item_home_design:hover .item_info_home_design_details {
background-color: #fa5a0a;
color: #fff;
}
.item_home_design:hover .ico_item_info_home_design.details{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/detail-w.png);
}
.info_item_home_design{
border-color: #ccc;
}
.div_info_item_home_design{
border-color: #ccc;
}
.div_line_home_design{
background-color: #ccc;
}
.ico_item_info_home_design.bed{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/bed-g.png);
}
.ico_item_info_home_design.bat{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/bathtub-g.png);
}
.ico_item_info_home_design.area{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/ruler-g.png);
}
.ico_item_info_home_design.details{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/detail-g.png);
} .retakeCTA {
background-color: #f5f4f5;
text-align: center;
width: 80%;
padding: 20px 0;
margin: 0 10% 90px;
} .fullBannerTown{
overflow:hidden;
}
#fullBannerTownInner{
background-size: cover;
background-repeat: no-repeat;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
} #community_guide_banner{
width: 80%;
margin: 80px 10%;
width: 90%;
margin: 80px 5%;
float: left;
position: relative;
}
#community_guide_banner_img{
width: 100%;
}
#community_guide_banner_outer{
width: 40%;
right: 0;
left: auto;
}
#community_guide_banner_title{
text-align: left;
}
#community_guide_banner_subtitle{
text-align: left;
}
#community_guide_banner_text{
text-align: left;
}
#community_guide_banner_link{
float: left;
} .bgvid {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.skipBtnContainer{
width: 100%;
position: absolute;
left: 0;
bottom: 5px;
text-align: center;
}
#resultsBtnContainer{
width: 120px;
margin-left: -60px;
position: absolute;
left: 50%;
bottom: 20px;
z-index: 100;
}
.resultsDot{
width: 20px;
height: 20px;
margin: 0 10px;
box-sizing: border-box;
float: left;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
border: 1px solid #FFF;
position:relative;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.resultsDot.active{
background:#FFF;
}
.resultsDot:before {
content: "";
box-sizing: border-box;
width: 100%;
height: 100%;
position: absolute;
border: 0px solid #FFF;
border-radius: 50%;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.resultsDot:hover:before {
border: 1px solid #FFF;
width: 300%;
height: 300%;
top: -100%;
left: -100%;
opacity: 0;
} .bgPosterVideoHome{
position: absolute;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.popUpVideoQst{	
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
-webkit-appearance: none !important;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.popUpVideoQst.outVideo{
opacity: 1;
-webkit-appearance: none !important;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}	
.popUpVideoQst.active{	
display: block;
background-color: #1E1B1B;
}
.skipVideo {
display: block;
opacity: 1;
z-index: 10;
position: absolute;
bottom: 50px;
right: 50px;
color: #fff;
text-decoration: underline;
font-size: 20px;
cursor: pointer;
font-family: "Helvetica_Roman";
-webkit-appearance: none !important;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.skipVideo.out{
opacity: 0;	
-webkit-appearance: none !important;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.skipVideo.hidden{
display: none;
}
.skipVideo.endVideo.hidden,
.skipVideo.endVideo.out{
display: block;
opacity: 1;
}
.startBtnQ{
display: none;
opacity: 0;
z-index: 10;
overflow: hidden;
position: absolute;
text-align: center;
left: 50px;
bottom: 50px;
padding: 50px 40px;
background-color: rgba(255,255,255,0.5);
-webkit-appearance: none !important;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.startBtnQ.active{
opacity: 1;
-webkit-appearance: none !important;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.startBtnQ.out{
display: block;
}
.contBtnStart{	
width: 210px;
padding: 15px 0px; background-color: #2e2624;
color: #fff;
cursor: pointer;
font-family: "Helvetica_Roman";
}
.contBtnStart.pause{		
background-color: #ec6826;
}
#section-questions .bg_sections_video{
display: none;
}
#section-questions.isvideoMobile .bg_sections{
display: none;	
}
#section-questions.isvideoMobile .bg_sections_video{
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
#section-questions.isvideoMobile .tag_title_question.movil,
#section-questions.isvideoMobile .bg_answersInner {
display: none;
}
.startBtnQ_mb {
position: absolute;
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
z-index: 5;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/play-video.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
#videoQuestion_mobile{
position: absolute;
}
#videoQuestion{
position: absolute;
}
#section-questions.bgVideo .div_content_anwers{
width: 60%;
min-width: 60%;
}
#section-questions.bgVideo #quizBar{
bottom: 25px;
}
#section-questions.bgVideo .tag_title_question{
font-size: 24px;
margin: 260px auto 10px;
}
#containerQuizVideo{	
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.contDesc{
width: 500px;
text-align: left;
}
.titleStart{
font-size: 26px;
margin-bottom: 20px;
line-height: 1;
}
.textStart {
font-size: 16px;
margin-bottom: 20px;
line-height: 1.3;
}
.pausetBtnQ_mb{
position: absolute;
height: 100%;
width: 100%;
}
.questionMbile{
float: left;
margin-bottom: 20px;
font-size: 17px;
font-family: "HelveticaNeue_Lt";
line-height: 1.2;
text-align: left;
}
.coverPlayPs{
top: 0;
left: 0;
position: absolute;
height: 100%;
width: 100%;
}
.iconPlayPs{
cursor: pointer;
top: 50%;
margin-top: -30px;
left: 50%;
margin-left: -30px;
height: 60px;
width: 60px;
opacity: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/play-video.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
-webkit-appearance: none !important;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.coverPlayPs.pause .iconPlayPs{
opacity: 1;
-webkit-appearance: none !important;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;	
}
@media screen and (max-width: 1500px) {
.results_mainDescription {
color: #fff;
padding-right: 20%;
}
#quizResults {
height: 260px;
}
.personaScoreNum {
padding-top: 80px;
}
#popUpResults{
height: 260px;
background-size: 55%;
}
#popUpResults h2{
padding-top: 80px;
}
#resultsBtnContainer{
width: 94px;
margin-left: -47px;
}
.resultsDot{
width: 15px;
height: 15px;
margin: 0 8px;
}
}
@media screen and (max-width: 1366px) {
.img_logo_menu{
width: 240px;
}
.div_text_item_commnunities_menu h3{
font-size: 20px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h3{
font-size: 22px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h3{
font-size: 22px;
}
.div_text_item_commnunities_menu h2{
font-size: 17px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h2{
font-size: 18px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h2{
font-size: 18px;
}
.div_content_block.w_40{
width: 40%;
}
.div_content_block.w_60{
width: 60%;
}  #contResults35ChildHead{
padding: 30px 30px 0 30px;
}
#quizResults{
background-size: 70%;
height: 250px;
margin: 40px 10px;
}
.personaScoreNum{
font-size: 40px;
padding-top: 75px;
}
.personaScoreName{
font-size: 40px;
max-height: 80px;
}
#popUpResults h3 {
font-size: 40px;
max-height: 80px;
}
#quizResultsText{
padding: 0 50px 50px 50px;
font-size: 15px;
}
#youAreAlso{
font-size: 15px;
}  #contResultsCenterRightChild{
width: 520px;
margin-left: -260px;
}
#contResultsCenterLeftChild{
width: 520px;
margin-left: -260px;
}
.results_overCommunity{
}    }  @media screen and (max-width: 1200px) {
.div_inner_main_menu.communities{
width: 55%;
}
.div_inner_main_menu.map{
width: 45%;
}
.div_text_item_commnunities_menu{
width: 88%;
}
.div_text_item_commnunities_menu h3{
font-size: 18px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h3{
font-size: 20px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h3{
font-size: 20px;
}
.div_text_item_commnunities_menu h2{
font-size: 15px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h2{
font-size: 16px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h2{
font-size: 16px;
}
}  @media screen and (min-width: 1025px) {
html, body{ }
body.results{
overflow: hidden;
}
}  @media screen and (max-width: 1024px) {
.div_item_anwers .ansMbl{
font-weight: bold;
border-radius: 25px 0 0 21px;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.div_item_anwers.hide .ansMbl{
font-weight: normal;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
#section-questions.bgVideo .div_content_anwers.hide, #section-questions.bgVideo .tag_title_question.hide{
opacity: 1;
}
#resultsBtnContainer{
display:none;
}
.div_content_block.background{
background-attachment: initial;
}
.div_content_home_design{
margin: 40px auto 0;
} .item_home_design{
width: 50%;
margin-bottom: 40px;
} #resultsContainer {
overflow: initial;
}
.arrowScroll {
display: none;
}
.fullBannerTown{
margin-bottom: 40px;
}
#section_content{
top: 0 !important;
background-color: #f0f0f0;
}
#section_content.quizMain{
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
.div_content_block .outer{
position: relative;
display: block;
}
.div_content_block .middle{
display: block;
vertical-align: top;
}
.fullSection {  }
.outer.full{
position: relative;
width: 100%;
display: block;
height: auto;
}
.middle.full{
width: 100%;
display: block;
position: relative;
}
.img_logo_menu {
width: 180px;
}
.div_inner_main_menu.communities{
width: 100%;
}
.div_inner_main_menu.map{
display: none;
}
.div_text_item_commnunities_menu{
width: 85%;
}
.div_content_quiz_index.active{
height: auto !important;
max-height: 500px;
}
.div_content_quiz_index {
max-height: 0;
overflow: hidden;
}
.div_line_quiz_index{
display: none;
}
.item_quiz_index{
width: 100%;
height: auto;
padding: 50px 0;
}
.item_quiz_index.communities{
float: none;
}
.item_quiz_index.quiz{
float: none;
}
.div_content_item_quiz_index{
position: relative;
transform: none;
left: initial;
top: initial;
margin: 0 auto;
padding-bottom: 60px;
}
.tag_item_quiz_index.big {
margin-bottom: 0px;
}
.item_quiz_index:hover .btn_options_index {
top: 20px;
}
.btn_options_index{
opacity: 1;
padding-top: 12px;
padding-bottom: 12px;
}
.item_quiz_index:hover .btn_options_index{
padding-top: 12px;
padding-bottom: 12px;
}
.item_quiz_index:hover .div_content_item_quiz_index{
top: 50%;
}
.div_content_block.w_50{
width: 100%;
float: none !important;
height: auto !important;
margin: 20px 0;
}
.f_left .div_text_detail_community {
text-align: left;
}
.div_content_block.w_40{
width: 100%;
float: none !important;
height: auto !important;
min-height: auto !important;
}
.div_content_block.w_60{
width: 100%;
float: none !important;
height: auto !important;
}
.div_text_detail_community{ }
.div_text_detail_community.contact{
text-align: center !important;
}
.tag_title_community{
padding: 0 !important;
}
.div_text_detail_community{
width: 90%; }
.info_mapa .div_text_detail_community{
width: 90%;
margin: 30px auto 0;
float: none;
}
.text .div_text_detail_community{
max-width: initial;
padding: 35px 0;
}
.div_content_block.background {
height: 200px;
}
.div_content_block.mapa{
height: 300px !important;
min-height: auto !important;
}
.div_form_control.w_50{
display: block;
margin: 8px auto;
width: 100%;
}
.form_control_contact {
width: 96%;
padding: 0.375rem 2%;
}
#form_contact{
margin-bottom: 0;
}
.img_element_block{
max-width: 90%;
max-height: 90%;
}
.img_element_block.bottom{
bottom: 0 !important;
}
.img_element_block.center{
transform: translate(-50%,50%);
bottom: 50% !important;
}
.div_footer_detail_community{
display: block;
width: 100%;
}
.div_footer_detail_community.other{
float: none;
text-align: left;
margin-bottom: 10px;
}
.div_line_item_anwers{
display: none;
}
.div_item_anwers{ width: 90% !important;
margin: 0 auto 10px !important;
height: auto;
text-align: left;
min-height: 70px;
min-height: 80px;
position: relative;
}
.div_content_circle_item_anwers{ width: 70px !important;
height: 70px !important;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
position: absolute;
transform: translate(0,-50%);
left: 0;
top: 50%;
opacity: 1;
-webkit-appearance: none !important;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.div_content_circle_item_anwers.hideIcon{
opacity: 0;	
-webkit-appearance: none !important;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;	
}
.tag_text_item_anwers{
width: auto;
margin: 0 auto;
color: #352e2c;
display: inline-block;
min-height: auto;
vertical-align: middle;
position: absolute;
transform: translate(0,-50%);
left: 90px;
top: 50% !important;
font-family: HelveticaNeue_Lt !important;
}
.div_ico_circle_item_anwers{
background-size: 70%;
}
.div_ico_circle_item_anwers.white{
opacity: 0;
}
.div_ico_circle_item_anwers.orange{
opacity: 1;
}
.div_circle_item_anwers.blur{
-webkit-filter: none;
filter: none;
background-color: white;
}
.div_circle_item_anwers.border{
border-color: white !important;
background: white !important;
}
.div_item_anwers.hide .div_circle_item_anwers.border{
border-color: white !important;
background: white !important;		
}
.div_item_anwers .div_circle_item_anwers.border{
border-color: #fa5a0a !important;
background: #fa5a0a !important;		
}
.div_animate_circle_item_anwers{
display: none;
}
.div_item_anwers:hover .brown{
opacity: 0;
}
.div_item_anwers:hover .orange{
opacity: 1 !important;
}
.div_item_anwers:hover .white{
opacity: 0;
}
.div_item_anwers .div_ico_circle_item_anwers.orange{
opacity: 0!important;
}
.div_item_anwers.hide .div_ico_circle_item_anwers.orange{
opacity: 1!important;
}
.div_item_anwers .div_ico_circle_item_anwers.white{
opacity: 1!important;
}
.div_item_anwers.hide .div_ico_circle_item_anwers.white{
opacity: 0!important;
}
.div_item_anwers:hover .div_circle_item_anwers.border{
border-color: #fa5a0a;
background-color: #fa5a0a;
}
.div_item_anwers:hover .div_ico_circle_item_anwers{
background-size: 80%;
}
.bg_sections{ }
.bg_answers{ }
#div_content_bg_answers{
position: relative;
height: 300px;
background-color: black;
}
#quizBar {
bottom: auto;
top: 270px;
}
#section-questions{
background-color: #f0f0f0;
height:auto !important;
}
#quizHubspotForm, #section_content #quizHubspotForm{
display:none;
position: absolute;
}
#quizHubspotForm .middle, #section_content #quizHubspotForm .middle{
display: table-cell;
vertical-align: middle;
}
#section-questions .outer{
position: relative;
display: block;
}
#section-questions .middle{
display: block;
vertical-align: top;
}
.outer_questions{ }
.btn_back_question{
padding: 0;
padding-left: 20px;
padding-bottom: 20px;
width: 50px;
height: 50px;
background-size: 30px;
}
.div_inner_screen_loading{
background-color: white;
}
.div_footer_index{ padding: 10px 2%;
}
.div_footer_detail_community p{
font-size: 13px;
}
.img_social_footer{
width: 30px;
}
.index .tag_title_community{
text-align: center;
}
.item_options_communities{
width: 45%;
min-height: 40px;
}
.divInnerBlockFull{
width: 100%;
margin: 0 auto;
}
.item_home_design{
width: 265px;
}
.ico_item_info_home_design{
width: 14px;
height: 14px;
background-size: 14px;
left: 7px;
}
.item_info_home_design p {
padding-left: 30px;
}
.title_price_item_home_design p{
font-size: 15px;
}
.title_price_item_home_design p span{
font-size: 12px;
}
.tag_title_question{ display: none;
opacity: 0;
}
.tag_title_question.movil{
opacity: 1;
display: block;
position: absolute;
z-index: 9;
margin: 0 auto;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
max-width: initial;
color: white;
width: 85%;
font-size: 26px;
}
.div_content_anwers{
padding: 20px 0;
}
.tag_item_quiz_index.small{
display: none;
}
.div_info_community{
position: relative;
left: initial;
bottom: initial;
width: 85%;
margin: 0 auto;
max-width: initial;
text-align: center;
}
.tag_title_info_community{
font-size: 40px;
} #resultsLargeContainer{
overflow: auto;
left: 0 !important;
}
#resultsImage{
left: 0 !important;
}
#contResults35 {
width: 100%;
height: auto;
margin-bottom: 50px;
}
#contResults35Child {
position: relative;
left: 0;
margin-left: 0;
bottom: auto;
height: auto;
width: 100%;
padding-bottom:0;
}
#quizResults{
background-size: contain;
float: left;
width: 100%;
margin: 25px 0;
}
#quizResultsText{
display: none;
}
#youAreAlso{
padding-bottom: 15px;
}
#alsoContainers{
position: relative;
bottom: auto;
left: auto;
}
#middleLineContainer{
display: none;
}
#contResults65{
width: 100%;
height: auto;
float: left;
text-align: center;
}
.contResults65Child{
height: auto;
margin-bottom: 30px;
}
#contResults65ChildUpContainer {
position: relative;
bottom: auto;
}
#contResults65ChildUpContainer p{
padding-right: 0;
}
.results_mainDescription{
padding-right: 10%;
padding-left: 10%;
padding-top: 0;
}
#contResults65ChildUpContainer h1{
}
#Results65ChildUpImage{
display: block;
}
#contResultsCenterLeft{
float: left;
height: 100%;
width: 100%;
position: relative;
margin-left: 0;
}
.results_overCommunity {
padding-right: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 40px;
font-size: 20px;
margin-left: 10%;
}
.results_nameCommunity {
font-size: 40px;
padding: 0;
margin-left: 10%;
}
#contResultsCenterRight .outer {
position: relative;
display: block;
}
#contResultsCenterRight .middle {
display: block;
}
#contResultsCenterLeftChild{
position: relative;
margin-left: 0;
width: 100%;
left: auto;
}
#contResultsCenterLeftContent{
height: auto;
text-align: center;
}
.results_mainTitle{
font-size: 40px;
padding: 0;
}
.results_overTitle{
padding-right: 0;
padding-bottom: 0;
padding-top: 30px;
font-size: 20px;
}
#contResultsCenterLeftContent p{
font-size: 15px;
padding: 0 80px 10px;
}
#CenterLeftContentImage{
height: 300px;
width: 60%;
margin: 40px auto 25px;
}
.results_descriptionCommunity {
padding: 10px 5% 20px;
}
#contResultsCenterRight {
float: left;
height: 100%;
width: 100%;
position: relative;
margin-right: 0;
}
#contResultsRightChild .outer {
position: relative;
display: block;
}
#contResultsRightChild .middle {
display: block;
}
#contResultsCenterLeft .outer {
display: block;
position: relative;
}
#contResultsCenterRightChild{
position: relative;
width: 100%;
margin-left: 0;
left: auto;
}
#CenterRightContentImage{
height: 300px;
width: 60%;
margin: 80px auto 0px;
}
#CenterRightChildTitle{
display: block;
color: #fff;
font-size: 20px;
font-family: HelveticaNeue_Lt;
text-align: center;
margin-top: 70px;
}
#CenterRightContentText{
width: 60%;
margin: 0px auto 5px;
}
#contResultsRight{
margin-top: 40px;
}
#contResultsRightChild{
position: relative;
height: auto;
}
#contResultsRightContent{
width: 100%;
text-align: center;
padding-bottom: 100px;
}
.other_title{
width: 100%;
font-size: 20px;
}
#contResultsRightContentCharts{
width: 60%;
margin: 10px 20% 50px;
}
.chartContainer{
width: 100%;
margin-bottom: 20px;
}
#RightContentLinkContainer{
width: 654px;
margin: 10px auto;
}  .item_home_design{
width: 70%;
margin-bottom: 40px;
} #community_guide_banner{
height: auto;
margin: 40px 0;
width: 100%;
}
#community_guide_banner_outer{
width: 100%;
right: 0;
left: auto;
position: relative;
}
#div_content_block_bottom_home {
padding: 20px 0 180px;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.item_quiz_index, .item_quiz_index.communities, .item_quiz_index.quiz {
width: 50%;
float: left;
}
.tag_item_quiz_index.big {
font-size: 18px;
}
.div_sign_up_index {
padding: 0;
}
.tag_sign_up_index {
padding: 0;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.img_logo_intro {
width: 200px;
}
} @media screen and (max-width: 1024px) {
.startBtnQ.active,
.startBtnQ{
display: block;
left: 0;
bottom: 0;
background-color: #fff;
width: 100%;
padding: 0;
overflow: hidden;
box-sizing: border-box;
z-index: 15;
opacity: 1;
}
.skipVideo{
right: 20px;	
}
.contDesc{
width: auto;
margin: 20px;
}
#section-questions.bgVideo #quizBar{
bottom: auto;
}
.contBtnStart {
width: 150px;
padding: 10px 0px;
margin: 20px;
font-size: 14px;
}
.titleStart {
font-size: 20px;
margin-bottom: 10px;
}
.textStart {
font-size: 16px;
margin-bottom: 10px;
}
} @media screen and (max-width: 768px) {
#section-questions.bgVideo .div_content_anwers{
width: 90%;
height: 90%;
overflow: hidden;
}
.popUpVideoQst.active{
display: none;
}	
#thankYouPopUp{
width: 80%;	
}
.inner_hubspot_form {
width: 80%;
margin-left: 10%;
}
#contResults35Child{
padding-top: 40px;
}
#quizResultsPopUpOuter {
width: 90%;
margin-left: 5%;
left: 0;
}
.retakeCTA {
width: 100%;
margin: 0;
}
.div_item_commnunities_menu {
width: 50%;
}
.img_logo_menu {
width: 170px;
margin: 15px auto;
}
.div_band_logo_menu {
}
.div_logo_header {
padding: 10px 15px;
}
.img_logo_header {
width: 40px;
}
.tag_detail_info_community {
font-size: 14px;
}
.div_text_item_commnunities_menu h3{
font-size: 16px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h3{
font-size: 18px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h3{
font-size: 18px;
}
.div_text_item_commnunities_menu h2{
font-size: 13px;
}
.div_item_commnunities_menu:hover .div_text_item_commnunities_menu h2{
font-size: 14px;
}
.div_item_commnunities_menu.active .div_text_item_commnunities_menu h2{
font-size: 14px;
}
.btn_basic{
padding: 8px 20px;
}
.item_quiz_index:hover .btn_options_index{
padding-top: 8px;
padding-bottom: 8px;
}
.tag_takeQuiz_menu {
font-size: 16px;
margin-bottom: 8px;
}
.tag_title_community{
font-size: 24px;
}
.tag_subtitle_community{
font-size: 15px;
}
.tag_description_community{
margin-top: 15px;
}
.tag_title_articles_community{
font-size: 16px;
}
.tag_date_item_article_community{
font-size: 14px;
}
.tag_title_item_article_community{
font-size: 14.5px;
}
.tag_link_item_article_community{
font-size: 13px;
}
.tag_title_question.movil{
font-size: 20px;
font-size: 16px;
width: 70%;
}
.div_item_anwers{
width: 100% !important;
}
.div_content_circle_item_anwers{
width: 55px !important;
height: 55px !important;
width: 45px !important;
height: 45px !important;
}
.div_item_anwers{
min-height: 50px;
}
.tag_text_item_anwers{
position: absolute;
font-size: 14px;
left: 75px;
overflow: hidden;
width: 100%;
-webkit-appearance: none !important;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.tag_text_item_anwers.hideAns{
width: 0;
-webkit-appearance: none !important;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;		
}
#quizBar {
bottom: auto;
top: 220px;
}
#div_content_bg_answers {
height: 250px;
}
.tag_title_info_community{
font-size: 30px;
} #contResults65ChildUpContainer p{
padding: 0 30px;
}
#Results65ChildUpImage{
height: 230px;
}
#CenterLeftContentImage{
height: 230px;
width: 90%;
}
#contResultsCenterLeftContent p {
padding: 0 5%;
}
#CenterRightContentImage{
height: 230px;
width: 90%;
}
#CenterRightContentText{
margin: 3px auto; 
width: 90%;
}
.results_houseName{
font-size: 40px;
}
.results_houseDesc{
font-size: 15px;
}
.results_houseBtn{
font-size: 13px;
background-size: 10px;
background-position: 87% 56%;
}
#CenterRightChildTitle{
margin: 70px auto 0 auto;
width: 90%;
text-align: center;
}
#contResultsRightContentCharts{
width: 90%;
margin: 10px 5%;
}
.chartLabel {
font-size: 24px;
}
.chartContainer{
width: 100%;
}
#RightContentLinkContainer{
width: 50%;
}
.RightContentLink{
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}  .item_home_design{
width: 90%;
}
.img_item_home_design{
height: 250px;
} #community_guide_banner{   
overflow: hidden;
}  
#community_guide_banner_img{
width: 150%;
}
}
@media screen and (max-width: 500px) {
.img_logo_intro {
width: 80%;
width: 60%;
} .other_title{
font-size: 17px;
}
#quizResultsPopUpOuter {
width: 0%;
margin-left: 0%;
left: 0;
}  #quizResultsPopUp{
width: 95%;
}
#quizResultsPopUpChildHead{
padding-top: 50px;
}
#quizResultsPopUpChildHead h2{
font-size: 20px;
}
#quizResultsPopUpChildHead h4{
font-size: 15px;
}
#popUpResults{
margin: 0 5px;
}
#crossContainer{
width: 60px;
height: 50px;
}
.crossLine1, .crossLine2 {
width: 25px;
}
#popUpResults h2{
font-size: 30px;
padding-top: 90px;
}
#popUpResults h3{
font-size: 30px;
max-height: 65px;
}
.personaScoreName{
font-size: 30px;
max-height: 70px;
}
#personaSecIcon{
width: 50px;
height: 50px;
}
#popUpResultsText{
font-size: 16px;
}  .item_home_design{
} .btn_basic {
box-sizing: border-box;
width: 80%;
}
.secBtn {
margin-top: 20px;
margin-left: 0;
}
}  .hbspt-form {
margin: 30px auto;
} .hs-form-field label {
font-family: "Helvetica_Roman";
color: #495057 !important;
text-transform: uppercase !important;
width: 90%;
text-align: left;
float: left;
font-size: 12px;
}
.hs-button {
border-color: #372f2c !important;
font-weight: normal !important;
line-height: 1;
text-transform: uppercase !important;
position: relative;
text-align: center;
font-family: "Helvetica_Roman";
border-radius: 0px !important;
border-style: solid;
border-width: 1px;
font-size: 18px !important;
padding: 12px 30px !important;
cursor:pointer;
-webkit-appearance: none !important;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.hs-button:hover {
background: #372f2c !important;
color: #FFF !important;
}
.hs-form-field {
margin-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
}
.wideForms .hs-form-field {
margin-bottom: 20px;
margin-top: 20px;
width: 300px;
}
.hs-form-field .hs-error-msgs label {
color: #f06421 !important;
width: 100%;
}
.hs_submit.hs-submit {
margin-top: 20px;
width: 100%;
float: left;
margin-bottom: 50px;
}
.hs-form-field .input{
margin-right:0 !important;
}
.hbspt-form fieldset{
max-width:none !important;
}
.hbspt-form input:focus, .hbspt-form textarea:focus, .hbspt-form select:focus {
outline: none !important;
box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.wideForms .hbspt-form fieldset {
float: left;
display: inline;
}
select.hs-input {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/dropdown_small.jpg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 98% 50%;
padding-right: 30px !important;
}
.wideForms .hbspt-form .hs-form-field.hs-fieldtype-checkbox {
width: 100%;
}
ul.multi-container {
width: 90%;
float: left;
margin-left: 5%;
}
ul.multi-container li {
width: 33%;
float: left;
margin-bottom: 10px;
}
input[type="checkbox"].hs-input {
width: 20px !important;
height: 20px !important;
float: left;
border: 1px solid black !important;
margin: 2px 10px 10px 1px !important;
padding: 0 !important;
}
input[type="checkbox"].hs-input:checked {
background-color: #000 !important;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/check-mark.png) !important;
background-size: 12px;
background-repeat: no-repeat;
background-position: 50%;
}
.hs-form-checkbox-display span {
text-transform: initial;
font-family: HelveticaNeue_Lt;
}
.hs-dependent-field {
}
.hs-form-checkbox-display {
margin-top: 10px;
}
ul.multi-container {
width: 94%;
float: left;
margin-left: 3%;
}
ul.multi-container li label {
width: 100%;
margin-left: 0%;
}
.hs-fieldtype-checkbox label {
width: 96%;
margin-left: 3%;
}
@media screen and (max-width:768px) {
.ansMbl{
display: inline-block;
}
.wideForms .hs-form-field {
width: 100%;
}
.wideForms .hbspt-form fieldset {
width: 100%;
}
ul.multi-container li.hs-form-checkbox {
width: 100%;
}
input[type="checkbox"].hs-input {
width: 15px !important;
height: 15px !important;
}
input[type="checkbox"].hs-input:checked {
background-size: 10px;
}
}
@media screen and (min-width: 1025px){
.updatedHomePage .item_quiz_index .div_content_item_quiz_index {
top: 45%;
}
.updatedHomePage .btn_options_index {
opacity: 1;
top: 0;
}
.mobileDevice .item_quiz_index .div_content_item_quiz_index {
top: 45%;
}
.mobileDevice .btn_options_index {
opacity: 1;
top: 0;
}
.mobileDevice .div_content_block.background {
background-attachment: initial;
}
} .splitSection, .splitSection #section-questions{
background-color: #fff !important;
}
.splitSection .tag_title_question{
color: #3c3c3c;
margin-bottom: 0;
}
.splitQuestion,
.splitAnswers{
position: inherit;
width: 100%;
}
.splitQuestion{
text-align: center;
margin-top: 90px;
margin-bottom: 25px;
}
.splitAnswers{
width: 90%;
transform: translate(5%, 0);
}
.splitQuestion .outer{
position: relative;
}
.divisionLine {
height: 2px;
background: #ccc;
width: 150px;
margin: 40px auto;
}
.splitQuestion .quizBar{
background: #2e2624;
}
.splitQuestion #quizBarCount{
color: #2e2624;
}
.splitQuestion .skipBtnContainer {
bottom: 100px;
}
.splitAnswers .answer{
float: left;
position: relative;
background-color: #ececec;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 400px;
width: 24%;
margin: 0 0.5%;
}
.textAnswer{
background-color: #fff;
position: absolute;
bottom: 0;
padding: 15px 50px 15px 15px;
max-width: 90%;
box-sizing: border-box;
}
span.arrow{
background-color: #000;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
}
@media screen and (max-width: 768px){
.splitAnswers .answer{
width: 48%;
margin: 0 1% 20px;
}
.splitQuestion, .splitAnswers{
height: auto;
}
.splitAnswers{
margin-top: 20px;
}
.splitQuestion .tag_title_question.movil{
position: relative;
margin-top: 70px;
transform: none;
left: 0;
}
.divisionLine{
margin: 10px auto;
}
.splitQuestion #quizBar{
top: auto;
bottom: 20px;  
}
.splitQuestion .skipBtnContainer {
bottom: 50px;
}
.textAnswer{
padding: 10px 30px 5px 15px; 
font-size: 14px;
}
#containerQuiz .arrowFont {
right: 4px;
}
} .home .tag_title_question{
margin-bottom: 20px;
}
.home .secondLine {
width: 50%;
color: #fff;
margin: auto;
display: block;
text-align: center;
}
#containerQuiz .btnContainer{
left: 50%;
transform: translate(-50%, 0);
}
#containerQuiz .arrowFont{
right: 15px; 
}
#headerQuiz{
position: fixed;
left: 0;
top: 0;
height: 60px;
width: 100%;
z-index: 300;
}
#headerQuiz .logo{
width: 180px;
display: block;
height: 60px;
position: relative;
float: left;
} #headerQuiz .headerQuizPhone {
display: inline-block;
height: 100%;
width: 180px;
position: absolute;
font-family: "Helvetica_Light";
right: 0;
}
#headerQuiz.card{
background-color: #fff;
box-shadow: 0px 4px 12px #ccc;
}
#fomrQuiz {
margin: 0;
}
#fomrQuiz .hbspt-form fieldset{
width: calc(100% / 3);
float: left;
}
#fomrQuiz .hs-form-field{ 
width: 100%;
}
#fomrQuiz .btnContainer{
left: 50%;
transform: translate(-50%, 0);
}
.tag_title_question.form {
margin-bottom: 0;
}
.formTextQuiz {
width: 60%;
margin: auto;
display: block;
text-align: center;
}
.btn_back_question.darkBack{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/backBtnQuiz_espresso.png);
}
@media screen and (max-width: 1024px){
.home #div_content_bg_answers{
position: absolute !important;
height: 100% !important;
}
.home .secondLine {
width: 70%;
}
.home <strong>#div_content_bg_answers</strong>{
position: absolute !important;
height: 100% !important;
}
.home .outer{
position: absolute !important;
display: table !important;
}
.home .middle{
display: table-cell !important;
vertical-align: middle !important;
}
#headerQuiz .outer {
display: table;
position: absolute;
}
#headerQuiz .middle {
display: table-cell;
vertical-align: middle;
}
.splitAnswers .answer {
width: 48%;
margin: 0 1% 20px;
}
.splitQuestion #quizBar {
top: auto;
bottom: 5px;
position: fixed;
}
}
@media screen and (max-width: 768px){
.home .outer{
position: absolute !important;
display: table !important;
}
.home .middle{
display: table-cell !important;
vertical-align: middle !important;
}
.home .secondLine {
width: 90%; 
}
.home .tag_title_question,
#fomrQuiz .tag_title_question{
display: block;
opacity: 1;
}
#headerQuiz .logo{
width: 140px;
}
#headerQuiz .headerQuizPhone{
width: 160px;
font-size: 14px;
}
#fomrQuiz{
margin-top: 60px;
}
#fomrQuiz .hbspt-form fieldset {
width: 100%;
}	
#headerQuiz .text_superLarge{
font-size: 40px;
}
#headerQuiz .text_mediumLarge{
font-size: 20px;
}
#headerQuiz .lineHeaderResults{
margin: 15px 0;
}
}
@media screen and (max-width: 500px){
#headerQuiz .headerQuizPhone {
width: 140px;
font-size: 12px;
}
#headerQuiz .logo {
width: 100px;
}
}
.submitted-message p{
text-align: center;
width: 100%;
font-size: 70px;
font-family: HelveticaNeue_Lt;
}.priceOrientationListing.gridItems, .locationCardListing.gridItems, .locationCardPresale.gridItems, .especsPresale.gridItems, .contPrice_fifth_featureBlock.gridItems, .contDist_fifth_featureBlock.specsListing, .especsPresale.specsListing{
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
}
.priceOrientationListing.gridItems .innerPriceOrient, .locationCardPresale.gridItems .innerLocationCard, .contPrice_fifth_featureBlock.gridItems .innerContPrice, .contDist_fifth_featureBlock.specsListing .innerInfoCard, .especsPresale.specsListing .specListing{
width: auto;
border-left: 1px solid #c3c3c3;
border-right: none;
}
.priceOrientationListing.gridItems .innerPriceOrient.genPaddLeft, .locationCardPresale.gridItems .innerLocationCard.genPaddLeft, .contDist_fifth_featureBlock.specsListing .innerInfoCard, .especsPresale.specsListing .specListing{
padding-left: 3px;
}
.priceOrientationListing.gridItems .innerPriceOrient:first-child, .locationCardPresale.gridItems .innerLocationCard:first-child, .contPrice_fifth_featureBlock.gridItems .innerContPrice:first-child, .contDist_fifth_featureBlock.specsListing .innerInfoCard:first-child, .especsPresale.specsListing .specListing:first-child{
border: none;
}
.locationCardListing.gridItems p, .locationCardPresale.gridItems p{
padding: 0;
}
.especsPresale.gridItems, .contPrice_fifth_featureBlock.gridItems .innerContPrice{
padding-left: 3px;
}
.subTitleHomes_fifth_featureBlock .titleDist_third_featureBlock.Moved{
width: auto;
float: left;
}
.cityListing.Moved{
height: auto;
}
.locationListing.Moved{
position: relative;
float: left;
width: 40%;
height: 100%;
border-left: 1px solid #dadada;
padding-left: 10px;
box-sizing: border-box;
}
.priceListing.Moved{
position: relative;
float: left;
width: 50%;
height: 100%;
border: none;
padding-left: 0;
}
.titleHomes_fifth_featureBlock.Moved{
width: 50%;
float: left;
}
.location_fifth_featureBlock.Moved{
width: 50%;
float: right;
margin-bottom: 0;
}
.location_fifth_featureBlock.Moved .text_fifth_featureBlock{
text-align: right;
}
.titleHomes_fifth_featureBlock.Moved .text_fifth_featureBlock{
font-size: 15px;
}
.contPrice_fifth_featureBlock.gridItems .midPrice_fifth_featuredBlock{
width: auto;
position: relative;
}
.innerLocationCard .text_superSmall{
font-size: 14px;
}
.innerLocationCard .text_mediumLarge{
font-size: 25px;
}.searchPage .searchpage-filter{
margin-top: 60px;
}
.searchPage .communityFilters{
top: 280px;
}
.searchPage .searchResultsContainer{
margin-top: 0!important;
}
.searchPage .hiddenFilerBanner{
width: 1400px;
height: 70px;
position: relative;
opacity: 1;
padding: 0;
margin: 20px auto;
transition: all 0.3s ease;
}
.searchPage .contHeaderSearchPage {
overflow: visible;    
}
.searchPage .contHeaderSearchPage .hiddenFilerBanner.active {
padding: 0;
height: 147px;
transition: all 0.3s ease;
z-index: 1000;
overflow: visible;
}
.searchPage .contHeaderSearchPage .contFilter {
width: calc(100% - 120px);
float: left;
}
.searchPage .contHeaderSearchPage .midWidthCol {
width: 207px;
}
.searchPage .contHeaderSearchPage .fullWidthCol {
width: 422px;
}
.searchPage .searchResultsContainer .filterSearch {
display: none;
}
.searchPage .searchResultsContainer .listingSearchPage .communityFilters {
background-color: #fa5a0a;
position: absolute;
top: 0;
}
.searchPage .searchResultsContainer #sortResults{
background-color: transparent;
color: #fff;
width: 40%;
float: right;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/Wt-downArrow.png);
}
.searchPage .searchResultsContainer #sortResults option {
color: #000;
}
.searchPage .img_featuredBlock,
.searchPage .contDesc_featuredBlock {
height: 205px!important;    
}
.searchPage .btnOpenFilterSearchpage {
position: relative;
float: left;
width: 120px;
text-align: center;
height: 40px;
padding: 12px 0;
box-sizing: border-box;
font-family: "Helvetica_Roman";
font-size: 15px;
cursor: pointer;
line-height: 1.7;
}
.searchPage .iconSearchPage {
position: absolute;
left: 0;
top: 12px;
width: 20px;
height: 20px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/filtro-empire.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.searchPage .iconsArrowSearchPage {
position: absolute;
right: 0;
top: 12px;
width: 20px;
height: 20px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/brown-downArrow.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(0);
transition: all 0.3s ease;
}
.searchPage .iconsArrowSearchPage.active {
transform: rotate(-180deg);
transition: all 0.3s ease;
}
.searchPage .searchpage-filter .noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.searchPage .searchpage-filter .ui-state-default, 
.searchPage .searchpage-filter .ui-widget-content .ui-state-default, 
.searchPage .searchpage-filter .ui-widget-header .ui-state-default {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/boton-filtro.png);
background-position: center;
background-repeat: no-repeat;
background-size: 17px;
cursor: pointer;
border: 1px solid transparent;
background-color: transparent;
margin-top: -5px;
}
.searchPage .searchpage-filter .ui-state-hover, 
.searchPage .searchpage-filter .ui-widget-content .ui-state-hover, 
.searchPage .searchpage-filter .ui-widget-header .ui-state-hover,
.searchPage .searchpage-filter .ui-widget-focus .ui-widget-content .ui-state-focus,
.searchPage .searchpage-filter .ui-widget-header .ui-state-focus {
border: none!important;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/boton-filtro.png);
color: #2e2624;
}
.searchPage .searchpage-filter .noUi-horizontal .noUi-handle {
width: 35px;
height: 35px;
right: -17px;
top: -17.5px;
border: none;
background: transparent;
box-shadow: none;
}
.searchPage .searchpage-filter .ui-slider .ui-slider-range {
height: 2px;
border: none;
background-color: #2e2624;
}
.searchPage div#sliderSearchPage{
height: 2px;
margin-top: 10px;    
}
.searchPage .countResultPageSearch {
width: 50%;
float: left;
padding-top: 18px;
color: #fff;
font-size: 15px;
}
.searchPage span.numCountSearchpage {
margin-right: 8px;
}
.searchPage .listingItems {
overflow: hidden auto;
width: 100%;
height: 100%;
position: relative;
padding: 0px;
padding-top: 70px;
box-sizing: border-box;
padding-bottom: 40px;
}
.searchPage .listinglist.listingSearchPage {
overflow: hidden;
position: relative;
padding: 0;
}
.searchPage .listingSearchPage .communityFilters {
width: 600px;    
}
.searchPage .btnOpenFilterSearchpageMobile {
display: none;
}
.searchPage .orientations {
z-index: 9;
right: 60px;
}
.searchPage .searchResultsContainer {
position: relative;    
}
.searchPage .contSlickComList,
.searchPage .contSlickComList.active {
display: none;
}
.searchPage .contFilterMobileSearchPage {
display: none;
}
.searchPage .listingItems .fav_FeaturedBlock {
top: 8px;
right: 30px;
}
.searchPage .unitItem {        
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;
padding: 0;
}
.searchPage .unitNumber {
width: auto;        
}
.searchPage .secondContainer {
width: auto;
display: grid;
grid-template-columns: repeat(var(--items), 1fr);
position: relative;        
}
.searchPage .priceUnitAvailable {
width: auto;        
}
.searchPage .listingSearchPage .contBgHidenListBtn {
display: none;
}
.searchPage .listingSearchPage .itemGallery_featuredBlock.searchResults .interactiveContainer .ctaCamera.camera_FeaturedBlock.Condo {
top: 0;
width: 40px;
float: right;
display: block;
right: 0;
left: 0;
margin-left: 5px;
position: relative;
}
.searchPage .listinglist .itemGallery_featuredBlock {
padding: 0 30px;
padding-top: 15px;
}
.searchPage .contSelectNeigh.active .hiddenSelectNeigh {
max-height: 150px;
}
.searchPage .listingSearchPage .itemGallery_featuredBlock.searchResults .ctaCamera.camera_FeaturedBlock {
left: 40px;
top: 165px;   
}
.listingSearchPage .contPromoGlobl{
padding: 0 20px;    
}
@media screen and (max-width: 1430px){
.searchPage .hiddenFilerBanner {
width: 90%;
}
.searchPage .btnOpenFilterSearchpage {
width: 85px; 
font-size: 12px;       
}
.searchPage .iconSearchPage {
width: 15px;
height: 15px;
}
.searchPage .iconsArrowSearchPage {
width: 15px;
height: 15px;
}
.searchPage .contHeaderSearchPage .contFilter {
width: calc(100% - 110px);
}
.searchPage .contHeaderSearchPage .fullWidthCol {
width: 32%;
padding: 0 10px;
}
.searchPage .contHeaderSearchPage .midWidthCol {
width: 15.5%;
padding: 0 10px;
}
.searchPage .contHeaderSearchPage .contFilter{
text-align: left;        
}
.searchPage .listingSearchPage .communityFilters {
width: 100%;
}
.searchPage .contHeaderSearchPage .middle {
font-size: 12px;        
}
.searchPage .contHeaderSearchPage .fullWidthCol.contNeigh p, 
.searchPage .contHeaderSearchPage .fullWidthCol.contPropType label, 
.searchPage .contHeaderSearchPage .fullWidthCol.contCommuType label, 
.searchPage .contHeaderSearchPage .contRangePrice.hidden .infoFilter, 
.searchPage .contHeaderSearchPage .fullWidthCol.contListType label {        
width: 110px;
min-width: auto;
}
.searchPage .contHeaderSearchPage .contRangePrice.hidden .contSliderHome {
width: calc(100% - 110px);
}
.searchPage .contHeaderSearchPage .contSelectNeigh.hiddenFilter {        
width: calc(100% - 110px);
}
.searchPage .contHeaderSearchPage .fullWidthCol.contPropType select, 
.searchPage .contHeaderSearchPage .fullWidthCol.contCommuType select, 
.searchPage .contHeaderSearchPage .fullWidthCol.contListType select {
width: calc(100% - 110px);
color: #000;
}
.searchPage .contHeaderSearchPage .contBeds.hidden label, .contHeaderSearchPage .contBaths.hidden label {
width: 40px;
min-width: auto;
}
.searchPage .contHeaderSearchPage .contBeds.hidden select, .contHeaderSearchPage .contBaths.hidden select {
width: calc(100% - 40px);
float: left;
box-sizing: border-box;
min-width: auto;      
color: #000;
}
}
@media screen and (max-width: 1024px){   
.searchPage .listinglist.listingSearchPage {
width: 500px;        
}
.searchPage .hiddenFilerBanner {
width: 100%;
}
} @media screen and (max-width: 768px){   
.searchPage .listinglist.listingSearchPage {
width: 100%;
}
.searchPage .contHeaderSearchPage {
height: 40px;        
} .searchPage .contFilterMobileSearchPage {
display: block;
position: absolute;
bottom: 0px;
height: 60px;
width: 100%;
left: 0px;
text-align: center;
padding-top: 10px;
background-color: rgb(255, 255, 255);
box-sizing: border-box;
}
.searchPage .btnSearchPageFind {
display: inline-block;
padding: 0 60px 0 20px;
vertical-align: top;
background-color: rgb(236, 104, 38);
color: rgb(255, 255, 255);
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/white-search.png);
background-position: 90% 45%;
background-repeat: no-repeat;
background-size: 17px;
height: 40px;
line-height: 2.7;
}
.searchPage .resetSearchPageFilter {
height: 40px;
width: 40px;
display: inline-block;
vertical-align: top;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/recargar.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 60%;
}
.searchPage .contHeaderSearchPage .hiddenFilerBanner {
width: 100%;
overflow: auto;
position: fixed;
top: 100px;
left: 0;
z-index: 1000;
height: 0;
margin: 0;
}  
.searchPage .contHeaderSearchPage .hiddenFilerBanner.active {
height: calc(100% - 100px);
position: fixed;
top: 100px;
}
.searchPage .contHeaderSearchPage .contFilter {
width: 100%;
height: 100%;
overflow: auto;
box-sizing: border-box;
padding: 20px 20px 70px;
}
.searchPage .contRangePrice.hidden.fullWidthCol {
width: 100%;
position: relative;
height: 85px;
margin-bottom: 0px;
}
.searchPage .contHeaderSearchPage .fullWidthCol {
width: 100%;
}
.searchPage .contFilter .contBeds.hidden.midWidthCol,
.searchPage .contFilter .contBaths.hidden.midWidthCol {
float: left;
width: 47%;
}
.searchPage .contHeaderSearchPage .fullWidthCol.contNeigh p, 
.searchPage .contHeaderSearchPage .fullWidthCol.contPropType label, 
.searchPage .contHeaderSearchPage .fullWidthCol.contCommuType label, 
.searchPage .contHeaderSearchPage .contRangePrice.hidden .infoFilter, 
.searchPage .contHeaderSearchPage .fullWidthCol.contListType label {
width: 100%;
height: 20px;
}
.searchPage .contHeaderSearchPage .fullWidthCol.contPropType select, 
.searchPage .contHeaderSearchPage .fullWidthCol.contCommuType select, 
.searchPage .contHeaderSearchPage .fullWidthCol.contListType select {
width: 100%;
font-size: 15px;
}
.searchPage .contHeaderSearchPage .contSelectNeigh.hiddenFilter {
width: 100%;
font-size: 15px;
}
.searchPage .contFilter .contBeds.hidden.midWidthCol, .searchPage .contFilter .contBaths.hidden.midWidthCol {
float: left;
width: 47%;
padding: 0 10px;
}
.searchPage .contFilter .contBaths.hidden.midWidthCol {
float: right;
}
.searchPage .contNeighSelect span, .btnFilters .arrowBtn{
right: 5%;        
}
.searchPage .contNeighSelect{
padding: 10px 0px;
}
.searchPage .contHeaderSearchPage .contBeds.hidden label, .contHeaderSearchPage .contBaths.hidden label {        
width: 100%;
min-width: auto;
}
.searchPage .contHeaderSearchPage .contBeds.hidden select, .contHeaderSearchPage .contBaths.hidden select {
width: 100%;
}
.searchPage .contHeaderSearchPage .contRangePrice.hidden .contSliderHome {
width: 100%;
position: relative;
}
.searchPage .searchResultsContainer .listingSearchPage .communityFilters {
position: fixed;
top: 60px;
left: 0;
z-index: 100;
width: 100%;
overflow: visible;
padding-top: 10px;
height: 40px;
}    
.searchPage .countResultPageSearch {
padding: 0;
}
.searchPage .btnOpenFilterSearchpageMobile {
display: block;
width: 100px;
float: right;
font-size: 13px;
position: relative;
text-align: center;
color: #fff;
padding-top: 2px;
line-height: 1.6;
}
.searchPage .btnOpenFilterSearchpageMobile .iconSearchPage,
.searchPage .btnOpenFilterSearchpageMobile .iconsArrowSearchPage{
top: 0;
width: 15px;
height: 20px;
}
.searchPage .searchResultsContainer{ }
.searchPage .searchResultsContainer .communityFilters #sortResults{      
position: absolute;        
width: 0;
overflow: hidden!important;
padding: 0;
}       
.searchPage .searchResultsContainer .communityFilters.active #sortResults{
top: 45px;
background-color: #fff;
color: #000;
left: 10px;
width: 40%;
padding-right: 15px;
z-index: 100;
}
.searchPage .listinglist.listingSearchPage {
position: absolute; 
right: 100%;
}
.searchPage .listinglist.active {
right: 0;
}
.searchPage .iconsArrowSearchPage {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/Wt-downArrow.png);        
}
.searchPage .iconSearchPage{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/filtro-empireWt.png);
}
.searchPage .btnOpenFilterSearchpage {
display: none;
}
.searchPage .listinglist .itemGallery_featuredBlock {
width: 90%;
margin-left: 5%!important; 
padding: 15px 0px 0px;       
}
.searchPage .searchPageConainerView .listview, 
.searchPage .searchPageConainerView .Mapview {
background-image: url();
font-size: 12px;
background-color: transparent;
padding: 0px 10px;
border: none;
height: auto;
width: auto;
position: relative;
margin: 0px;
border-radius: 0px;
overflow: hidden;
float: left;
background-position: center;
background-repeat: no-repeat;
background-size: 60%;
box-sizing: border-box;  
height: 24px;
padding-top: 2px;
line-height: 2;
}
.searchPage .searchPageConainerView .listview.active,
.searchPage .searchPageConainerView .Mapview.active {
background-image: url();
height: auto;
width: auto;
color: #fff; border: none;
} 
.searchPage .searchPageConainerView .Mapview::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
background-color: #f16421;
transition: all 0.3s ease;  
top: 0;
right: 100%;
border-radius: 88px;
} 
.searchPage .searchPageConainerView .active.Mapview::after {
right: 0;
transition: all 0.3s ease;
} 
.searchPage .searchPageConainerView .listview::after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background-color: #f16421;
transition: all 0.3s ease;  
top: 0;
left: 100%;
border-radius: 88px;
}
.searchPage .searchPageConainerView .active.listview::after{
left: 0;
transition: all 0.3s ease;  
}   
.searchPage .searchPageConainerView .listview span,
.searchPage .searchPageConainerView .Mapview span {
z-index: 10;
position: relative;        
}
.searchPage .searchPageConainerView .changeViews {
display: block;
width: 90px;
right: 10px;
top: 0px;
height: 26px;
margin-top: 5px;
border: 2px solid rgb(241, 100, 33);
padding: 1px 2px;
border-radius: 25px;
background-color: rgb(255, 255, 255);
position: absolute;
z-index: 100;
transition: all 0.5s ease-out 0s;
}
.searchPage .contSlickComList {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
width: 0px;
background-color: rgb(255, 255, 255);
transition: all 0.3s ease 0s;
overflow: hidden;
height: 330px !important;
}
.searchPage .contSlickComList.active{
display: block;
width: 100%;
overflow: visible;
transition: all 0.3s ease;  
}
.searchPage .contSelectCommList {
position: absolute;
top: 5px;
left: 0px;
width: 100%;
box-sizing: border-box;
height: 290px!important;
}
.searchPage .contSelectCommList .itemGallery_featuredBlock {
margin-left: 30px;
height: 275px !important;
margin-bottom: 0px !important;
}
.searchPage .contSelectCommList .searchResults {
width: 260px;
}
.searchPage .contSelectCommList .img_featuredBlock{    
height: 120px !important;
}
.searchPage .contSelectCommList .contDesc_featuredBlock {
height: 150px !important;
min-height: auto!important;
}
.searchPage #searchMapSearch {
height: 100%;
width: 100%;
}
.searchPage .contSlickComList .contNumberListing {
position: absolute;
bottom: 6px;
left: 0;
width: 100%;
text-align: center;
border-top: 1px solid #ccc;
font-size: 13px;
height: 30px;
box-sizing: border-box;
}
.searchPage .contSelectCommList .slick-arrow {
bottom: -28px;
position: absolute;
top: auto;
background-color: transparent;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
}
.searchPage .contSelectCommList .slick-arrow.slick-disabled {
opacity: 0.4;
}
.searchPage .contSelectCommList .slick-next.slick-arrow {
right: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/ARROW-BROWN.png);
}
.searchPage .contSelectCommList .slick-prev.slick-arrow {
left: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/ARROW-BROWN.png);
transform: rotate(180deg);
}
.searchPage .contSlickComList .closeBtnSlickComList {
position: absolute;
right: 0;
top: -30px;
line-height: 10px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//images/CLOSE-BROWN.png);
background-position: 85% 40%;
background-repeat: no-repeat;
background-size: 13%;
font-size: 15px;
background-color: #fff;
padding: 10px 50px 10px 20px;
}
.searchPage .gmnoprint.gm-bundled-control {
top: auto!important;
bottom: 100px!important;
}
.searchPage .ctaCamera {
top: 0;
float: left;
position: relative;        
}
.searchPage .slick-list {
overflow: hidden;
padding-top: 15px;
}
.searchPage .contSlickComList .searchResults, .communitiesCards {
overflow: visible;
}
.searchPage .contSlickComList .itemGallery_featuredBlock.searchResults .ctaCamera.camera_FeaturedBlock {
top: 80px;        
}
.searchPage .listingSearchPage .itemGallery_featuredBlock.searchResults .ctaCamera.camera_FeaturedBlock {
left: 10px;
top: 165px;
position: absolute;        
}
.searchPage .contSlickComList .unitsAvailableContent{
display: none;
}
.searchPage .searchResultsContainer #sortResults {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme//search-includes/images/brown-downArrow.png);        
}
.searchPage .listingItems .fav_FeaturedBlock {        
top: 18px;
right: 10px;
z-index: 9;
}
.searchPage .listingSearchPage .contBgHidenListBtn {
display: block;
height: 0;
}
.searchPage .listingSearchPage.active .contBgHidenListBtn {
height: 50px;
width: 100%;
z-index: 15;
background-color: rgb(255, 255, 255);
left: 0px;
position: fixed;
}
.searchPage .contSlickComList.active .subTitleHomes_fifth_featureBlock {
padding: 5px 0;        
}
.searchPage .contSlickComList.active .contPrice_fifth_featureBlock {
padding: 0;
margin-bottom: 5px;
}
.searchPage .contSlickComList .text_smallLarge {
font-size: 13px;
}
.searchPage .contSlickComList .text_superSmall {
font-size: 12px;
}
.searchPage .contSlickComList .moveInReadyTags {
position: absolute;
top: -15px;
left: 10px;
padding: 10px 10px;
font-size: 12px;
background-color: #ededed;
background-color: #2e2624;
color: #FFF;
}    
.listingSearchPage .contPromoGlobl {
padding: 0;
width: 90%;
left: 5%;
}
.searchPageConainerView .gm-control-active.gm-fullscreen-control {
display: none;
}
.searchPage .searchPageConainerView.activePromoClass .listingSearchPage.active .contBgHidenListBtn {
top: 150px;
} 
.searchPage .searchPageConainerView.activePromoClass .listingItems {
padding-top: 110px;
} .searchPage .searchPageConainerView .changeViews {
position: fixed;
top: 100px;
}
.searchPage .searchPageConainerView.activePromoClass .changeViews { position: fixed;
top: 155px;
}
.searchPage .searchResultsContainer.activePromoClass .communityFilters.active #sortResults {
top: 105px;
}
.searchPage .searchResultsContainer.activePromoClass {
overflow: hidden;
}
.searchPageConainerView.activePromoClass .contPromoInner.imageInner {
display: none;
}
.searchPageConainerView.activePromoClass .contPromoGlobl .contPromoInner {
width: 100%;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoTitle,
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoText {
width: 60%;
overflow: hidden;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoCta {
position: absolute;
right: 10px;
height: 100%;
top: 0;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoText {
height: 15px;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoCta .cta_principal_block {
margin-top: -17px;
top: 50%;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile {
position: relative;
}
.searchPageConainerView.activePromoClass .contPromoCont br {
display: none;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile {
height: 50px;
position: fixed;
top: 100px;
z-index: 20;
}
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoTitle {
padding: 11px 5px 0px 15px;
height: 30px;
box-sizing: border-box;
}   
.searchPageConainerView.activePromoClass .contPromoGlobl.contPromoCommunitiesMobile .contPromoInner .contPromoCont.promoCta .cta_principal_block .btnContainer .ctaFull {
font-size: 10px;
padding: 0 10px;
height: 25px;
display: inline-block;
line-height: 2.7;
}    
}
@media screen and (max-width: 500px){ 
.searchPage .listingSearchPage .itemGallery_featuredBlock.searchResults .interactiveContainer .ctaCamera.camera_FeaturedBlock.Condo {        
width: 30px;
}
}
.searchResults .orientations{
top: 22px;
}
.searchResults .orientations .titleDist_third_featureBlock{
padding-top: 5px;
}
@media screen and (max-width: 1280px){
.searchResults .orientations{
right: 70px;
}
}
@media screen and (max-width: 1024px){
.searchResults .orientations{
right: 40px;
}
}.contBannerFilter .imgBanerStatic {
float: left;
height: 100%!important;
width: 100%!important;
display: block!important;
z-index: 5;
}
.contBannerFilter .fullBlock_title {
font-size: 55px;	
}
.contBannerFilter .fullBlock_subtitle  {
font-size: 15px;
}
.contBannerFilter .ctaFull {
padding: 0 20px;
font-size: 16px;
height: 40px;
display: inline-block;
line-height: 2.7;
}
.contBannerFilter .contFilterHomeBanner {
position: relative;
background-color: #fff;
width: 90%;
padding: 25px 50px;
font-size: 14px;
font-family: 'HelveticaNeue_Lt';
box-sizing: border-box;
height: 90px;
max-width: 1400px;
margin: auto;
box-shadow: 0px 5px 15px -3px #ccc;
}
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
bottom: 15%;
height: 125px;    
}
.contBannerFilter .fullBlock_TextContainer {
bottom: 80px;
margin: 0;
margin-bottom: 0!important;
}
.contBannerFilter .full_block_child {
overflow: unset;
} .hiddenFilerBanner {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
overflow: hidden;
height: 0;  
transition: all 0.3s ease;
box-sizing: border-box;
opacity: 0;
}
.hiddenFilerBanner.active {
padding: 60px 40px 70px;
height: auto;
transition: all 0.3s ease;
z-index: 10;
opacity: 1;
}
.contNeigh {
position: relative;
float: left;
text-align: left;
width: calc(20% - 30px);
min-width: 295px; }
.contRangePrice {
float: left;
width: calc(35% - 60px);
min-width: 260px;
height: 100%;
position: relative;
padding: 10px 0;
}
.contBeds {
float: left;
width: calc(20% - 60px);
min-width: 140px; }
.contBtns {
float: left;  }
.contBtnFilterBanner {
float: right;
width: 60px;
padding: 7px 30px 11px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.btnFindmyhome {
position: relative;
padding: 0 40px 0 15px;
display: inline-block;
height: 40px;
width: 100%;
text-align: center;
box-sizing: border-box;
background-color: #fa5a0a;
color: #fff;
position: relative;
border: none;
line-height: 3.3;
cursor: pointer;
}
.btnFindmyhome:after {
content: "";
display: block;
width: 0;
height: 100%;
background: rgba(107, 103, 100, 0.349);
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.btnFindmyhome:hover:after {
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.btnFindmyhome span {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/white-search.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 15px;
height: 15px;
width: 15px;
top: 12px;
}
.visibleFilterBanner p,
.visibleFilterBanner label {
font-family: 'HelveticaNeue_Lt';
font-weight: bold; 
line-height: 2.2;
}
.contNeigh p {
float: left;
width: 40%;
min-width: 125px;   
position: relative; 
margin: 10px 0;
font-family: 'HelveticaNeue_Lt';
font-weight: bold;
}
.fullWidthCol.contNeigh p {
float: left;
width: auto;
position: relative;
margin: 0;
min-width: auto;
line-height: 2.9;
}
.contSelectNeigh {    
float: left;
width: 55%;
min-width: 170px;
position: relative;
}
.contSelectNeigh.hiddenFilter {
float: left;
width: 65%;
position: relative;    
}
.contSelectNeigh.hiddenFilter .selectedType {
text-align: center;
font-size: 13px; 
}
.contNeighSelect {
padding: 10px 15px;
position: relative;
border-bottom: 1px solid #2e2624;
}
.selectedType {
font-size: 13px;
}
.visibleFilterBanner select {
font-size: 13px;
}
.contNeighSelect span,
.btnFilters .arrowBtn{
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/brown-downArrow.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 15px;
height: 15px;
right: 5px;
top: 10px;
transition: all 0.3s ease;
}
.contSelectNeigh.active .contNeighSelect span,
.contBtnFilterBanner.active .btnFilters .arrowBtn {
transform: rotate(180deg);    
transition: all 0.3s ease;
}
.contFilterHomeBanner select {    
border: none;
border-bottom: 1px solid #2e2624;
width: 40%;
box-sizing: border-box;
float: left;
-webkit-appearance: none;
text-align: center;
text-align-last: center;
height: 40px;
width: 90%;
margin: 0;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/brown-downArrow.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: 95% 50%;
background-color: #fff;
position: relative;
}
.contBeds select {
width: 63%;
min-width: 90px;
float: left;
padding-right: 15px;
color: #2e2624;
}
.contBeds option {
color: #2e2624;
}
.contBeds label,
.contBaths label {
width: 35%;
min-width: 50px;
float: left;
padding: 11px 0px;
}
.contBeds.hidden label,
.contBaths.hidden label {
width: 50px;
float: left;
padding: 11px 0px;
}
.hiddenSelectNeigh {
position: absolute;
overflow: hidden;
height: 0;
width: 100%;
background-color: #fff;
z-index: 100;
left: 0;
top: 36px;
transition: all 0.3s ease;
}
.contSelectNeigh.active .hiddenSelectNeigh {
box-shadow: 0px 2px 5px 0px #ddd;
height: 150px;
overflow: auto;
transition: all 0.3s ease;
padding: 10px 0;
max-height: 107px!important;
}
.itemHiddenSelect {
padding: 0px 15px 1px 40px;
position: relative;
font-size: 14px;
}
.itemHiddenSelect label {
line-height: 2.2;
}
.iconFilter {
height: 20px;
width: 20px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/filtro-empire.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 5px;
top: 8px;
}
.fisrtItem {
margin-right: 30px;
}
.midItem {
margin: 0 30px;
}
.midItem.contBtns {
margin-right: 0px;
width: calc(25% - 30px);
min-width: 152px;
}
.fullWidthCol {
width: 33%;
float: left;
position: relative;
margin-bottom: 20px;
}
.fullWidthCol.contNeigh {
margin-bottom: 19px;
}
.midWidthCol {
width: 16.5%;
float: left;
margin-bottom: 20px;
}
.contFilterHomeBanner .hiddenFilerBanner select {
width: 65%;
color: #2e2624;
}
.contFilterHomeBanner .hiddenFilerBanner label {
float: left;
font-family: 'HelveticaNeue_Lt';
font-weight: bold;
line-height: 2.1;
}
.contListType.hidden.fullWidthCol {
text-align: left;
}
.contPropType.hidden.fullWidthCol,
.contCommuType.hidden.fullWidthCol {
text-align: right;
}
.contBannerFilter .contPropType.hidden.fullWidthCol label,
.contBannerFilter .contPropType.hidden.fullWidthCol select,
.contBannerFilter .contCommuType.hidden.fullWidthCol label,
.contBannerFilter .contCommuType.hidden.fullWidthCol select,
.contBannerFilter .contListType.hidden.fullWidthCol label,
.contBannerFilter .contListType.hidden.fullWidthCol select {
float: none;
display: inline-block;
color: #2e2624;
}
.infoFilter {
width: 40%;
float: left;    
}
.contSliderHome {
position: relative;
width: 60%;
float: left; 
box-sizing: border-box;
margin-top: 5px;
}
.contRangePrice.hidden .contSliderHome { width: 55%;
}
.contRangePrice.hidden .infoFilter {
width: auto;
margin-right: 15px;
font-family: 'HelveticaNeue_Lt';
font-weight: bold;
line-height: 2.1;
}
.contBannerFilter .cta_principal_block.hidden {
display: none;
}
.contNeighSelect.selectMobile {
display: none;
}
.closeContFilter {
position: absolute;
right: 54px;
top: 15px;
padding: 9px 30px 11px;
cursor: pointer;
}
.closeContFilter .closeBtn {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/CLOSE-BROWN.png);
background-position: top;
background-repeat: no-repeat;
height: 20px;
width: 20px;
background-size: 80%;
position: absolute;
right: 5px;
top: 10px;
}
.closeContFilter p {
line-height: 1.7;
}
.contBtnHidden {
width: 100%;
height: 45px;
position: absolute;
bottom: 0;
left: 0;
}
.contBtnHidden .contResetHidden,
.contBtnHidden .contViewHidden {
width: 50%;
height: 100%;
float: left;
cursor: pointer;
position: relative;
}
.contBtnHidden .contViewHidden:after {
content: "";
display: block;
width: 0;
height: 100%;
background: rgba(107, 103, 100, 0.349);
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.contBtnHidden .contViewHidden:hover:after {
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.contBtnHidden .contResetHidden{
position: relative;
background-color: #e6e6e6;
text-align: center;
padding: 12px 0 15px;
box-sizing: border-box;
}
.contBtnHidden .contViewHidden {
background-color: #fa5a0a;
border: none;
outline: none;
color: #fff;
line-height: 3.8;
}
.contBtnHidden .contViewHidden .iconSearshFilter{
display: inline-block;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/white-search.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 15px;
width: 15px;
vertical-align: text-bottom;
margin-left: 10px;
margin-bottom: 2px;
}
.itemHiddenSelect input[type="checkbox"] {
position: absolute;
left: 15px;
top: 6px;
height: 0;
width: 0;
}
.itemHiddenSelect input[type="checkbox"]::before {
content: "";
display: block;
height: 17px;
width: 17px;
position: relative;
background-color: #e6e6e6;
top: -1px;
}
.itemHiddenSelect input[type="checkbox"] {
background-color: #e6e6e6;    
}
.itemHiddenSelect input[type="checkbox"]:checked::before {
background-color: #fa5a0a;
}
.itemHiddenSelect input[type="checkbox"]:checked::after {
content: "";
width: 12px;
height: 4px;
border: 2px solid #fff;
float: left;
border-right: 0;
border-top: 0;
position: absolute;
transform: rotate(-55deg);
top: 2px;
left: 1px;
}
.contFilterHomeBanner .hiddenFilerBanner .hiddenSelectNeigh label {
float: none;
}
.contResetHidden p {    
display: inline-block;
vertical-align: top;
line-height: 1.8;
}
.iconReset {
display: inline-block;
height: 15px;
width: 15px;
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/recargar.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-left: 5px;
vertical-align: text-bottom;
margin-bottom: -1px;
} .noUi-connect {
background: #2e2624;    
}
.noUi-horizontal {
height: 10px;
margin-top: 5px;
} #slider1.noUi-horizontal .noUi-handle {
border-radius: 50%;
}
.noUi-horizontal .noUi-handle {
width: 35px;
height: 35px;
right: -17px;
top: -15px;
border: none;
background: transparent;
box-shadow: none;
}
.noUi-horizontal {
height: 4px;
margin-top: -7px;
}
.noUi-touch-area {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/boton-filtro.png);
background-position: center;
background-repeat: no-repeat;
background-size: 17px;
cursor: pointer;
}
.since,
.to{
width: 50%;
float: left;  
margin-top: 10px;  
font-size: 10px;
}
.to{
text-align: right;
}
.noUi-handle:after, .noUi-handle:before{
content: "";
display: none;
}
.contSliderHome .noUi-target {
padding: 0 8px;    
}
.contCountResult {
position: absolute;
top: -40px;
right: 0;
padding: 10px;
background-color: #fa5a0a;
color: #fff;
z-index: -1;
line-height: 1.7;
}
.contCountResultMobile {
display: none;
float: left;
text-align: center;
width: 100%;
padding-top: 20px;
color: #fa5a0a;    
font-family: "Helvetica_Roman";
}
.contCountResult p,
.contCountResultMobile p {
display: inline-block;
}
.contBannerFilter .btnContainer {
padding: 0;    
}
.contBtnPromotions {
position: absolute;
bottom: 23px;
left: 0;
width: 100%;
text-align: center;
font-family: 'HelveticaNeue_Lt';
font-weight: bold;
text-decoration: underline;
font-size: 14px;
line-height: 1;
}
.bgBlackMobileBannerBlock {
display: none;
}
.contBannerFilter .container {
margin: auto;
max-width: 1400px;
position: relative;
height: 100%;
width: 90%;
}
@media screen and (max-width: 1450px){
.contBannerFilter .contFilterHomeBanner {
padding: 20px 30px;
}
.fisrtItem {
margin-right: 0px;
}
.midItem {
margin: 0 20px;
}
}
@media screen and (max-width: 1350px){
.midItem.contBtns {
width: calc(17% - 30px);        
}    
}
@media screen and (max-width: 1300px){
.contBannerFilter .contFilterHomeBanner {
padding: 20px 30px;
}
.fisrtItem {
margin-right: 0px;
}
.midItem {
margin: 0 10px;
}
.contSelectNeigh {
width: 130px;        
} .midItem.contBtns {
width: calc(20% - 30px);        
}
}
@media screen and (max-width: 1250px){  
.midItem.contBtns {
width: calc(17% - 30px);        
}    
#contBannerFilterID .container {
width: 85%;
}
.contBannerFilter .contFilterHomeBanner {
width: 85%;        
}    
}
@media screen and (max-width: 1200px){
.contBannerFilter .contFilterHomeBanner {
height: 140px;
text-align: center;
bottom: 13%;
}    
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
height: 160px;
bottom: 9%;        
}
.contSelectNeigh {
min-width: auto;
margin-left: 20px;
}
.fisrtItem {        
width: 30%;
margin: 0;
min-width: auto;
margin-bottom: 10px;
}
.midItem {
width: 33%;
margin: 0;
margin-bottom: 10px;   
min-width: auto;     
}
.contBeds.midItem {
width: 20%;
margin: 0;
margin-bottom: 20px;    
text-align: center;
}
.contBeds.midItem label,
.contBeds.midItem select {
float: none;
min-width: auto;
}
.contBtns.midItem {
float: none;
width: 220px;
margin: auto;
display: inline-block;
vertical-align: top;        
}
.contBtnFilterBanner.lastItem {
float: none;
display: inline-block;
margin: auto;        
}
.visibleFilterBanner p, 
.visibleFilterBanner label {        
font-size: 13px;
}
.contNeigh p {
width: 110px;
min-width: auto;
}
.contRangePrice.midItem .infoFilter {
width: 90px;            
}
.contRangePrice.midItem .contSliderHome {
width: calc(100% - 150px);
margin-left: 20px;
}
.visibleFilterBanner .since {
text-align: left;
}
.hiddenFilerBanner .contNeigh p {
margin: 0;
}
.hiddenFilerBanner .contListType.hidden {
text-align: left;
}
.contSelectNeigh.hiddenFilter {
width: 85%;        
}
.contPropType.hidden.fullWidthCol select,
.contCommuType.hidden.fullWidthCol select, 
.contListType.hidden.fullWidthCol select {
width: 85%;
text-align: left;
text-align-last: left;
}
.fullWidthCol.contNeigh {
margin-bottom: 18px;
}
.contRangePrice.hidden .infoFilter {
width: auto;
margin-right: 15px;
margin-bottom: 20px;
}
.contRangePrice.hidden .since {
text-align: left;
}
.contBeds label,
.contBaths label {
padding: 0;
}
.hiddenFilerBanner .contCommuType.hidden.fullWidthCol {
text-align: left;
}
.contFilterHomeBanner .hiddenFilerBanner label {
width: 100%;
text-align: left;
padding: 0;
}    
.visibleFilterBanner .since,
.visibleFilterBanner .to {
font-size: 10px;
}
.contRangePrice.hidden .contSliderHome {
width: 85%;
}
.hidden .contNeigh,
.contRangePrice.hidden,
.contBeds.hidden {
min-width: auto;
}
.contSelectNeigh.hiddenFilter .selectedType {
text-align: left;        
}
.fullWidthCol.contNeigh p {
line-height: 2.1;        
}
.contNeighSelect {
padding-left: 0;        
}    
.contSlickFullBlock .slick-arrow {
height: 30px;
width: 30px;
} 
}
@media screen and (max-width: 768px){
.contCountResult {
display: none;
}
.contCountResultMobile {
display: block;
}
.contBannerFilter .fullBlock_title {
font-size: 36px;
}
.contBannerFilter .contFilterHomeBanner {
bottom: 75px;
padding: 0px 30px 10px;
height: auto;
}
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
bottom: 75px;
padding: 0px 30px 50px;      
height: auto;  
}    
.contNeigh {
width: 100%;
margin: 0;
margin-bottom: 15px;
margin-top: 5px;
}
.contNeigh p {
width: 100%;
padding: 0;
}
.contSelectNeigh.hiddenFilter {
width: 100%;
}
.contRangePrice.fullWidthCol {        
width: 100%;
margin: 0;
height: 65px;
overflow: hidden;
margin-bottom: 10px;
text-align: left;
}
.contRangePrice.midItem .infoFilter {
width: 100%;        
}
.contRangePrice.midItem .contSliderHome{
width: 92%; 
padding-bottom: 15px;  
position: absolute;
bottom: 0;     
}
.contBeds.midItem {
width: 100%;
margin: 0;  
padding: 0;   
margin-bottom: 15px;
text-align: left;
}
.contBeds.midItem label {
width: 100%;
padding: 0;
}
.contBeds.midItem select {
width: 100%;
text-align: left;
text-align-last: left;
background-position: 99% 50%;
}
.contBtns.midItem {
margin: 0;
width: 60%;
display: block;
float: left;
}
.contBtnFilterBanner.lastItem {
width: 40%;
margin: 0;
padding: 0;
height: 40px;    
float: left;
display: flex;
justify-content: center;
align-items: center;
} .contBtnFilterBanner .arrowBtn {
display: none;
}
.iconFilter {
width: 100%;
height: 38px;
top: 0;
left: 0;
float: left; background-position: center;
position: relative;
height: 20px;
width: 20px;
}
.contSelectNeigh.active .hiddenSelectNeigh {
height: 190px;
width: 110%;
left: -5%; }
.hiddenFilerBanner.active {
position: fixed;
bottom: 0;
top: auto;
z-index: 1000000;
padding: 25px;
padding: 25px 25px;
height: calc(100% - 200px);
overflow: auto;
}
.contPropType.hidden.fullWidthCol, 
.contPropType.hidden.fullWidthCol label, 
.contPropType.hidden.fullWidthCol select, 
.contCommuType.hidden.fullWidthCol label, 
.contCommuType.hidden.fullWidthCol select, 
.contListType.hidden.fullWidthCol label, 
.contListType.hidden.fullWidthCol select, 
.contFilter .hidden.midWidthCol select, 
.contFilter .hidden.midWidthCol label {
width: 100%;
text-align: left;
text-align-last: left;
}
.contPropType.hidden.fullWidthCol select, 
.contCommuType.hidden.fullWidthCol select, 
.contListType.hidden.fullWidthCol select,
.contFilter .hidden.midWidthCol select {
padding: 0;
}
.fullWidthCol {
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.contFilter .hidden.midWidthCol {
width: 45%;
padding: 0;
margin-bottom: 20px;
}
.contFilter .contBeds.hidden.midWidthCol {
float: left;
}
.contFilter .contBeds.hidden.midWidthCol label {
padding: 0;
}    
.contFilter .contBaths.hidden.midWidthCol {
float: right;
}  
.contNeighSelect {
padding: 10px 15px 10px 0;        
}
.closeContFilter {
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 40px;
padding: 0;
}
.closeContFilter p,
.closeContFilter .iconFilter{
display: none;
}
.closeContFilter .closeBtn {
background-size: 20px;
width: 100%;
height: 100%;
top: 0;
right: 0;
background-position: center;
} .contBannerFilter .cta_principal_block.hidden {
display: block;
bottom: -60px;
position: absolute;
left: 0;
}
.contBannerFilter .cta_principal_block.hidden .btnContainer {
padding: 0;
width: 100%;
}
.contBannerFilter .ctaFull {
padding: 0px;
width: 100%;
display: block;
font-size: 12px;
line-height: 3.8;
}
.contNeighSelect.selectMobile { display: none;
width: 90%;
margin: auto;
border: none;
}
.contRangePrice.hidden .infoFilter {
width: 100%;
}
.contRangePrice.hidden .contSliderHome {
width: 100%;
padding-bottom: 0;
position: absolute;
bottom: 0;
}
.contBtnHidden .contViewHidden {
float: right;
width: calc(100% - 50px);        
}
.contBtnHidden .contResetHidden {
float: right;
height: 100%;
width: 50px;  
background-color: #fff;
}
.contResetHidden p{
display: none;
}
.iconReset {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
margin: 0;
background-size: 25px;        
}
.contSelectNeigh {
width: 100%;        
}
.contRangePrice.midItem {
width: 100%;
margin: 0;
height: 70px; margin-bottom: 10px;
text-align: left;        
}
.contBtnHidden {
position: relative;
}
.contBtnPromotions {
bottom: 17px;        
}
.contGalery_fullBlock .slick-slider {
z-index: 1;        
} 
.bgBlackMobileBannerBlock {
display: block;
height: 120px;
background-color: #000;
width: 100%;
position: relative;
z-index: 1;
}
.fullGallery_Empire.contBannerFilter {
height: calc(50vh + 120px) !important;
}
} @media screen and (max-width: 768px){
.contNeigh p {
margin: 0;
font-size: 15px;
line-height: 1;
}
.filterBy .infoFilter,
.contBeds label {
font-size: 15px;   
line-height: 1;     
}
.contRangePrice.midItem {
margin-bottom: 0px; }
.contBannerFilter .fullBlock_TextContainer {
margin-bottom: 0!important;
}
.contBannerFilter .contFilterHomeBanner {
padding: 30px 30px;    
}
.contBannerFilter .contFilterHomeBanner {
bottom: 0;        
}
.contBannerFilter .cta_principal_block.hidden {
bottom: -52px;        
}    
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
bottom: 65px;
padding: 10px 30px;        
}
.hasBtnBottom .contRangePrice.midItem .infoFilter{
line-height: 0.6;        
}
.hasBtnBottom .contBeds.midItem label {
line-height: 1;        
}
.hasBtnBottom .contBtnFilterBanner.lastItem {
margin-bottom: 30px;        
}
.hasBtnBottom .contBtnPromotions {
bottom: 13px;
}
.contBannerFilter .slick-arrow {
top: 40%;
}
.btnFindmyhome {
line-height: 3.8;
font-size: 11px;        
}
.contBtnFilterBanner .btnFilters {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.contBtnFilterBanner p {
line-height: 3.8;
font-size: 11px;        
}
}
.calcInner .noUi-horizontal .noUi-handle {
left: auto;
}
.contBannerFilter {
min-height: 520px;
}
.contSlickFullBlock {
height: 100%;
}
.contBannerFilter .full_block_child {
position: relative!important; 
}
.contFilterOuterBannerFilter {
position: absolute;
bottom: auto;
width: 100%;
z-index: 1000;
top: calc(100% - 50px);
}
.contBannerFilter {
margin-bottom: 50px !important;
}
.hasBtnBottom.contBannerFilter {
margin-bottom: 80px !important;
}
.contSlickFullBlock .slick-arrow {
font-size: 0;   
height: 40px;
width: 40px;
}
.contSlickFullBlock .slick-next.slick-arrow {
right: 0;    
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/ARROW-BROWN.png); 
}
.contSlickFullBlock .slick-prev.slick-arrow {
background-image: url(//empirecommunities.com/wp-content/themes/empire-theme/images/ARROW-BROWN-LEFT.png);
}
.opacityFrontBottom {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
}
.contVideoBannerFilter {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 1260px){    
.contBannerFilter .hiddenFilerBanner .contFilter .contSelectNeigh.hiddenFilter {
width: 55%;        
}
.contBannerFilter .contFilterHomeBanner .hiddenFilerBanner select {
width: 55%;                
}
}
@media screen and (max-width: 1200px){    
.contBannerFilter {
margin-bottom: 90px !important;
}      
.hasBtnBottom.contBannerFilter {
margin-bottom: 120px !important;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contPropType.hidden.fullWidthCol {
text-align: left;
height: auto!important;
min-height: 70px;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contNeigh p {
width: 100%;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contSelectNeigh.hiddenFilter {
margin-left: 0;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contSelectNeigh.hiddenFilter,
.contBannerFilter .contFilterHomeBanner .hiddenFilerBanner select {
width: 85%;
}
}
@media screen and (max-width: 768px){    
.opacityFrontBottom {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(0,0,0,0) 100%);
width: 100%;
height: 70%;
position: absolute;
bottom: 0;
}
.hasBtnBottom .contBtnPromotions {
position: relative;
bottom: 0;
margin-top: 15px;
}    
.visibleFilterBanner {
overflow: hidden;        
}
.hasBtnBottom .contBtnFilterBanner.lastItem {
margin-bottom: 0px; 
}
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
bottom: 65px;
padding: 20px 30px;
height: 315px !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.contBannerFilter .fullBlock_TextContainer {
margin-bottom: 0!important;
bottom: 0!important;
}
.hasBtnBottom.contBannerFilter .contFilterHomeBanner {
bottom: 0;
}
.contFilterOuterBannerFilter {
top: 100%;        
}
.fullGallery_Empire.contBannerFilter {
height: 60vh;
min-height: 400px;
}
.contSlickFullBlock .slick-arrow {
height: 30px;
width: 30px;
}
.contBannerFilter .fullBlock_TextContainer {
margin-bottom: 0 !important;
bottom: 40px !important;
}
.fullGallery_Empire.contBannerFilter {
margin-bottom: 250px !important;
}
.hasBtnBottom.fullGallery_Empire.contBannerFilter {
margin-bottom: 315px !important;
}
.contBannerFilter .btnContainer {
padding: 0;
min-width: 200px;
}
.contBannerFilter .slick-dots li {
border: 2px solid #fff;
border-radius: 50%;
background-color: transparent;
padding: 0;
height: 6px;
width: 6px;
margin: 10px 5px;
}
.contBannerFilter .noDotsSlickHome .slick-dots li {
display: none;
}
.contBannerFilter .slick-dots li.slick-active {
background-color: #fff;
}
.contBannerFilter .slick-dots li button {
font-size: 0;
background-color: transparent;
border: none;
outline: none;
}
.contBannerFilter .slick-dots {
background-color: transparent;
transform: translate(-50%, 0);
margin-left: 0!important;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contPropType.hidden.fullWidthCol {
min-height: 0;
}
.contBannerFilter .hiddenFilerBanner .contFilter .contSelectNeigh.hiddenFilter .contNeighSelect span {
right: 5%;
}    
.contBannerFilter .hiddenFilerBanner .contFilter .contSelectNeigh.hiddenFilter,
.contBannerFilter .contFilterHomeBanner .hiddenFilerBanner select {
width: 100%;
}
}