html{
scroll-behavior: smooth;
overflow-x: hidden;
}
.wrapperOverflow {
scroll-behavior: smooth;
overflow-x: hidden;
}
/* ----------------------------------
Name: style.css
Version: 1.0
-------------------------------------
Table of contents
01. Google font
02. Reset
03. Typography
04. Margin
05. Color
06. Padding
07. Font Size
08. Line Height
09. Button
10. Hover
11. Banner
12. Custom
*/
/* ===================================
Google font
====================================== */
/*@import url('//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');*/
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
/* latin-ext */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: local('Raleway'), local('Raleway-Regular'), url('./fonts/1Ptug8zYS_SKggPNyCMIT5lu.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: local('Raleway'), local('Raleway-Regular'), url('./fonts/1Ptug8zYS_SKggPNyC0ITw.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import url('https://fonts.googleapis.com/css?family=Raleway:700,800&display=swap');
/* ===================================
Font
====================================== */
@font-face {
font-family: 'Avenir Next LT Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Regular'), url('./fonts/AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Condensed'), url('./fonts/AvenirNextLTPro-Cn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Condensed Italic'), url('./fonts/AvenirNextLTPro-CnIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Italic'), url('./fonts/AvenirNextLTPro-It.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Ultra Light';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light'), url('./fonts/AvenirNextLTPro-UltLt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Italic'), url('./fonts/AvenirNextLTPro-UltLtIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Condensed'), url('./fonts/AvenirNextLTPro-UltLtCn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Ultra Light Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Ultra Light Condensed Italic'), url('./fonts/AvenirNextLTPro-UltLtCnIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Medium Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Condensed'), url('./fonts/AvenirNextLTPro-MediumCn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Italic'), url('./fonts/AvenirNextLTPro-MediumIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Medium Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Medium Condensed Italic'), url('./fonts/AvenirNextLTPro-MediumCnIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi'), url('./fonts/AvenirNextLTPro-Demi.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Condensed'), url('./fonts/AvenirNextLTPro-DemiCn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Condensed Italic'), url('./fonts/AvenirNextLTPro-DemiCnIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Demi Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Demi Italic'), url('./fonts/AvenirNextLTPro-DemiIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold'), url('./fonts/AvenirNextLTPro-Bold.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold Condensed'), url('./fonts/AvenirNextLTPro-BoldCn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Bold Condensed Italic'), url('./fonts/AvenirNextLTPro-BoldCnIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Heavy';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy'), url('./fonts/AvenirNextLTPro-Heavy.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Heavy Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Italic'), url('./fonts/AvenirNextLTPro-HeavyIt.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Heavy Condensed';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Condensed'), url('./fonts/AvenirNextLTPro-HeavyCn.woff') format('woff');
}
@font-face {
font-family: 'Avenir Next LT Pro Heavy Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Avenir Next LT Pro Heavy Condensed Italic'), url('./fonts/AvenirNextLTPro-HeavyCnIt.woff') format('woff');
}
/* ===================================
Reset
====================================== */
body{color:#807d7d; font-size: 20px; line-height: 24px; font-weight: 500; font-family: 'Raleway', 'sans-serif';}
.carousel-inner {overflow: hidden}
.navbar {margin-bottom: 0; padding: 20px 30px}
ul{margin: 0; padding: 0; list-style-type:none}
a:hover{text-decoration: none; color: #000}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
p{margin-bottom: 0;}
a{text-decoration: none}
figure{margin: 0}
.border_bottom{border-bottom: 1px solid #d4d4d4}
.border_top_f2f1ec{border-top: 1px solid #f2f1ec}
/* ===================================
Typography
====================================== */
.raleway_font {font-family: 'Raleway', sans-serif;}
/* ===================================
Margin
====================================== */
.w_60{width: 60%}
.w_40{width: 40%}
.margin_0_auto{margin: 0 auto}
/*margin*/
.margin_lr_30 {margin: 0 30px}
/*Margin Bottom*/
.margin_bottom_5 {margin-bottom: 5px}
.margin_bottom_10 {margin-bottom: 10px}
.margin_bottom_15 {margin-bottom: 15px}
.margin_bottom_20 {margin-bottom: 20px}
.margin_bottom_25 {margin-bottom: 25px}
.margin_bottom_26 {margin-bottom: 26px}
.margin_bottom_30 {margin-bottom: 30px}
.margin_bottom_35 {margin-bottom: 35px}
.margin_bottom_40 {margin-bottom: 40px}
.margin_bottom_50 {margin-bottom: 50px}
.margin_bottom_55 {margin-bottom: 55px}
.margin_bottom_60 {margin-bottom: 60px}
.margin_bottom_65 {margin-bottom: 65px}
.margin_bottom_70 {margin-bottom: 70px}
.margin_bottom_75 {margin-bottom: 75px}
.margin_bottom_80 {margin-bottom: 80px}
.margin_bottom_85 {margin-bottom: 85px}
.margin_bottom_90 {margin-bottom: 90px}
.margin_bottom_95 {margin-bottom: 95px}
.margin_bottom_100 {margin-bottom: 100px}
/*Margin Right*/
.margin_right_14 {margin-right: 14px}
.margin_right_10 {margin-right: 10px}
.margin_right_15 {margin-right: 15px}
.margin_right_20 {margin-right: 20px}
.margin_right_60 {margin-right: 60px}
/*Margin Left*/
.margin_left_14 {margin-left: 14px}
.margin_left_10 {margin-left: 10px}
.margin_left_15 {margin-left: 15px}
.margin_left_20 {margin-left: 20px}
.margin_left_30 {margin-left: 30px}
.margin_left_50 {margin-left: 50px}
.margin_left_60 {margin-left: 60px}
.margin_left_100 {margin-left: 100px}
/*Margin Top*/
.margin_top_5 {margin-top: 5px}
.margin_top_10 {margin-top: 10px}
.margin_top_15 {margin-top: 15px}
.margin_top_20 {margin-top: 20px}
.margin_top_25 {margin-top: 25px}
.margin_top_30 {margin-top: 30px}
.margin_top_40 {margin-top: 40px}
.margin_top_35 {margin-top: 35px}
.margin_top_50 {margin-top: 50px}
.margin_top_60 {margin-top: 60px}
.margin_top_80 {margin-top: 80px}
.margin_top_90 {margin-top: 90px}
.margin_top_95 {margin-top: 95px}
.margin_top_100 {margin-top: 100px}
.margin_top_150 {margin-top: 150px}
.margin_top-170 {margin-top: -170px}
/* ===================================
Color
====================================== */
/*Colors*/
.color_b1a484 {color: #b1a484}
.color_a4a4a3 {color: #a4a4a3}
.color_000 {color: #000}
.color_7d7e7e {color: #7d7e7e}
.color_fff {color: #fff}
.color_b2a585 {color: #b2a585}
.color_adadad {color: #adadad}
.color_999 {color: #999}
.color_888888 {color: #888888}
.color_9b9c9c {color: #9b9c9c}
.color_edece9 {color: #edece9}
.color_757171 {color: #757171}
.color_b2a485 {color: #08243C}
/*Background Colors*/
.bg_b1a484 {background-color: #b1a484}
.bg_f3f1ec {background-color: #f3f1ec}
.bg_7d7e7e {background-color: #7d7e7e}
.bg_edece9 {background-color: #edece9}
.bg_fff {background-color: #fff}
/* ===================================
padding
====================================== */
/*padding*/
.no_padding{padding: 0}
.padding_tb_40 {padding: 35px 25px}
.padding_35 {padding-top: 35px}
/*padding top*/
.padding_top_5 {padding-top: 5px}
.padding_top_8 {padding-top: 8px}
.padding_top_10 {padding-top: 10px}
.padding_top_13 {padding-top: 13px}
.padding_top_15 {padding-top: 15px}
.padding_top_20 {padding-top: 20px}
.padding_top_21 {padding-top: 21px}
.padding_top_25 {padding-top: 25px}
.padding_top_30 {padding-top: 30px}
.padding_top_35 {padding-top: 35px}
.padding_top_40 {padding-top: 40px}
.padding_top_45 {padding-top: 45px}
.padding_top_50 {padding-top: 50px}
.padding_top_60 {padding-top: 60px}
.padding_top_70 {padding-top: 70px}
.padding_top_75 {padding-top: 75px}
.padding_top_80 {padding-top: 80px}
.padding_top_90 {padding-top: 90px}
.padding_top_95 {padding-top: 95px}
.padding_top_100{padding-top: 100px}
.padding_top_105{padding-top: 105px}
.padding_top_130{padding-top: 130px}
.padding_top_120{padding-top: 120px}
.padding_top_150{padding-top: 150px}
.padding_top_170{padding-top: 170px}
.padding_top_200{padding-top: 200px}
.padding_top_300{padding-top: 300px}
/*padding bottom*/
.padding_bottom_5 {padding-bottom: 5px}
.padding_bottom_8 {padding-bottom: 8px}
.padding_bottom_10 {padding-bottom: 10px}
.padding_bottom_13 {padding-bottom: 13px}
.padding_bottom_15 {padding-bottom: 15px}
.padding_bottom_17 {padding-bottom: 17px}
.padding_bottom_20 {padding-bottom: 20px}
.padding_bottom_21 {padding-bottom: 21px}
.padding_bottom_25 {padding-bottom: 25px}
.padding_bottom_30 {padding-bottom: 30px}
.padding_bottom_35 {padding-bottom: 35px}
.padding_bottom_40 {padding-bottom: 40px}
.padding_bottom_50 {padding-bottom: 50px}
.padding_bottom_45 {padding-bottom: 45px}
.padding_bottom_55 {padding-bottom: 55px}
.padding_bottom_60 {padding-bottom: 60px}
.padding_bottom_65 {padding-bottom: 65px}
.padding_bottom_70 {padding-bottom: 70px}
.padding_bottom_75 {padding-bottom: 75px}
.padding_bottom_80 {padding-bottom: 80px}
.padding_bottom_85 {padding-bottom: 85px}
.padding_bottom_85 {padding-bottom: 85px}
.padding_bottom_90 {padding-bottom: 90px}
.padding_bottom_100 {padding-bottom: 100px}
.padding_bottom_120 {padding-bottom: 120px}
.padding_bottom_200 {padding-bottom: 200px}
.padding_bottom_300 {padding-bottom: 300px}
.padding_bottom_150 {padding-bottom: 150px}
/*padding left*/
.padding_left_0 {padding-left: 0}
.padding_left_10 {padding-left: 10px}
.padding_left_15 {padding-left: 15px}
.padding_left_20 {padding-left: 20px}
.padding_left_25 {padding-left: 25px}
.padding_left_30 {padding-left: 30px}
.padding_left_40 {padding-left: 40px}
.padding_left_50 {padding-left: 50px}
.padding_left_55 {padding-left: 55px}
.padding_left_58 {padding-left: 58px}
.padding_left_60 {padding-left: 60px}
.padding_left_70 {padding-left: 70px}
.padding_left_75 {padding-left: 75px}
.padding_left_80 {padding-left: 80px}
.padding_left_85 {padding-left: 85px}
.padding_left_95 {padding-left: 95px}
.padding_left_100 {padding-left: 100px}
.padding_left_125 {padding-left: 125px}
/*padding right*/
.padding_right_0 {padding-right: 0}
.padding_right_10 {padding-right: 10px}
.padding_right_15 {padding-right: 15px}
.padding_right_20 {padding-right: 20px}
.padding_right_30 {padding-right: 30px}
.padding_right_40 {padding-right: 40px}
.padding_right_50 {padding-right: 50px}
.padding_right_55 {padding-right: 55px}
.padding_right_58 {padding-right: 58px}
.padding_right_60 {padding-right: 60px}
.padding_right_70 {padding-right: 70px}
.padding_right_75 {padding-right: 75px}
.padding_right_80 {padding-right: 80px}
.padding_right_125 {padding-right: 125px}
.padding_right_105 {padding-right: 105px}
/* ===================================
Font Size
====================================== */
/*Font Size*/
.font_size_12 {font-size: 12px}
.font_size_14 {font-size: 14px}
.font_size_16 {font-size: 16px}
.font_size_18 {font-size: 18px}
.font_size_20 {font-size: 20px}
.font_size_22 {font-size: 22px}
.font_size_24 {font-size: 24px}
.font_size_26 {font-size: 26px}
.font_size_28 {font-size: 28px}
.font_size_30 {font-size: 30px}
.font_size_32 {font-size: 32px}
.font_size_34 {font-size: 34px}
.font_size_36 {font-size: 36px}
.font_size_38 {font-size: 38px}
.font_size_40 {font-size: 40px}
.font_size_42 {font-size: 42px}
.font_size_44 {font-size: 44px}
.font_size_48 {font-size: 48px}
.font_size_60 {font-size: 60px}
.font_size_64 {font-size: 64px}
.font_size_50 {font-size: 50px}
.font_size_58 {font-size: 58px}
.font_size_70 {font-size: 70px}
.font_size_80 {font-size: 80px}
.font_size_90 {font-size: 90px}
/*Font weight*/
.font_weight_300{font-weight: 300}
.font_weight_400{font-weight: 400}
.font_weight_500{font-weight: 500}
.font_weight_600{font-weight: 600}
.font_weight_700{font-weight: 700}
.font_weight_800{font-weight: 800}
.font_weight_900{font-weight: 900}
/* ===================================
Line Height
====================================== */
/*Line Height*/
.line_height_18 {line-height: 18px}
.line_height_20 {line-height: 20px}
.line_height_22 {line-height: 22px}
.line_height_24 {line-height: 24px}
.line_height_25 {line-height: 25px}
.line_height_28 {line-height: 28px}
.line_height_30 {line-height: 30px}
.line_height_34 {line-height: 34px}
.line_height_36 {line-height: 36px}
.line_height_40 {line-height: 40px}
.line_height_42 {line-height: 42px}
.line_height_48 {line-height: 48px}
.line_height_50 {line-height: 50px}
.line_height_54 {line-height: 54px}
.line_height_60 {line-height: 60px}
.line_height_65 {line-height: 65px}
.line_height_80 {line-height: 80px}
.line_height_82 {line-height: 82px}
.noRelative{
position: inherit;
}
.yesRelative{
position: relative;
}
.espaco{
width: 20px;
height: 4px;
background-color: #b2a585;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
.tituloBoldMaiusculo{
font-weight: bold;
text-transform: uppercase;
}
.tituloDescricaoServicos{
font-weight: normal;
font-size: 16px;
line-height: 22px;
font-weight: 400;
letter-spacing: 0.2rem;
}
.lateralTXT_limit{
max-width: 70%;
margin: 0 auto;
}
.lateralTXT_limit_amplo{
max-width: 80%;
margin: 0 auto;
}
/* ===================================
Button
====================================== */
.view_more_btn{
font-family: "Raleway";
font-size: 14px;
line-height: 2.778;
font-weight: bold;
color: #fff;
text-transform: uppercase;
background-color: #1ac1ad;
padding: 7px 20px;
letter-spacing: .1em;
}
.submit_button{
font-size: 14px;
line-height: 28px;
background-color: #fff;
border: none;
margin-top: 15px;
padding-top: 5px;
border: 1px solid #fff;
border-bottom: 1px solid #000;
text-transform: uppercase;
font-weight: 700;
cursor: pointer;
transition-property: background-color border border-bottom;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transition-property: background-color border border-bottom;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
}
.submit_button:hover{
background-color: #eee;
border: 1px solid #ccc;
border-bottom: 1px solid #000;
}
.btn_return{display: inline-block; font-size: 18px; line-height: 32px; font-weight: 700; color: #b4a889; text-transform: uppercase; text-decoration: underline; position: relative}
.btn_return:before{position: absolute; content: ""; background: url("../images/left_arrow_btn.png"); width: 18px; height: 13px; left: -30px; top: 10px}
.btn_next, .btn_comment{display: inline-block; font-size: 16px; line-height: 32px; font-weight: 700; color: #000; text-transform: uppercase; text-decoration: underline; position: relative}
.btn_next:before{position: absolute; content: ""; background: url("../images/right_btn_arrow.png"); width: 18px; height: 13px; right: -30px; top: 10px}
.btn_start_searching{font-size: 13px; line-height: 24px; font-weight: 500; color: #fff!important; background-color: #504947; padding: 5px 20px; text-transform: uppercase; display: inline-block; margin-top: 30px}
.submit_button::placeholder{
color:#c9c9c9;
}
.div_register_yourself { text-align: right; width: 100%; padding: 0px 40px 30px 0px;}
.a_register_yourself{cursor: pointer; font-size: 22px; line-height: 24px; font-weight: 999; color: #fff!important; background-color: #b2a585; padding: 10px 28px; text-transform: uppercase; display: inline-block; margin-top: 30px}
.a_register_yourself:hover{background-color: #8A7F62; transition-property: background-color; transition-duration: 0.5s; transition-timing-function: linear; -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: linear;}
/* ===================================
Hover
====================================== */
.language_list li a:hover{color: #000}
.btn_start_searching:hover{background-color: #000; color: #b2a585}
.countries_tab li a span:hover{color: #000}
.contact_links_list li a:hover, .footer_pag_links li a:hover{color: #000}
.bt_filtro_padrao:link{
font-size: 12px;
line-height: 18px;
padding: 5px 40px;
font-weight: 500;
color: #adadad;
text-transform: uppercase;
border: 1px solid #efefef;
}
.bt_filtro_padrao:hover{
background-color: #b2a585;
color: #fff
}
.bt_filtro_padrao_destaque:link{
background-color: #b2a585;
color: #fff
}
.bt_filtro_padrao_destaque:hover{
background-color: #b2a585;
color: #fff
}
.property_box{position: relative; }
/* ===================================
Navigation Bar
====================================== */
.site_logo{
position: relative;
padding-top: 30px;
margin-top: -15px;
}
.site_logo:before {
position: absolute;
content: "";
background-color: #08243C;
width: 0%;
height: 5px;
left: 0;
top: 0px;
-webkit-animation-name: expandir; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
animation-name: expandir;
animation-duration: 2s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes expandir {
from {width: 1%;}
to {width: 100%;}
}
/* Standard syntax */
@keyframes expandir {
from {width: 1%;}
to {width: 100%;}
}
.navigation{
margin-top: 25px;
}
.navigation li{
margin: 5px 2px;
padding: 14px 0px 15px 0px;
border-bottom: 4px solid transparent;
transition-property: border-bottom;
transition-duration: 0.3s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transition-property: border-bottom;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: 0s;
}
.navigation li:hover{
border-bottom: 4px solid #b1a484;
}
.navigation li.active{
border-bottom: 4px solid #b1a484;
}
.navigation li a{
font-size: 8px;
font-weight: bold;
color: #000;
text-transform: uppercase;
padding: 0px;
margin: 0px;
position: relative;
letter-spacing: .2rem;
font-smooth: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
/*
.navigation li.active a:before{position: absolute; content: ""; background-color: #b1a484; width: 100%; height: 5px; left: 0; bottom: -20px}
*/
.language_list{
position: absolute;
display: table;
top: 37px;
right: 65px;
z-index: 10;
font-family: 'Raleway', sans-serif;
}
.language_list li{
display: inline-block;
padding: 0px 8px;
margin: 0px;
text-align: center;
border-right: 1px solid #a3a3a3;
line-height: 10px;
cursor: pointer;
}
.language_list li a{
font-size: 11px;
font-weight: 700;
color: #888;
text-transform: uppercase;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
position: relative;
line-height: 10px;
letter-spacing: .1rem;
}
.language_list li a div{
height: 3px;
width: 100%;
border-bottom: 1px solid transparent;
position: absolute;
left: 0px;
bottom: -6px;
margin: 0 auto;
}
.language_list li:last-child {
border-right: none
}
.language_list li.active a{
color: #000;
font-weight: 800;
padding-bottom: 4px;
border-bottom: 1px solid #b1a484;
}
.language_list li:hover a div{
border-bottom: 1px solid #b1a484;
}
.language_list li.active:hover a div{
border-bottom: 0px solid #b1a484;
}
.language_list li.ative a div{
border-bottom: 1px solid #b1a484;
}
.social_icons{
position: fixed;
display: inline-block;
top: 145px;
right:7px;
background-color: #fff;
width: 40px;
height: 100px;
padding:0 0 0 0;
}
.social_icons_list li{padding: 3px 0; text-align: center;}
.social_icons_list li a{font-size: 14px; color: #000; padding: 0 15px}
/* Humburger Menu */
.hambuger_menu_img {
padding: 32px 0px 8px 0px;
position: absolute;
top: 8px;
right: 20px;
opacity: 0.5;
cursor: pointer;
transition-property: opacity;
transition-duration: 0.250s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.250s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
}
.hambuger_menu_img:hover{
opacity: 1;
}
.hamburger_menu_vocation .menu {
background-color: #fff;
width: 535px;
padding: 10px 80px 30px;
position: absolute;
z-index: 1;
right: 0;
top: 100%;
font-family: "Avenir Next LT Pro Bold";
cursor: pointer;
}
.hamburger_menu_vocation:active{
color:black;
}
.hamburger_menu_vocation .menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.hamburger_menu_vocation .menu ul li {
display: block;
}
.hamburger_menu_vocation .menu .hamburger_main_menu li a {
font-size: 30px;
line-height: 60px;
color: #9b9c9c;
font-weight: 700;
}
.hamburger_menu_vocation .menu .hamburger_main_menu li.active a,
.hamburger_menu_vocation .menu .hamburger_main_menu li a:hover ,
.hamburger_menu_vocation .menu .menu_social_links li a:hover ,
.hamburger_menu_vocation .company_info li a:hover{
color: #000;
}
.hamburger_menu_vocation .menu ul.company_info {
margin-top: 100px;
}
.hamburger_menu_vocation .company_info li a {
font-size: 18px;
line-height: 18px;
color: #9b9c9c;
}
.hamburger_menu_vocation .company_info li:last-child {
margin-top: 24px;
}
.hamburger_menu_vocation .menu .menu_social_links {
margin: 48px 0 30px;
}
.hamburger_menu_vocation .menu .menu_social_links li {
display: inline-block;
}
.hamburger_menu_vocation .menu .menu_social_links li:nth-child(2){
margin: 0 40px;
}
.hamburger_menu_vocation .menu .menu_social_links li a {
font-size: 32px;
line-height: 32px;
color: #9b9c9c;
}
.hamburger_menu_vocation .menu p {
font-size: 18px;
line-height: 18px;
color: #000000;
font-weight: 500;
}
/*#vocational_enquiry_form {
width: 0;
float: right;
overflow: hidden;
position: fixed;
height: 0;
transition: .5s ease-in-out;
opacity: 0;
right: 0;
z-index: 9;
top: 49%;
box-shadow: 0 0 7px rgba(0,0,0,.4);
}*/
#vocational_enquiry_form {
width: 0;
float: right;
overflow: hidden;
position: fixed;
height: 0;
transition: .5s ease-in-out;
opacity: 0;
right: 0;
z-index: 9;
/*top: 15vh;*/
top: 12vh;
box-shadow: 0 0 7px rgba(0,0,0,.4);
/*border: 1px solid red;*/
padding-bottom: 0px;
}
/*
#vocational_enquiry_form.form_open {
height: 743px;
opacity: 1;
width: 535px;
top: 12%;
z-index: 9;
}
*/
#vocational_enquiry_form.form_open {
height: 655px;
opacity: 1;
width: 535px;
top: 12vh;
/*top: 18vh;*/
z-index: 9;
/*border: 1px solid orange;*/
}
#vocation_form_box {
width: 100%;
background-color: #fff;
padding: 70px 40px 70px 80px;
/*border: 1px solid blue;*/
}
#vocation_form_box h2 {
font-size: 30px;
line-height: 30px;
font-weight: 700;
color: #000;
margin-top: 0;
margin-bottom: 0;
}
#vocation_form_box p {
font-size: 14px;
line-height: 24px;
color: #747e80;
}
.form_cont .form_input_sec {
width: 100%;
border: none;
border-bottom: 1px solid #9b9c9c;
height: 52px;
line-height: 55px;
font-size: 16px;
margin-bottom: 10px;
font-family: "Avenir_Next_LT_Pro_Regular";
}
.form_cont .form_input_sec::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #9b9c9c;
opacity: 1; /* Firefox */
}
.form_cont .form_input_sec:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #cde4e4;
}
.form_cont .form_input_sec::-ms-input-placeholder { /* Microsoft Edge */
color: #9b9c9c;
}
.form_cont .form_input_sec.notes {
padding: 10px 0;
line-height: 31px;
height:50%;
/*height: 115px;*/
resize: none;
width: 100%;
/*margin-top: 20px;*/
margin-top: 10px;
margin-bottom: 0;
}
.notes:focus {
outline: none;
}
.form_submit {
font-family: "Avenir Next LT Pro Bold";
width: 100%;
text-align: right;
margin-top: 10px;
}
.form_submit a {
display: inline-block;
color: #000;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
}
.company_information {
text-align: center;
margin-top: 35px;
}
.company_information ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.company_information ul li ,
.company_information ul li span,
.company_information ul li a{
display: block;
}
.company_information ul li span {
font-size: 14px;
line-height: 24px;
color: #747e80;
font-weight: 500;
}
.company_information ul li a {
font-size: 24px;
line-height: 24px;
color: #000;
font-weight: 700;
}
.company_information ul li:first-child{
padding-bottom: 36px;
position: relative;
margin-bottom: 20px;
}
.company_information ul li:first-child:before{
position: absolute;
content: "";
background-color: #b1a484;
width: 16px;
height: 3px;
margin: 0 auto;
bottom: 0;
}
.company_information ul li:last-child a {
text-decoration: underline;
}
.company_information ul li a img {
margin-right: 5px;
}
.enquiry_form_open_btn {
position: fixed;
right: 0px;
z-index:1;
cursor: pointer;
top: 55%;
}
.enquiry_form_open_btn2 {
position: absolute;
right: 0px;
z-index:1;
cursor: pointer;
transition-property: top;
transition-duration: .5s;
transition-timing-function: linear;
transition-delay: 0s;
-webkit-transition-property: top;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0s;
}
.enquiry_form_close_btn {
position: absolute;
right: 50px;
cursor: pointer;
}
.absolute_header{position:absolute; width: 100%; z-index: 1001}
/*.absolute_header{position: absolute; width: 100%; z-index: 9}*/
/* ===================================
Banner
====================================== */
.slides_hero_banner_slider img{height: 100%}
.hero_banner_slider{
position: relative;
margin-top: 0px;
width: 100%;
height: 101vh;
opacity: 0;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
-webkit-animation-name: surgir; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
animation-name: surgir;
animation-duration: 0.8s;
animation-delay: 0s;
animation-fill-mode: forwards;
}
#hero_banner{
height: 100%;
}
#single_house_slider{
height: 100%;
}
.PictureEffect{
display: inline-block;
padding: 0px;
width: 100vw;
height: 92vh;
background-color: #fff;
background-repeat:no-repeat;
background-position: top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-top: 85px;
}
.PictureBlur{
display: inline-block;
padding: 0px;
width: 100vw;
height: 92vh;
background-color: #fff;
background-repeat:no-repeat;
background-position: top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin-top: 85px;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes surgir{
from {opacity: 0;}
to {opacity: 1;}
}
/* Standard syntax */
@keyframes surgir{
from {opacity: 0;}
to {opacity: 1;}
}
/* ===================================
Banner Home Detail
====================================== */
.bannerHomeDetail{
width: 100%;
height: 85vh;
/*max-height: 80vh;*/
padding: 0px 20px;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
position: relative;
}
.bannerHomeDetail .PictureEffect{
margin: 0px;
margin-left: -30px;
margin-top: 0px;
text-align: center;
display: table;
height: 85vh;
/* background-color: #B2A585; */
background-color: transparent;
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
filter: drop-shadow(0 0 30px #000);
-webkit-filter: drop-shadow(0 0 30px #000);
}
.PictureBlur{
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
margin: 0px;
margin-left: 0px;
margin-top: 0px;
text-align: center;
display: table;
height: 85vh;
/* background-color: #B2A585; */
background-color: transparent;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
background-color: #fff;
filter:blur(5px);
-webkit-filter:blur(5px);
opacity: .5;
}
.bannerHomeDetail_interno{
width: 100%;
height: 100%;
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%;
}
.bannerHomeDetail .PictureEffect img{
width: 70%;
border: 2px solid orange;
margin: 0 auto;
background-repeat: no-repeat;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
#placeCheckinCheckOut2Desk{
display: block;
}
#placeCheckinCheckOutDesk{
display: block;
}
#placeCheckinCheckOut2Mobile{
display: none;
}
#placeCheckinCheckOutMobile{
display: none;
}
.houseDetail_secaoTXT{
padding-top: 60px;
padding-bottom: 30px;
max-width: 1400px;
position: relative;
}
/* ===================================
Busca Chekin
====================================== */
.counter_box{
z-index:1000;
position: absolute;
content: "";
padding: 0px;
background-color: transparent;
width: 100%;
height: 130px;
left: 0;
bottom: -47px;
display: table;
opacity: 0;
-webkit-animation-name: focarCounterBox; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
animation-name: focarCounterBox;
animation-duration: 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
}
.filterBarBT_area{
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
display: none;
}
.bt_filterBar{
font-family: "Avenir Next LT Pro Regular";
letter-spacing: .1em;
margin: 0 auto;
padding: 7px 20px;
color:#b2a585;
font-weight: bold;
font-size: 14px;
background-color: rgba(50,48,48,.7);
border: 2px solid #b2a585;
-webkit-animation-name: background-color color border; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
-webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
animation-name: background-color color border;
animation-duration: 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
}
.bt_filterBar:hover{
color: #fff;
background-color: rgba(50,48,48,1);
border: 2px solid #929565;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes focarCounterBox {
from {opacity: 0;}
to {opacity: 1;}
}
/* Standard syntax */
@keyframes focarCounterBox {
from {opacity: 0;}
to {opacity: 1;}
}
.counter_box_li_w{
/*width: 150px;*/
width: 12vw;
position: relative;
}
.counter_box_margem{
position: relative;
margin-left: 20px;
margin-right: 20px;
height: 100%;
text-align: left;
/* background-color: rgba(50,48,48,.8); */
}
.inner_counter_box{
margin: 0 auto;
display: block;
width: 100%;
padding-top: 20px;
}
.counter_box_inner_list{
text-align: center;
width: 100%;
}
.counter_box_inner_list li{
display: inline-block;
margin: 0;
vertical-align: middle;
border-right: 1px dashed #8e8f8f;
min-height: 90px;
position: relative;
padding: 0 50px
}
.counter_box_inner_list li:last-child{
border-right: none
}
.select_destination, .select_checkout, .select_date{
-webkit-appearance: none;
border: none;
color: #fff;
background: url("../images/check_in_down_arrow.png") no-repeat right #000;
width: 200px
}
/* ===================================
Homes Section
====================================== */
.section_heading{font-family: "Avenir Next LT Pro Bold";
color: black!important;
line-height: 1.136;
font-size: 36px;
font-weight: 800;
position:relative;
margin-bottom: 50px;
z-index: -1
}
.section_heading:before{position: absolute; content: ""; background-color: #b1a484; width: 2%; height: 4px; left: 0; right: 0; margin: 0 auto; bottom: -25px}
.heading{font-family: "Avenir Next LT Pro Bold";font-size: 40px; line-height: 1; color: #000; font-weight: 700}
.section_title{
font-family: "Avenir Next LT Pro Bold";
color: #303234;
line-height: 1.136;
font-size: 45px;
font-weight: 900;
position: relative;
text-align: center;
}
.section_subtitle{
font-family: 'Avenir Next LT Pro', sans-serif;
color: #b7b7b7;
font-size: 24px;
font-weight: normal;
position: relative;
text-align: center;
margin-top: 5px;
}
.section_subtitle2{
font-family: 'Avenir Next LT Pro', sans-serif;
color: #b7b7b7;
font-size: 18px;
font-weight: normal;
position: relative;
text-align: left;
margin-top: -5px;
}
.lista_colunada{
border: 1px solid silver;
}
/* ===================================
Country Tabs
====================================== */
.countries_tab{ position: absolute;
width: 1000px;
background-color: #fff;
margin: 0 auto;
left: 0;
right: 0;}
.countries_tab li{display: inline-block; text-align: left; padding: 10px 75px 25px}
.countries_tab li a{font-size: 18px; line-height: 34px; color: #999; font-weight: 400; position: relative}
.countries_tab li a.active:before{position: absolute; content: ""; background-color: #b1a484; width: 100%; height: 4px; left: 0; bottom: -32px}
.countries_tab li a span{font-weight: 700}
.countries_tab li a.active span{color: #000}
/* ===================================
Home Types Section
====================================== */
.home_site01{position: relative; overflow: hidden; background: url("../images/home_img01.jpg") no-repeat center; background-size: cover; width: 100%; height: 359px}
.home_site02{position: relative; overflow: hidden; background: url("../images/home_img02.jpg") no-repeat center; background-size: cover; width: 100%; height: 359px}
.home_site03{position: relative; overflow: hidden; background: url("../images/home_img03.jpg") no-repeat center; background-size: cover; width: 100%; height: 359px}
.home_site04{position: relative; overflow: hidden; background: url("../images/home_img04.jpg") no-repeat center; background-size: cover; width: 100%; height: 359px}
.home_details_box{height: 359px; display: table}
.inner_home_details_box{display: table-cell; vertical-align: middle}
.heading_top_line{position: relative}
.heading_top_line:before{position: absolute; content: ""; background-color: #b1a484; width: 5%; height: 1px; left: 0; right: 0; margin: 0 auto; top: -15px}
.home_details{padding: 20px 90px 0; text-align: left;}
.home_details2{padding: 20px 90px 0; text-align: center;}
.estiloTampa{
background-color: #000;
width: 110%;
height: 110%;
position: absolute;
top: 0px;
left: 0px;
opacity: .6;
cursor: pointer;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.estiloTampa:hover{
opacity: 0;
}
/* ===================================
Featured Image Section
====================================== */
/*.featured_img_01{background: url("../images/featured_home01.jpg") no-repeat center; background-size: cover; width: 100%; height: 636px}*/
.featured_homes_slider_prev{left: -155px}
.featured_homes_slider_next{right: -155px}
/* ===================================
Footer Section
====================================== */
.footer_heading{font-family: "Avenir Next LT Pro Bold";font-size: 22px; line-height: 28px; color: #000; font-weight: 700}
.contact_links_list li{font-size: 16px; line-height: 20px; font-weight: 400; margin-bottom: 15px}
.contact_links_list li a{display: block; color: #9b9c9c}
.social_links li{display: inline-block; text-align: center;}
.social_links li a{padding: 0 5px}
.footer_pag_links li a{font-size: 14px; line-height: 35px; color:#b6b6b6; font-weight: 700}
.company_logo li{display: inline-block; line-height: 30px; padding: 0 20px; border-right: 1px solid #ccc}
.company_logo li:first-child{padding-left: 0}
.company_logo li:last-child{padding-right: 0; border-right: none}
.register_email{font-size: 14px; padding: 10px 0px 4px 0; border: none; border-bottom: 1px solid #000}
.footer_address_city{font-family: "Avenir Next LT Pro Bold";color:#a1a2a2}
.footer_address_address{font-family: "Avenir Next LT Pro Regular";color:#a1a2a2}
/* ===================================
Properties Found Section
====================================== */
.properties_found_list{text-align: center}
.properties_found_list li{ display: inline-block; margin: 0px 33px; text-align: center; line-height: 48px;}
/* .properties_found_list li a{font-size: 12px; line-height: 18px; padding: 5px 40px; font-weight: 500; color: #adadad; text-transform: uppercase; border: 1px solid #efefef} */
.property_box{position: relative; }
.property_details_box{position: relative; content: ""; bottom: 6vh; right: 0; width: 85%; height: 6vh; background-color: #fff; padding: 0 10px; float: right}
/*.property_details_box_list{float: left}*/
.property_details_box_list{float: left; width: 50%;}
/*.property_rate_list{float: right; padding-top: 5px}*/
.property_rate_list{float:right ; padding-top: 5px; width: 50%}
/*.property_details_box_list li, .property_rate_list li{display: inline-block; padding: 0 5px; text-align: center; font-size: 12px; color: #000; font-weight: 700;}*/
/* .property_details_box_list li, .property_rate_list li{display: inline-block; padding: 0 10%; text-align: center; font-size: 12px; color: #000; font-weight: 700;} */
.property_details_box_list li, .property_rate_list li{display: inline-block; padding: 0 5px; text-align: center}
.house_name{font-size: 12px; line-height: 16px; color: #b5b5b5; font-weight: 400}
.house_price{font-family: "Avenir Next LT Pro Bold";font-size: 12px; line-height: 16px; color: #000}
.house_apartir{
font-size: 12px;
line-height: 16px;
color: rgb(181, 181, 181);
}
/*.property_rate_list li{border-right: 1px solid #b2a585}*/
.property_rate_list li{border-right: 1px solid #b2a585}
/*.property_rate_list li:last-child{border-right: none}*/
.property_rate_list li:last-child{border-right: none}
.house_details_list li{display: inline-block; font-size: 16px; line-height: 24px; color: #c6c6c6; font-weight: 500; padding: 0 5px}
.house_details_list li:nth-child(2){color: #747474; font-weight: 600}
.property_type{font-size: 14px; line-height: 24px; color: #999; font-weight: 600}
.inner_properties_count_box{color: #999; font-size: 36px; line-height: 42px}
.inner_properties_count_box span{font-size: 36px; line-height: 42px; color: #000; font-weight: 700; display: inline-block; padding: 0 15px}
.indicator_circle_list{display: table; margin: 0 auto;}
.indicator_circle{width: 8px; height: 8px; background-color: #999; border-radius: 100%}
.indicator_circle.active{background-color: transparent; border: 2px solid #b5b5b5; width: 13px; height: 13px;}
.indicator_circle_list li{text-align: center; display: table-cell; vertical-align: middle; height: 20px; padding: 0 2px;}
/* ===================================
Register Yourself Section
====================================== */
.register_yourself_list li{ display: inline-block; margin: 0px 33px; text-align: center; line-height: 48px;}
/* ===================================
Single Home Section
====================================== */
.rating_star li{display: inline-block}
.rating_star{position: relative}
.rating_star:before{position: absolute; content: ""; background-color: #b0aa9c; width: 7%; height: 3px; left: 25%; top: 40%;}
.rating_star:after{position: absolute; content: ""; background-color: #b0aa9c; width: 7%; height: 3px; right: 25%; top: 40%;}
.house_feature{text-align: center; margin-top: 15px; margin-bottom: 40px}
.house_feature li{display: inline-block; padding: 0 25px}
.customer_comment_box_inner li{display: inline-block}
/* ===================================
Related House Section
====================================== */
.related_houses_heading{font-size: 40px; line-height: 50px; color: #000; font-weight: 800; position: relative; margin-bottom: 60px}
.related_houses_heading:before{position: absolute; content: ""; background-color: #b1a484; width: 1%; height: 4px; left: 0; right: 0; margin: 0 auto; bottom: -30px}
/* ===================================
House Booking Section
====================================== */
.booking_house_rating_star li{display: inline-block; font-size: 12px; line-height: 18px; color: #b6aa8b}
.booking_house_rating_star{position: relative}
/* .booking_house_rating_star:before{position: absolute; content: ""; background-color: #b0aa9c; width: 7%; height: 3px; left: 30%; top: 53%}
.booking_house_rating_star:after{position: absolute; content: ""; background-color: #b0aa9c; width: 7%; height: 3px; right: 30%; top: 53%} */
.booking_house_list li{display: inline-block; padding: 0 30px}
/*.check_in, .check_out{-webkit-appearance: none; border: none; color: #fff; padding: 20px; position: relative; background: url("../images/check_in_down_arrow.png") #000 no-repeat right; font-size: 18px; text-align: left}*/
.check_in, .check_out{-webkit-appearance: none; border: none; color: #fff; padding: 20px; position: relative; background: url("../images/check_in_down_arrow.png") #555 no-repeat right; font-size: 18px; text-align: left; letter-spacing: -1px;}
.check_in{border-right: 1px dotted #949595}
.check_in::placeholder {
color: #fff;
opacity: 1;
}
.check_in:-ms-input-placeholder {
color: #fff;
}
.check_in::-ms-input-placeholder {
color: #fff;
}
.ui-widget.ui-widget-content {
width: 100%;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
background: #b2a585;
color: #fff;
border-color: #b2a585;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background: none;
text-align: center;
}
/* ===================================
Featured Home Section
====================================== */
.featured_home_box{position: relative}
.featured_home_details{position: absolute; bottom: 6px; color: #fff; left: 6px}
.featured_house_name{font-size: 42px; line-height: 60px; font-weight: 800}
.featured_house_names{font-family: "Avenir Next LT Pro Bold";font-size: 20px; line-height: 36px; font-weight: 800;
}
.featured_house_detail{font-family: "Avenir Next LT Pro Regular"; font-size: 20px; line-height: 24px; font-weight: 400}
.featured_house_detail span{font-size: 14px; font-weight: 400}
.featured_house_details{font-size: 14px; line-height: 24px; font-weight: 400}
.featured_house_details span{font-size: 24px; font-weight: 700}
.featured_house_list li{display: inline-block; line-height: 1.2; font-size: 20px;}
.featured_house_list li i{color: #f0b22c;font-size: 10px;}
/* ===================================
Vacatiobnal Home Slider Section
====================================== */
.vacation_home_slider_item
.custom-select {
position: relative;
background-color: transparent;
border: none;
-webkit-appearance: none;
}
.custom-select select {
display: none; /*hide original SELECT element:*/
}
.select-selected {
background-color: transparent;
}
/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 34px;
right: 10px;
background: url("../images/check_in_down_arrow.png");
width: 41px;
height: 15px;
}
.custom_padding .select-selected:after{
top: 5px;
right: -20px;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 34px;
}
.custom_padding .select-selected.select-arrow-active:after{top: 34px}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
z-index: 1;
font-size: 16px;
line-height: 24px;
font-weight: 500;
border: none;
}
.select-selected{padding: 0 16px ; position:relative ; padding: 0 30px}
/*style items (options):*/
.select-items {
position: absolute;
background-color: #000;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.span_box{display: block; text-align: center; color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0.1em;}
.guest_box{font-size: 16px; line-height: 24px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 10px}
.number_off_guest{font-size: 54px; font-weight: 400; color: #b2a585; position: relative}
.custom_padding{padding: 30px 0; position: relative; background-color: transparent; border: none; background: none}
.custom-select {
background: none;
height: auto;
}
.slider {
width: 100%;
margin: 100px auto 0;
overflow: hidden;
}
/*
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: 1;
}
.slick-active {
opacity: 1;
position: relative;
}
.slick-active:before{position: absolute; content: ""; background-color: rgba(0,0,0,.40); width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0}
.slick-current.slick-active:before{background-color: rgba(0,0,0,0)}
.slick-current {
opacity: 1;
transform: scale(1.2);
z-index: 9;
}
.vacation_homes_content_box{display: none}
.slick-current .vacation_homes_content_box{display: block}
.slick-current .slider_active_box{box-shadow: 0 0 2px rgba(0,0,0,.40); padding: 20px}
*/
.custom-select{background-color: transparent; border: none}
.related_houses_slider_prev{left: -200px}
.related_houses_slider_next{right: -200px}
.red_tag{
font-family: "Avenir Next LT Pro Bold";
background-color: #a62100; color: #fff; text-transform: uppercase;
font-size: 18px;
line-height: 1.778;
font-weight: 800;
display: inline-block;
padding: 2px 17px;
width: 4em;
}
.blue_tag{
font-family: "Avenir Next LT Pro Bold";
background-color: #1ac1ad;
color: #fff;
text-transform: uppercase;
font-size: 18px;
line-height: 1.778;
font-weight: 800;
display: inline-block;
padding: 2px 17px;
width: 4em;}
.close{margin-right: 10px; margin-top: 10px}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background-color: #b2a585; color: #fff; border: 1px solid #b2a585}
.check_in:focus, .check_out:focus{outline: none}
.inner_home_details_box p{text-align: center}
.featured_home_box figure, .property_box figure{overflow: hidden}
.featured_home_box figure img, .property_box figure img{transition: all ease-in-out 0.5s}
.featured_home_box figure:hover img, .property_box figure:hover img{transform: scale(1.1)}
.social_icons_list li a i{color: #000}
.social_icons_list li a:hover i{color: #b2a585}
/*.slick-prev{left: 32%}
.slick-next{right: 33.5%} */
.calendar_date .select-selected{font-size: 40px; line-height: 16px; font-weight: 400; color: #b2a585}
.video_box iframe{border: none}
.quantity {
display: inline-block; }
.quantity .input-text.qty {
width: 50px;
height: 40px;
padding: 0 5px;
text-align: center;
background-color: transparent;
border: none;
font-size: 36px;
color: #b2a585;
font-family: sans-serif;
}
.quantity.buttons_added {
text-align: center;
position: relative;
white-space: nowrap;
vertical-align: top;
margin: 0 auto;
display: inherit;
}
.quantity.buttons_added input {
display: inline-block;
margin: 0;
vertical-align: middle;
box-shadow: none;
width: 22px;
border-radius: 100%;
}
.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
padding: 0;
height: 22px;
background-color: #b2a585;
border: none;
cursor: pointer;
font-size: 30px;
line-height: 20px;
color: #fff; border-radius: 100%}
.quantity.buttons_added .minus{padding: 0 4px; margin-top: 8px; margin-right: 10px}
.quantity.buttons_added .plus{padding: 2px 4px; margin-top: 8px; margin-left: 10px}
.quantity.buttons_added .minus {
border-right: 0; }
.quantity.buttons_added .plus {
border-left: 0; }
.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
background: #b2a585; }
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; }
.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
outline: none; }
/* Preços ----------------- */
.house_detail_box ul.house_details_list li .outer_calculation_price_box:hover{cursor: pointer}
.house_detail_box{position: relative}
.calculation_price_box{
display: none;
width: 316px;
position: absolute;
top: 25px;
left: -30px;
z-index: 9;
font-family: 'Avenir Next LT Pro', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*
background-color: rgba(255,255,255,.95);
box-shadow: 0 0 4px rgba(0,0,0,.27);
*/
}
.calculation_price_box .calcPri_topo{
background-image: url(../images/tabela_precos_top.png);
background-repeat: no-repeat;
height: 18px !important;
}
.calculation_price_box .calcPri_middle{
background-image: url(../images/tabela_precos_middle.png);
background-repeat: repeat-y;
padding-left: 14px;
padding-right: 14px;
}
.calculation_price_box .calcPri_bottom{
background-image: url(../images/tabela_precos_bottom.png);
background-repeat: no-repeat;
height: 12px !important;
}
.outer_calculation_price_box{
position: relative;
}
.outer_calculation_price_box .calcPri_left{
left: auto;
right: -30px;
}
.outer_calculation_price_box .calcPri_left .calcPri_topo{
background-image: url(../images/tabela_precos_topL.png);
background-repeat: no-repeat;
height: 18px !important;
}
.heading_calculation_price_box{
font-size: 15px;
line-height: 34px;
color: #000;
font-weight: 800;
padding-top: 3px;
padding-left: 1px;
}
.calculation_price_box_list li{
display: table;
width: 100%;
font-size: 13px;
line-height: 34px;
font-weight: 500;
letter-spacing: .1em;
border-bottom: 1px solid #f0f0f0;
color: #747474;
}
.outer_calculation_price_box .calculation_price_box_list li span{float: right}
.calculation_price_box_list li:last-child{border-bottom: none}
.house_details_list li .outer_calculation_price_box:hover .calculation_price_box{display: block}
.BoxLI_rotulo{
float: left;
width: 68%;
}
.BoxLI_price{
float: right;
width: 30%;
}
.ui-datepicker td{padding: 0}
.ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled{background: none}
.ui-widget-content .ui-state-disabled{background: url("../images/bg_disable_date.png") no-repeat center; background-size: cover}
/*.ui-state-default, .ui-widget-content .ui-state-default {border-right: none; border-bottom: none}*/
#checkins .ui-datepicker-inline, #checkouts .ui-datepicker-inline{width: 275px; font-size: 16px ;
position: absolute;
left: -60px;
top: 40px;
}
#checkins{font-size: 36px; line-height: 30px; color: #b2a585; font-weight: 500; font-family: sans-serif}
#checkouts{font-size: 16px; line-height: 24px; font-weight: 500; color: #fff ; cursor: pointer; position: relative; padding-right: 25px}
#checkouts:after {
position: absolute;
content: "";
top: 5px;
right: -30px;
background: url(../images/check_in_down_arrow.png);
width: 41px;
height: 15px;
}
.calendar_date .form-group {margin-bottom: 0}
.up_booking_box {
position: absolute;
left: 0;
z-index: 9999999;
background: #fff;
}
.up_booking_box .house_booking_box {
padding: 30px;
}
.up_booking_box ul {
margin-top: 50px;
}
.up_booking_box ul li span{
font-weight: 700;
}
.up_booking_box ul li {
display: inline-block;
margin: 0 40px;
text-transform: uppercase;
font-weight: 700;
}
.up_booking_box .booking_steps_listing ul {
position: relative;
padding-bottom: 60px;
}
.up_booking_box .booking_steps_listing ul li{
margin: 0;
position: relative;
}
.up_booking_box .booking_steps_listing ul li:after{
position: absolute;
content: "";
background: #b2a585;
width: 2px;
height: 10px;
bottom: -60px;
left: -13px;
right: 0;
margin: 0 auto;
}
.up_booking_box .booking_steps_listing ul li:last-child {
position: relative;
right: 0;
}
.up_booking_box .booking_steps_listing ul li:last-child:after{
left: 80px;
}
.up_booking_box .booking_steps_listing ul li.active:after {
height: 22px;
}
.up_booking_box .booking_steps_listing ul li.active:before{
position: absolute;
content: "";
background: url("../images/booking_handle_active.png") no-repeat;
width: 26px;
height: 26px;
bottom: -30px;
left: -13px;
right: 0;
margin: 0 auto;
}
.up_booking_box .booking_steps_listing ul li.active:last-child:before{
right: -90px;
bottom: -40px
}
.up_booking_box .booking_steps_listing ul li:nth-child(2){
margin: 0 300px;
}
.up_booking_box .booking_steps_listing ul li:last-child{
margin-right: 0;
}
.up_booking_box .booking_steps_listing ul:before{
background: url("../images/booking_step_seperator.png") no-repeat;
position: absolute;
content: "";
background-size: cover;
width: 923px;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
.up_booking_box .booking_steps_listing ul li span.user_interaction{
display: none;
position: absolute;
width: 200px;
left: -40px;
bottom: -90px;
}
.up_booking_box .booking_steps_listing ul li.active span.user_interaction{
display: block;
}
.check_in_out_listing{
max-width: 800px;
margin: 0 auto;
}
.area_form1 .check_in_out_listing .check_in_out_listing_li{
margin-left: 12px;
margin-right: 12px;
font-size: 12px;
font-family: "Avenir Next LT Pro Bold";
}
.area_form1 .check_in_out_listing .check_in_out_listing_li div{
display: inline-block;
}
.check_in_out_listing_li span{
font-size: 12px;
font-weight: bold;
}
.form_block_prices_resum .check_in_out_listing .check_in_out_listing_li{
font-size: 15px;
}
.form_block_prices_resum .check_in_out_listing .check_in_out_listing_li span{
font-size: 15px;
font-weight: bold;
margin-right: 5px;
}
.up_booking_box .form_block_prices_resum ul{
margin-top: 20px;
}
/* ---------------------------------------- */
/* Booking Checking Steps ----------------- */
.steps_rule{
max-width: 800px;
margin: 0 auto;
margin-top: 40px;
padding-bottom: 30px;
/* border-bottom: 2px solid #b2a583; */
}
.steps_rule a{
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.steps_rule .etapa{
display: inline-block;
width: 25%;
height: 74px;
text-align: center;
position: relative;
background-image: url(../images/ruler_pointer.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
.steps_rule .step_active{
background-image: url(../images/ruler_pointer_position.png);
}
.rule_line_left{
content:'';
width: 52%;
height: 2px;
background: #b2a583;
position:absolute;
bottom: -2px;
left: 50%;
margin-left: -1px;
}
.rule_line_center{
content:'';
width: 100%;
height: 2px;
background: #b2a583;
position:absolute;
bottom: -2px;
}
.rule_line_right{
content:'';
width: 51%;
height: 2px;
background: #b2a583;
position:absolute;
bottom: -2px;
margin-left: -1px;
}
.steps_rule .etapa .step_position{
font-size: 10px;
color: #999;
position: absolute;
bottom: -28px;
left: 0px;
width: 100%;
text-align: center;
text-transform: uppercase;
display: none;
}
.steps_rule .step_active .step_position{
display: block;
}
.form_block{
max-width: 800px;
margin: 0 auto;
}
.form_step_row{
margin-bottom: 10px;
position: relative;
padding-top: 10px;
text-align: left;
}
.form_step_row_C1{
float: left;
width: 50%;
}
.form_step_row_C2{
float: right;
width: 48%;
text-align: right;
}
.form_alert_left{
position: absolute;
top: -4px;
left: 0px;
color: #f00;
display: table;
font-size: 12px;
font-family: 'Avenir Next LT Pro Regular';
}
.form_alert_right{
position: absolute;
top: -4px;
right: 0px;
color: #f00;
display: table;
font-size: 12px;
font-family: 'Avenir Next LT Pro Regular';
z-index: 2;
}
.form_alert_line{
color: #f00;
display: table;
font-size: 12px;
font-family: 'Avenir Next LT Pro Regular';
}
.form_step_row_block{
display: inline-flex;
width: 45%;
height: 43px;
padding-bottom: 4px;
border-bottom: 1px solid #9d9d9d;
}
.campoTXT{
color: #8d8d8d;
font-size: 16px;
padding-top: 7px;
padding-bottom: 4px;
border: 0px solid #9d9d9d;
border-bottom: 1px solid #9d9d9d;
width: 50%;
margin-right: 5%;
}
.campoTXT_menor{
width: 45%;
margin-right: 0px;
}
.campoTXT_maior{
width: 100%;
margin-right: 0px;
}
.campo_phone{
color: #8d8d8d;
font-size: 16px;
padding-top: 2px;
padding-bottom: 4px;
border: 0px solid transparent;
background-color: transparent;
margin-bottom: 5px;
}
.form_box_final{
display: table;
border: 1px solid #ccc;
width: 100%;
padding: 20px;
margin-top: 40px;
}
.form_box_final_title{
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 16px;
font-weight: bold;
text-align: left;
}
.form_box_final_desc{
font-family: 'Avenir Next LT Pro Regular';
color: #888;
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}
.form_step_bt{
font-family: "Avenir Next LT Pro Bold";
color: #fff;
text-transform: uppercase;
background-color: #1ac1ad;
font-size: 16px;
letter-spacing: .15em;
padding: 4px 14px;
border: 2px solid #1ac1ad;
cursor: pointer;
transition: background-color .3s;
-webkit-transition: background-color .3s;
}
.form_step_bt:hover{
color: #1ac1ad;
background-color: #fff;
}
.form_block_prices_resum{
max-width: 800px;
margin: 0 auto;
margin-bottom: 20px;
padding-top: 0px;
}
.form_block_prices_resum ul{
margin-top: 0px;
padding-top: 0px;
}
.form_block_prices_resum ul li{
margin-top: 0px;
padding-top: 0px;
}
.wTotal{
width: 100%;
}
.servicos_area{
background-color: #e8e4d9;
width: 100%;
padding-bottom: 50px;
}
/* Form Details ------------------- */
.form_details_resumo{
width: 100%;
padding-top: 20px;
padding-bottom: 30px;
background-color: #f7f6f4;
}
.form_details_resumo_area{
display: table;
width: 90%;
max-width: 800px;
margin: 0 auto;
}
.form_details_c1{
float: left;
width: 45%;
margin-left: 5%;
text-align: left;
}
.form_details_c2{
float: right;
width: 45%;
text-align: center;
}
.form_details_resumo h2{
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 22px;
font-weight: bold;
text-align: left;
margin-bottom: 20px;
}
.form_details_fields div{
font-family: 'Avenir Next LT Pro Regular';
color: #000;
font-size: 18px !important;
text-align: left;
line-height: 18px;
font-weight: normal;
}
.form_details_fields div label{
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 18px !important;
font-weight: bold;
}
.form_details_box{
padding-top: 10px;
padding-bottom: 10px;
width: 280px;
margin: 0 auto;
margin-bottom: 10px;
text-align: center;
line-height: 16px;
background-color: #fff;
font-family: 'Avenir Next LT Pro Regular';
}
.form_details_box label{
font-family: 'Avenir Next LT Pro Regular';
color: #4d90e1;
font-size: 16px;
}
.form_details_box div{
font-family: 'Avenir Next LT Pro Regular';
color: #000;
font-size: 18px;
margin-bottom: 2px;
}
.form_details_box span{
font-family: 'Avenir Next LT Pro Regular';
color: #828282;
font-size: 14px;
}
.form_details_resumoPrices{
margin-top: 40px;
width: 100%;
}
.form_details_resumoPrices h2{
text-align: center;
font-family: 'Avenir Next LT Pro Regular';
color: #000;
font-size: 24px;
margin-bottom: 30px;
}
.form_details_resumoBorda{
border: 1px solid #a3a3a3;
padding: 20px 40px;
width: 80%;
max-width: 800px;
margin: 0 auto;
}
.form_details_resumoBorda table{
width: 100%;
}
.form_tb_title th{
font-family: "Avenir Next LT Pro Bold";
color: #4d90e1;
font-size: 18px;
text-align: center ;
font-weight: bold;
padding: 5px;
}
.form_details_resumoBorda table tr td{
font-family: 'Avenir Next LT Pro Regular';
font-size: 14px;
padding: 5px;
color: #262626;
font-weight: normal;
text-align: right;
}
.form_details_resumoBorda table tr .text_left{
text-align: left;
}
.form_tb_15{
width: 15%;
}
.form_tb_55{
width: 55%;
}
.form_details_resumoBorda table tfoot .totalColuna{
font-family: "Avenir Next LT Pro Bold";
color: #37a643;
font-weight: bold;
}
.form_details_resumoBorda table tfoot td{
padding-bottom: 10px;
}
.form_details_resumoBorda table tfoot .totalLinha td{
border-top: 1px solid #a3a3a3;
padding-top: 10px;
}
.form_details_resumoBorda table tfoot .totalLinha .totalLinhaLabel{
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 18px;
text-align: left;
font-weight: bold;
}
.form_details_resumoBorda table tfoot .totalLinha .totalLinhaValor{
font-family: "Avenir Next LT Pro Bold";
color: #4d91e2;
font-size: 20px;
text-align: right;
font-weight: bold;
}
.booking_form .booking_form_input {
height: 45px;
line-height: 45px;
border: none;
border-bottom: 1px solid #9b9c9c;
margin-bottom: 50px;
background: none;
}
.check_in_check_out ul li:first-child{
margin-left: 0;
}
.check_in_check_out ul li {
margin-bottom: 50px;
}
.check_in_check_out ul li:last-child{
margin-left: 0;
display: block;
}
.booking_form .booking_message_box {
border:none;
border-bottom: 1px solid #9b9c9c;
height: 155px;
margin-bottom: 80px;
}
.booking_form .booking_submit_btn{
background: none;
border: none;
text-decoration: underline;
font-weight: 900 !important;
letter-spacing: 1px;
margin-bottom: 20px;
background-color: transparent;
cursor: pointer;
}
.booking_form .booking_submit_btn.validated_btn {
height: 65px;
}
.house_booking_box .booking_cross_btn {
position: fixed;
right: 30px;
}
.booking_form .booking_submit_btn:focus ,
.booking_form .booking_form_input:focus,
.booking_form .booking_message_box:focus{
outline-width: 0;
}
.booking_form > h2 {
margin-bottom: 50px;
}
.opp_sec_outer {
background: url("../images/oops_bg.jpg") no-repeat;
background-size: cover;
display: table;
width: 100%;
height: 710px;
}
.opp_sec_outer .opp_sec_inner_cont {
display: table-cell;
vertical-align: middle;
}
.opps_textblock {
background-color: rgba(255,255,255,.9);
width: 550px;
margin: 0 auto;
padding:50px 50px 0
}
.opps_textblock ul li a {
color:#000;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
display: block;
}
.opps_textblock ul li:first-child{
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
}
.opps_textblock ul li:first-child:before {
background-color: #08243C;
position: absolute;
content: "";
height: 2px;
width: 66px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.opps_textblock ul li:last-child {
margin-top: 50px;
position: relative;
padding-bottom: 22px;
}
.opps_textblock ul li:last-child a {
text-transform: lowercase;
font-weight: 900;
}
.opps_textblock ul li:last-child:before {
background-color: #08243C;
position: absolute;
content: "";
height: 6px;
width: 262px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.term_condtions {
width: 100%;
float: left;
text-align: left;
}
.term_condtions [type="checkbox"]:checked,
.term_condtions [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.term_condtions [type="checkbox"]:checked + label,
.term_condtions [type="checkbox"]:not(:checked) + label
{
position: relative;
padding-left: 50px;
cursor: pointer;
line-height: 24px;
font-size: 24px;
display: inline-block;
color: #9b9c9c;
}
.term_condtions [type="checkbox"]:checked + label:before,
.term_condtions [type="checkbox"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid #ddd;
background: #fff;
}
.term_condtions [type="checkbox"]:checked + label:after,
.term_condtions [type="checkbox"]:not(:checked) + label:after {
content: "\f00c";
width: 20px;
height: 20px;
background: #f2e3e6;
padding: 2px;
position: absolute;
top: 5px;
left: 5px;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
color: #1ac0ac;
}
.term_condtions [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.term_condtions [type=checkbox]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.credit_card_deatils {
font-family: 'Avenir Next LT Pro Regular';
background-color: #fff;
padding: 20px 0;
}
.credit_card_form {
text-align: left;
width: 90%;
margin: 0 auto;
max-width: 800px;
}
.credit_card_form h2{
text-align: left;
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 24px;
margin-left: 18px;
margin-bottom: 30px;
font-weight: bold;
}
.credit_card_form span{
font-size: 10px;
}
.product_value{
text-align: left;
font-family: "Avenir Next LT Pro Bold";
color: #888;
font-size: 22px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 50px;
padding-right: 15px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
letter-spacing: .05em;
}
.product_value span{
color: #000;
font-size: 18px;
letter-spacing: 0em;
}
.credit_card_form label{
display: block;
color: #5a5b5b;
}
.credit_card_form input {
width: 100%;
height: 35px;
line-height: 35px;
margin-bottom: 50px;
background: none;
border: none;
border-bottom: 1px solid #9b9c9c;
}
.form_group_credit_card.form_group_credit_card_email input{
margin-top: 25px;
}
.form_group_credit_card.credit_card_pin {
position: relative;
}
.form_group_credit_card.credit_card_pin:before{
background: url("../images/card.jpg") no-repeat;
content: "";
width: 86px;
height: 61px;
position: absolute;
right: -100px;
top: 0;
}
.booking_info_form {
padding: 40px 0;
}
.form_group_booking_final input[type=text]{
width: 100%;
height: 45px;
border: none;
border-bottom: 1px solid #9b9c9c;
font-size: 24px;
line-height: 45px;
margin-bottom: 30px;
font-family: 'Avenir Next LT Pro Regular'
}
.form_group_booking_final label{
display: block;
text-align: left;
margin-top: 10px;
}
.form_group_booking_final_cidade {
margin-top: 42px;
}
.form_booking_btns {
margin-top: 60px;
}
.form_booking_btns .booking_submit_btn{
background: none;
border: none;
text-decoration: underline;
font-weight: 900 !important;
letter-spacing: 1px;
margin-bottom: 20px;
font-size: 30px;
line-height: 30px;
text-transform: uppercase;
}
.miniMenu{
z-index: 2000;
position: absolute;
top: 0px;
left: 0px;
border: 1px solid rgba(0,0,0,0.1);
box-shadow: 2px 2px 10px #000;
}
.miniMenu_responsivo{
position: absolute;
}
.miniMenu_scroll{
max-height: 300px;
overflow-y: auto;
margin-right: -55px;
margin-left: -20px;
padding-left: 20px;
}
.miniMenu_scroll::-webkit-scrollbar {
width: 7px;
}
.miniMenu_scroll::-webkit-scrollbar-track {
background: #f1f1f1;
}
.miniMenu_scroll::-webkit-scrollbar-thumb {
background: #b2a585;
}
.miniMenu_scroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
.miniMenu_col{
width: 35%;
margin-right: 14%;
display: inline-block;
}
.miniMenu h3{
font-size: 22px;
margin-left: -20px;
font-weight: 800;
}
.miniMenu_section{
margin-bottom: 20px;
padding-bottom: 5px;
background-image: url(../images/miniMenu_fio.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}
.miniMenu_ativo{
clip-path: rectangle(0px 100% 0 100% 0px 0px);
-webkit-animation-name: cliparMenu; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.2s; /* Safari 4.0 - 8.0 */
-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
animation-name: cliparMenu;
animation-duration: 0.2s;
animation-fill-mode: forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes cliparMenu {
from {-webkit-clip-path: inset(0 0 100% 0); }
to {-webkit-clip-path: inset(0 0 0 0); }
}
/* Standard syntax */
@keyframes cliparMenu {
from {-webkit-clip-path: inset(0 0 100% 0);}
to {-webkit-clip-path: inset(0 0 0 0);}
}
.miniMenu .drop_menu_btn_linha{
padding: 0;
margin-top: 20px;
margin-bottom: 10px;
display: table;
width: 100%;
}
.miniMenu .drop_menu_btn_Input{
font-family: "Avenir Next LT Pro Bold";
padding: 0px;
padding-bottom: 2px;
background-color: #fff;
border: 0px solid transparent;
border-bottom: 1px solid #b2a585;
color: #222;
font-weight: 900;
font-size: 12px;
float: left;
margin-left: -25px;
cursor: pointer;
}
.miniMenu .drop_menu_btn_Input:hover{
color: #000;
border-bottom: 1px solid #000;
}
.our_houses_details_sub_menu .drop_menu_btn a:hover{
background: none;
color: #000;
}
.our_houses_details_sub_menu .drop_menu_btn a:nth-child(2){
text-align: left;
}
.our_houses_details_sub_menu {
position: absolute;
width: auto;
min-height: 100px;
overflow-y: auto;
background: #fff;
font-family: 'Avenir Next LT Pro Regular';
padding: 30px 65px 10px;
}
.our_houses_details_sub_menu li {
margin: 0;
text-align: left;
display: table;
width: 100%;
height: 27px;
font-size: 14px;
line-height: 14px;
color: #000;
}
.our_houses_details_sub_menu li .celula{
display: table-cell;
width: 100%;
height: 100%;
font-size: 14px;
line-height: 14px;
}
.checkListas{
opacity: 0.5;
float: left;
}
.celula_rotulo{
display: block;
float: left;
margin-left: 10px;
margin-top: 0px;
color: #555;
font-weight: bold;
letter-spacing: .1em;
opacity: 0.5;
}
.our_houses_details_destaque .checkListas{
opacity: 1;
}
.our_houses_details_destaque .celula_rotulo{
color: #000;
opacity: 1;
}
.our_houses_details_reset .checkListas{
opacity: 0.5;
}
.our_houses_details_reset .celula_rotulo{
color: #555;
opacity: 0.5;
}
.our_houses_details_sub_menu li input[type=checkbox],
.our_houses_details_sub_menu li input[type=radio]{
-webkit-appearance: none;
border:1px solid #beb9bf;
width: 12px;
height: 14px;
}
.our_houses_details_sub_menu li input[type=checkbox]:checked,
.our_houses_details_sub_menu li input[type=radio]:checked{
position: relative;
}
.our_houses_details_sub_menu li input[type=checkbox]:checked:before ,
.our_houses_details_sub_menu li input[type=radio]:checked:before
{
position: absolute;
content: "";
background: #b2a382;
width: 8px;
height: 8px;
left: 0;
right: 0;
margin: 0 auto;
top: 2px;
}
.our_houses_details_sub_menu li label {
padding-left: 5px;
}
.our_houses_details_sub_menu li .close_menu_btn{
border: none;
}
.close_menu_btn{
border: none;
font-family: sans-serif;
color: #000;
align-items:absolute;
top:-1ex;
right:10vmin;
padding: 0;
margin: 0 0 0 0;
position:absolute;
width:5px;
height: 5px;
}
.our_houses_details_sub_menu .close_menu_btn a:hover{
background: none;
color: #000;
}
.our_houses_details_sub_menu .drop_menu_btn {
padding: 15px 30px 0;
margin: 0 -65px;
display: block;
}
.our_houses_details_sub_menu .drop_menu_btn a {
padding: 0;
border: none;
width: 50%;
float: left;
text-align: left;
color: #000;
text-decoration: underline;
font-weight: 900;
}
.our_houses_details_sub_menu .drop_menu_btn a:hover{
background: none;
color: #000;
}
.our_houses_details_sub_menu .drop_menu_btn a:nth-child(2){
text-align: left;
}
.our_houses_details_sub_menu h3 {
font-size: 16px;
line-height: 24px;
text-align: left;
margin-bottom: 15px;
color: #000;
font-weight: 700;
}
.dropdown_seprator {
border-bottom: 1px solid #ccc;
margin: 10px 0;
width: 100%;
float: left;
}
/*
.our_houses_details_sub_menu_hospedees {
width: 360px;
}
*/
.our_houses_details_sub_menu_hospedees {
overflow:auto;
/* right:10vmin;*/
margin: 0 0 0 0;
width: 280px;
max-height: 350px;
/*position:absolute; */
}
/*
.our_houses_details_sub_menu_hospedees .hospedes_listing_1 {
width: 50%;
float: left;
}
*/
.our_houses_details_sub_menu_hospedees .hospedes_listing_1 {
width: 45%;
float: left;
/*margin: 0 10px;*/
}
/*
.our_houses_details_sub_menu_hospedees .hospedes_listing_2 {
float: left;
width: 50%;
}
*/
.our_houses_details_sub_menu_hospedees .hospedes_listing_2 {
float: left;
width: 45%;
}
.our_houses_details_sub_menu {
display: none;
}
.properties_found_list li:hover .our_houses_details_sub_menu{
display: block;
z-index: 10;
}
.our_houses_details_sub_slider {
width: 580px;
height: fit-content;
overflow: hidden;
}
/* Ranckin House Detail */
.title_ranking{
display: table;
min-width: 400px;;
margin: 0 auto;
margin-top: 2px;
}
.title_ranking_fio{
display: table-cell;
background-image: url(../images/stars_fio.png);
background-repeat: repeat-x;
background-position: center;
width: 108px;
}
.title_ranking_stars{
display: table-cell;
padding-left: 5px 18px;
vertical-align: middle;
}
.title_ranking_stars span{
color: #b2a585;
font-family: 'Avenir Next LT Pro', sans-serif;
font-size: 14px;
}
.houseDetail_info{
font-family: "Avenir Next LT Pro Bold";
font-size: 16px;
color: #000;
padding-top: 6px;
}
.houseDetail_info_txt{
font-family: 'Avenir Next LT Pro', sans-serif;
padding-top: 6px;
width: 90%;
max-width: 1000px;
margin: 0 auto;
padding-bottom: 100px;
}
.houseDetail_info_txt p{
font-family: 'Avenir Next LT Pro', sans-serif;
font-size: 14px;
color: #757171;
padding-top: 6px;
/*line-height: 30px;*/
text-align: justify;
margin-bottom: 25px;
}
.houseDetail_info_txt2{
font-family: 'Avenir Next LT Pro', sans-serif;
width: 70%;
max-width: 900px;
margin: 0 auto;
padding-bottom: 50px;
}
.houseDetail_info_txt2 p{
font-family: 'Avenir Next LT Pro', sans-serif;
font-size: 16px;
color: #757171;
line-height: 30px;
text-align: center;
}
.houseDetal_title_subSection{
font-family: "Avenir Next LT Pro Bold";
font-size: 26px;
line-height: 42px;
color: #000;
font-weight: 700;
margin-bottom: 20px;
}
.location_box{
padding-left: 40px;
padding-right: 40px;
}
.location_box50{
padding-left: 50px;
padding-right: 50px;
margin-top: 70px;
margin-bottom: 100px
}
.location_mapa{
border: 1px solid #aaa;
}
.mapa_locais_container{
padding-top: 30px;
margin-left:40px;
margin-right:40px;
}
.mapa_locais_tr{
float: left;
display: table;
font-family: "Avenir Next LT Pro Bold";
font-size: 12px;
padding: 0px 20px 20px 0px;
font-weight: bold;
color: #000;
text-transform: uppercase;
vertical-align: top;
width: 45%;
margin-right: 1%;
}
.mapa_locais_tr .colun01{
display: inline-block;
width: 50%;
}
.mapa_locais_tr .colun02{
display: inline-block;
width: 22%;
text-align: center;
}
.mapa_locais_tr .colun03{
display: inline-block;
width: 22%;
text-align: center;
}
.mapa_locais_celula{
display: inline-block;
width: 45%;
font-family: "Avenir Next LT Pro Regular";
font-size: 13px;
margin-right: 2%;
padding: 0px 20px 20px 0px;
color: #9b9c9c;
font-weight: normal;
margin-right: 1%;
vertical-align: top;
}
.mapa_locais_celula div{
font-family: "Avenir Next LT Pro Regular";
font-size: 13px;
color: #9b9c9c;
font-weight: normal;
vertical-align: top;
}
.mapa_locais_celula .celula_tr{
font-family: "Avenir Next LT Pro Bold";
font-size: 15px;
color: #222;
font-weight: normal;
}
.mapa_locais_celula .colun01{
display: inline-block;
width: 50%;
}
.mapa_locais_celula .colun02{
display: inline-block;
width: 22%;
text-align: center;
}
.mapa_locais_celula .colun03{
display: inline-block;
width: 22%;
text-align: center;
}
.mapa_locais table th{
font-family: "Avenir Next LT Pro Bold";
font-size: 16px;
padding: 4px 30px 20px 10px;
font-weight: bold;
color: #000;
text-transform: uppercase;
vertical-align: top;
}
.mapa_locais table td{
font-family: "Avenir Next LT Pro Regular";
font-size: 13px;
padding: 4px 30px 15px 10px;
color: #9b9c9c;
font-weight: normal;
vertical-align: top;
}
.mapa_locais table td div{
font-family: "Avenir Next LT Pro Bold";
font-size: 15px;
color: #222;
font-weight: normal;
}
/* ===================================
Facilities Section
====================================== */
.facilities_list{
width: 100%;
font-family: "Avenir Next LT Pro Bold";
margin-left: 20px;
margin-right: 20px;
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3; /* padrão */
}
.facilities_list li{
margin: 0px;
font-size: 15px;
line-height: 46px;
font-weight: 400;
color: #000;
border-bottom: 1px solid #e5e5e5;
}
.sub_relacionadas_bold{
font-family: "Avenir Next LT Pro Bold";
font-size: 18px;
line-height: 34px;
font-weight: 700;
color: #52514f;
text-align: center;
}
.sub_relacionadas{
font-family: "Avenir Next LT Pro Regular";
font-size: 17px;
line-height: 34px;
font-weight: 500;
color: #52514f;
}
.slidecontainer_2 {
width: 100%;
position: relative;
}
.slider_2 {
-webkit-appearance: none;
width: 100%;
height: 1px;
background: #4a4a4a;
outline: none;
-webkit-transition: .2s;
transition: opacity .2s;
position: relative;
}
.slidecontainer_2:before,
.slidecontainer_2:after{
position: absolute;
content: "";
background: #b4b4b4;
width: 1px;
height: 7px;
left: 0;
top: 8px;
}
.slidecontainer_2:after{
right: 0;
left: auto;
}
.slider_2:hover {
opacity: 1;
}
.slider_2::-webkit-slider-thumb{
position: relative;
}
.slider_2::-webkit-slider-thumb:before{
background:red;
position: absolute;
left: 0;
content: "helo";
width: 20px;
height: 20px;
color: #fff;
}
.slider_2::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 118px;
height: 19px;
background: #00c1ac;
cursor: pointer;
display: none;
}
.slider_2::-moz-range-thumb {
width: 18px;
height: 18px;
background: #00c1ac;
cursor: pointer;
}
.slider_2_value {
width: 118px;
height: 19px;
background: #00c1ac;
text-align: center;
color: #fff;
left: 125px;
position: absolute;
top: 2px;
}
.slider_2range {
float: left;
margin: 20px 0;
width: 50%;
}
.maximum_range {
float: right;
width: 50%;
text-align: right;
}
.properties_found_list li#date_selector a {
padding: 0;
}
/* .properties_found_list li#date_selector a input[type=text]{
width: 100%;
font-size: 12px;
line-height: 18px;
padding: 5px 20px;
font-weight: 500;
color: #adadad;
text-transform: capitalize;
border: 1px solid #efefef;
} */
.daterangepicker th.month {
font-size: 18px;
line-height: 18px;
font-weight: 900;
color: #38393d;
text-transform: lowercase;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #b3a483;
color: #000;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #b3a483;
color: #000;
border-radius: 0;
border-color: #b3a483;
}
.daterangepicker td.in-range{
background-color: #dad3c1;
color: #fff;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
border-radius: 0;
}
.daterangepicker .calendar-table td {
border: 1px solid #e8e8e8;
}
.daterangepicker .calendar-table th.available {
border: 2px solid #d4d4d4;
width: 40px;
height: 40px;
}
.daterangepicker .calendar-table th.available span {
background:url("../images/clender_left_arrow.jpg") no-repeat;
width: 23px;
height: 14px;
border: none;
transform: none;
position: relative;
top: 5px;
}
.daterangepicker .calendar-table th.available.next span {
background:url("../images/right_btn_arrow.png") no-repeat;
}
.daterangepicker .calendar-table th.available:hover{
background-color: transparent;
background: none;
}
.drp-buttons .drp-selected {
display: none;
}
.drp-buttons button {
background-color: transparent;
padding: 0;
margin: 0 !important;
border: none !important;
text-align: left !important;
color: #000 !important;
text-decoration: underline !important;
font-weight: 900 !important;
width: 50% !important;
float: left !important;
text-transform: uppercase !important;
}
.drp-buttons .applyBtn {
text-align: right !important;
}
.drp-buttons button:hover{
background-color: transparent !important;
border-color: transparent !important;
}
.daterangepicker {
padding: 35px 35px 15px;
}
.slider.slider-horizontal {
width: 100% !important;
height: 20px;
}
.our_houses_details_sub_menu li #ex1Slider {
margin: 0;
overflow: visible;
}
.our_houses_details_sub_menu li #ex1Slider .tooltip {
opacity: 1;
}
.slider-handle {
background: #0eb2b1 !important;
color: #fff;
border-radius: 0 !important;
width: auto;
height: 20px;
box-shadow: none !important;
z-index: 2;
line-height: 20px;
}
.slider-handle:before,
.slider-handle:after {
position: absolute;
width: 40px;
height: 100%;
background: #0eb2b1 !important;
content: "";
}
.slider-handle:before {
left: -40px;
}
.slider-handle:after {
right: -40px;
}
.slider-track {
height: 1px !important;
background-color: #474747 !important;
width: 100% !important;
box-shadow: none !important;
background-image: none !important;
margin: 0 !important;
}
/****************************/
.main-box{
padding: 0 20px;
}
.vhc-banner{
color: #747e80;
font-size: 20px;
line-height: 32px;
padding: 80px 20%;
margin:0 0 10px;
background: #f7f6f3;
}
.vhc-banner h1{
color: #303234;
font-size: 89px;
line-height: 89px;
margin: 0 0 94px;
}
.vhc-banner h1:after,.best-portals h3:after,
.our-services h3:after{
left: 0;
right: 0;
bottom: -62px;
width: 16px;
height: 3px;
content: '';
margin: 0 auto;
position: absolute;
background: #b1a484;
}
.vhc-banner .empresa{
width: 58%;
margin:50px auto 0;
font-size: 24px;
}
.care-box{
margin: 0 0 10px;
background: #f4f5f5;
padding: 100px 0;
}
.care-box h2{
font-size: 48px;
line-height: 48px;
margin:0 0 40px;
}
.care-box h2 small{
color: #707070;
font-size: 30px;
line-height: 40px;
margin:50px 0 0;
}
.quem-image1 img,.quem-image2 img,
.quem-image3 img{
width: 100%;
}
.quem-image2{
/*margin: 0 0 25px;*/
float: right;
margin-right: 10px;
width: 33%;
}
.quem-image5{
text-align: center;
}
.quem-image5 img {
width: 80%;
margin: 0 auto;
}
.pauta_txt{
padding-left: 30px;
padding-right: 20px;
width: 67%;
text-align: left;
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 26px;
}
.pauta_txt .bold{
font-weight: bold;
}
.pauta_txt_coluna{
text-align: left;
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 26px;
padding-left: 20px;
margin-bottom: 10px;
}
.pauta_txt_coluna .bold{
font-weight: bold;
}
.pauta_txt_coluna p{
margin-bottom: 10px;
}
.aboutus_bloco_coluna{
margin-top: 50px;
}
.aboutus_lista{
margin-top: 50px;
}
.aboutus_lista li .float-left{
float: left;
display: block;
margin: 0px;
padding: 0px;
width: 45px;
height: 110px;
}
.aboutus_lista li .float-right{
margin: 0px;
padding: 0px;
margin-top: -90px;
display: block;
float: none;
margin-left: 55px;
}
.aboutus_listaTR .aboutus_listaTR_img{
width: 50px;
vertical-align: top;
}
.aboutus_listaTR td{
padding-bottom: 50px;
}
.amenities,.dna,.our-services{
padding-left: 40px;
color:rgba(116,126,128,0.8);
font-size: 20px;
line-height:32px;
}
.amenities p,.dna p{
margin:0 0 38px;
}
.quem-image3 {
margin: 95px 0 65px;
}
.best-portals h3{
margin: 0 0 84px;
}
.best-portals h3:after{
bottom: -40px;
}
.dna{
padding-left: 0;
}
.our-services{
padding: 0 40px;
margin: 52px 0 144px;
}
.our-services h3{
margin: 0 0 70px;
font-size: 36px;
line-height: 42px;
}
.our-services h3:after{
bottom: -25px;
}
.quem-features {
font-size: 14px;
padding: 0 40px;
line-height: 24px;
}
.quem-features li{
margin: 0 0 20px;
}
.numbers{
padding:40px 30px;
background: #f4f5f5;
}
.heading-line{
border-top:1px solid #d2ccbd;
}
.heading-line h4{
padding:0 30px;
margin:-17px 0 45px;
background: #f4f5f5;
}
.arrow-top{
right: 0;
bottom: 0;
z-index:1001;
position: fixed;
}
/*----- ADDED BY BRISA -------*/
.igx-slider__track-fill {
background: #00c1ac!important;
}
.igx-slider__thumb-from .dot, .igx-slider__thumb-to .dot {
background: #00c1ac!important;
}
.igx-thumb-label{
background: #00c1ac!important;
}
.igx-slider__thumb-from .label, .igx-slider__thumb-to .label, .igx-slider--disabled .igx-slider__thumb-from .label, .igx-slider--disabled .igx-slider__thumb-to .label {
background: #00c1ac!important;
color: white!important;
}
.igx-slider__thumb-from .label, .igx-slider__thumb-to .label, .igx-slider--disabled .igx-slider__thumb-from .label, .igx-slider--disabled .igx-slider__thumb-to .label::after {
border-top-color: #00c1ac!important;
}
input:focus {
outline:none !important;
}
div:focus {
outline:none !important;
}
.brisa_menu_topo {
font-size: 14px!important;
font-family: "Raleway";
color: rgb(0, 0, 0)!important;
font-weight: 800 !important;
text-transform: uppercase;
cursor: pointer;
}
.brisa_Raleway_cinza_20{
font-size: 20px;
font-family: "Raleway";
color: rgba(116, 126, 128, 0.8);
line-height: 1.6;
}
.brisa_Raleway_cinza_22{
font-size: 22px;
font-family: "Raleway";
color: rgba(116, 126, 128, 0.8);
line-height: 1.6;
}
.brisa_Raleway_caramelo_22{
font-size: 22px;
font-family: "Raleway";
color: #b2a585;
line-height: 1.6;
}
.brisa_carrocel_title
{
font-size: 34px;
font-family: "Avenir Next LT Pro Bold";
color: rgb(0, 0, 0);
font-weight: bold;
line-height: 1.2;
text-transform: lowercase;
/*letter-spacing: .1rem;*/
}
.brisa_carrocel_title::first-letter {
text-transform: uppercase;
}
.brisa_carrocel_info
{
font-size: 20px;
font-family: "AvenirNext";
font-weight: 500;
color: rgba(116, 126, 128, 0.8);
line-height: 1.2;
}
.brisa_estilo_title
{
font-size: 36px;
font-family: "Avenir Next LT Pro Bold";
color: rgb(0, 0, 0);
}
.brisa_estilo_desc{
font-size: 20px;
font-family: "Avenir Next LT Pro Regular";
color: rgba(116, 126, 128, 0.8);
}
.brisa_estilo_desc2 {
font-size: 14px;
font-family: "Avenir Next LT Pro Bold";
color: rgb(164, 164, 163);
text-transform: uppercase;
line-height: 1.2;
}
.brisa_estilo_desc3 {
font-size: 14px;
font-family: "Avenir Next LT Pro Regular";
color: rgb(164, 164, 163);
text-align: center;
line-height: 1.8;
font-weight: normal;
}
.brisa_margem_zero{
margin-right: 0px;
margin-left: 0px;
}
.degrade {
position: absolute;
bottom: 0;
left: 0;
padding: 8px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
background-size: 100% 50%;
background-position: 0 100%;
background-repeat: no-repeat;
z-index: 1;
}
.brisa_heading_ferias{
font-family: "Avenir Next LT Pro Regular";
font-size: 44px;
line-height: 1.042;
color: #fff;
font-weight: 500;
}
.brisa_desc_ferias{
font-family: "Avenir Next LT Pro Bold";
font-size: 24px;
line-height: 1.042;
color: #fff;
font-weight: 700;
}
.brisa_slider_titulo{
font-family: "Avenir Next LT Pro Bold";
font-size: 20px;
line-height: 1.2;
color: #000;
font-weight: 500;
}
.brisa_slider_desc {
font-size: 18px;
font-family: "Avenir Next LT Pro Regular";
color:rgb(164, 164, 163);
}
.Avenir_Next_LT_Pro_Bold{
font-family: "Avenir Next LT Pro Bold";
}
.Avenir_Next_LT_Pro_Regular{
font-family: "Avenir Next LT Pro Regular";
}
.cinza_claro {
color: #c9c9c9;
}
.cinza_escuro {
color: #666666;
}
.black {
color: black;
}
.mais_ou_menos{
font-size: 14px;
font-family: "Montserrat";
color: rgb(255, 255, 255);
color: transparent;
font-weight: bold;
margin-top: 0px;
}
.copy_right_menu{
font-family: "Avenir Next LT Pro Regular";
font-size: 18px;
font-weight: 800;
}
.drop_menu_btn{
font-family: "Avenir Next LT Pro Bold";
}
.brisa_house_detail_numero_acomo{
font-size: 10px;
font-family: "Avenir Next LT Pro Bold";
color: rgb(0, 0, 0);
text-align: center;
-moz-transform: matrix( 1.01602023608769,0,0,1.01664979276451,0,0);
-webkit-transform: matrix( 1.01602023608769,0,0,1.01664979276451,0,0);
-ms-transform: matrix( 1.01602023608769,0,0,1.01664979276451,0,0);
}
.brisa_cor_rating{
color: #b6aa8b
}
.upperCase {
text-transform: uppercase;
}
.lowerCase {
text-transform: lowercase;
}
/* Carousel -------------------------- */
.owl-dots {
display: table !important;
text-align: center!important;
bottom: 53px;
left: 0px;
margin: 0 auto;
position: relative!important;
z-index: 2!important;
padding: 12px 37px 7px 37px;
background-color: white!important;
vertical-align: middle!important;
}
.owl-prev {
position: absolute;
top: 30vh !important;
/*left: -4px; */
left: 20px;
width: 40px;
height: 85px;
padding: 0px !important;
background-image: url(../images/setas_banner_esq.png) !important;
background-repeat: no-repeat;
background-color: transparent !important;
opacity: 0.5;
color: transparent !important;
border-radius: 0px !important;
transition-property: top;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: top;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
}
.owl-prev:before{
content: '';
color: transparent !important;
}
.owl-prev:hover {
opacity: 1;
}
.owl-next {
position: absolute;
top: 30vh !important;
/* right: -4px; */
right: 20px;
width: 40px;
height: 85px;
padding: 0px !important;
background-image: url(../images/setas_banner_dir.png) !important;
background-repeat: no-repeat;
background-color: transparent !important;
opacity: 0.5;
color: transparent !important;
border-radius: 0px !important;
transition-property: top;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0.2s;
-webkit-transition-property: top;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
}
.owl-next:before{
content: '';
color: transparent !important;
}
.owl-next:hover {
opacity: 1;
}
.box_price_from{
position: absolute;
display: table;
text-align: center;
left: 0px;
bottom: -2px;
z-index: 20;
padding: 10px 17px 5px 33px;
background-color: white;
vertical-align: middle;
}
/* Ajustes ------------------ */
.padding20{
padding: 20px;
}
.padTop0{
padding-top: 0px;
}
.padBot0{
padding-bottom: 0px;
}
#tampaBG{
background-color: rgba(0,0,0,0.0);
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 50000px;
pointer-events: none;
z-index: 1000;
display: none;
-webkit-animation-name: tampaBG_exibir; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 0.4s; /* Safari 4.0 - 8.0 */
-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
animation-name: tampaBG_exibir;
animation-duration: 0.4s;
animation-fill-mode: forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes tampaBG_exibir {
from {background-color: rgba(0,0,0,0.0);}
to {background-color: rgba(0,0,0,0.03);}
}
/* Standard syntax */
@keyframes tampaBG_exibir {
from {background-color: rgba(0,0,0,0.0);}
to {background-color: rgba(0,0,0,0.03);}
}
#tampaBG{
background-color: rgba(0,0,0,0.0);
position: absolute;
top:0px;
left: 0px;
width: 100%;
height: 50000px;
pointer-events: none;
z-index: 1000;
display: none;
}
.bg-cinza{
background-color: #F7F6F4;
}
.servicos{
overflow: hidden;
}
.servicos-img{
background-size: 100% auto;
background-position: left center;
background-repeat: no-repeat;
height: 150px;
}
.servicos section{
background-color: #fff;
border: 1px solid #bbbbbb;
}
/*
.servicos .slick-current{
transform: none!important;
}
.servicos .slick-prev:before {
content: "";
background: url(../images/prev-button.png);
width: 37px;
background-size: contain;
background-repeat: no-repeat;
height: 50px;
position: absolute;
top: 0;
}
.servicos .slick-next:before {
content: "";
background: url(../images/next-button.png);
width: 37px;
background-size: contain;
background-repeat: no-repeat;
height: 50px;
position: absolute;
top: 0;
}
.servicos .slick-active:before{
display: none;
}
.servicos .slick-current.slick-active:before{
background-color: rgba(0,0,0,0)
}
.servicos .slick-prev {
left: -10px;
}
.servicos .slick-next {
right: 15px;
}
@media only screen and (max-width: 991px){
.servicos .slick-prev:before {
left: 10px;
}
.servicos .slick-next:before {
right: -25px;
}
}
*/
.servicos-bg{
background-color: #F7F6F4;
margin-bottom: 30px;
margin-top: 45px;
}
.servico-box{
padding: 15px;
}
.services_box_row_title{
height: 54px;
}
.servico-box .services_box_row_title h3{
text-align: left;
margin-bottom: 10px;
}
.services_box_row_desc{
height: 75px;
overflow-y: scroll;
}
.servico-box .services_box_row_desc p{
text-align: left;
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
.services_box_condicoes{
display: table;
width: 100%;
}
.services_box_row_cel{
display: inline-block;
width: 50%;
text-align: left;
}
.services_box_condicoes_form{
text-align: left;
text-transform: uppercase;
font-family: "Avenir Next LT Pro Bold";
font-size: 14px;
color: #000;
font-weight:700;
margin-top: 10px;
margin-bottom: 25px;
padding-bottom: 2px;
border-bottom: 1px solid #aaa;
}
.services_box_condicoes_form input{
float: right;
position: relative;
text-align: right;
padding-right: 5px;
font-size: 16px;
margin-top: -2px;
border: 0px solid #000;;
}
.servico-box h4{
font-family: "Avenir Next LT Pro Bold";
line-height: 15px;
font-weight: 700;
font-size: 18px;
color: #000;
margin-bottom: 0px;
}
.servico-box h4 span{
font-size: 11px;
}
.servico-box label{
width: 100%;
font-size: 14px;
position: relative;
top: -5px;
margin: 0;
}
.servico-box button{
color: #fff;
background-color: #00C2AD;
border: none;
padding: 3px 10px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
right: 0;
top: 12px;
}
.services_box_row_bt{
margin-top: 10px;
display: table;
width: 100%;
border: 1px solid transparent;
}
.servico-add{
position: relative;
height: 36px;
}
.servico-remove{
background-color: #bebebe!important;
}
.servico-choice{
text-align: left;
text-transform: uppercase
}
.servico-choice input{
float: right;
position: relative;
top: -5px;
}
.servico-sel{
background-color: #fff;
margin: 0 auto;
margin-top: 10px;
padding: 1px;
border: 1px solid #c0c1bc;
}
.servico-sel h2{
padding: 25px 0 15px;
width: 90%;
margin: 0 auto;
border-bottom: 1px solid #efefef;
}
.servico-sel ul{
width: auto;
margin: 0px 20px 0px 20px;
height: 315px;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 10px;
position: relative;
border-top: 0px solid #ececec;
border-bottom: 0px solid #ececec;
}
.servico-sel ul li{
text-align: left;
margin: 0 auto;
width: 100%;
position: relative;
}
.servico-sel ul li label{
font-family: "Avenir Next LT Pro Bold";
line-height: 22px;
font-weight: 700;
font-size: 18px;
color: #000;
}
.servico-sel ul li span{
text-transform: lowercase;
padding-left: 10px;
color: #000;
}
.servico-sel ul li p{
color: #D1D1D1;
text-transform: capitalize;
}
.servico-sel ul li p b{
font-weight: bold
}
.servico-sel_span{
position: absolute;
cursor: pointer;
top: 20px;
right: 0px;
z-index: 10;
font-size: 1.5rem;
}
.servico-sel ul::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.servico-sel ul::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.servico-sel ul::-webkit-scrollbar-thumb {
background: #b2a384;
border: 0px none #ffffff;
border-radius: 50px;
}
.servico-sel ul::-webkit-scrollbar-thumb:hover {
background: #7d6f4f;
}
.servico-sel ul::-webkit-scrollbar-thumb:active {
background: #7d6f4f;
}
.servico-sel ul::-webkit-scrollbar-track {
background: #e9e4dd;
border: 0px none #ffffff;
border-radius: 50px;
}
.servico-sel ul::-webkit-scrollbar-track:hover {
background: #b2a384;
}
.servico-sel ul::-webkit-scrollbar-track:active {
background: #b2a384;
}
.servico-sel ul::-webkit-scrollbar-corner {
background: transparent;
}
.servico-sel .servico-sel-container{
padding-top: 2px;
padding-bottom: 2px;
position: relative;
border: 0px solid transparent;
}
.servico-sel .servico-sel-container .frisoLateral{
width: 15px;
height: 104%;
position: absolute;
top: -2px;
right: 25px;
background-color: #fff;
}
.servico-sel .itemLinha{
border-bottom: 1px solid #ececec;
padding-top: 15px;
padding-bottom: 15px;
line-height: 14px;
}
.servico-sel .itemLinha_nome{
font-family: "Avenir Next LT Pro Bold";
font-weight: 700;
font-size: 17px;
color: #000;
}
.servico-sel .itemLinha_qt{
font-family: "Avenir Next LT Pro Regular";
font-size: 15px;
color: #000;
font-weight: normal;
}
.servico-sel .itemLinha_valor{
font-family: "Avenir Next LT Pro Bold";
font-weight: 700;
font-size: 13px;
color: #c1c1c1;
}
.servico-subtotal{
width: 90%;
margin: 0 auto;
/* padding: 30px 0 20px;*/
border-top: 1px solid #efefef;
}
.servico-subtotal h3{
float: left;
}
.servico-subtotal label{
color: #000;
font-size: 14px;
padding-right: 5px;
}
.servico-subtotal span{
color: #000;
}
.servico-total{
width: 90%;
margin: 0 auto;
padding: 20px 0px 25px 0px;
border-top: 1px solid #efefef;
}
.servico-total h3{
text-align: center;
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 20px;
font-weight: 700;
}
.servico-total h3 span{
font-size: 16px;
}
.servico-total label{
color: #000;
font-size: 15px;
font-weight: bold;
padding-right: 5px;
}
.servico-total span{
color: #000;
}
.serv-title{
text-align: center;
padding: 20px 0px 20px 0px;
font-size: 32px;
font-family: "Avenir Next LT Pro Bold";
color: #000;
font-size: 20px;
font-weight: 700;
width: 80%;
margin: 0 auto;
}
.box_service{
padding: 0px 10px;
}
.box_service_padding{
background-color: white;
padding: 1px;
border: 1px solid #c0c1bc;
}
.serv-button{
background-color: transparent!important;
border: none!important;
text-decoration: underline;
cursor: pointer !important;
}
.termstext{
font-family: 'Avenir Next LT Pro Regular';
margin: auto;
width: 70%;
padding: 80px 40px;
font-size: 14px;
line-height: 22px;
background-color: #fff;
box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.termstext h3, strong{
font-family: "Avenir Next LT Pro Bold";
font-size: 16px;
font-weight: bold;
color: #444;
}
.termstext h3{
margin-bottom: 10px;
}
.termstext.base > p {
padding-bottom: 1rem;
}
.termstext.base > ol {
padding-left: 1rem;
}
.termstext.base > ol > li {
padding: 0.5rem;
}
.txtSearch {font-size: 12px; line-height: 18px; padding: 5px 5px; font-weight: 700; color: #adadad; text-transform: uppercase; border: 1.4px solid #efefef}
/* .txtSearch:hover { background-color: #B2A585; color: #fff !important; } */
.txtSearchAddress { width: 680px !important; margin-left: 8px; }
.properties_found_list{text-align: center}
.properties_found_list li{ display: inline-block; width: 250px; margin: 0px 10px; text-align: center; line-height: 48px;}
.properties_found_list li a, .properties_found_list li input[type=text]{width: 100%; font-size: 12px; line-height: 18px; padding: 5px 95px 5px 5px; font-weight: 500; color: #adadad; text-transform: uppercase; border: 1px solid #efefef}
.properties_found_list li a:hover, .properties_found_list li input[type=text]:hover {cursor: pointer; color: #ffffff; background-color: #b2a585; transition-property: background-color; transition-duration: 0.5s; transition-timing-function: linear; -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: linear;}
.properties_found_list li input[type=text]:hover::-webkit-input-placeholder {color: #ffffff; }
.properties_found_list li input[type=text]:hover::-moz-placeholder {color: #ffffff; }
.properties_found_list li input[type=text]:hover:-ms-input-placeholder {color: #ffffff; }
.properties_found_list li input[type=text]:hover:-moz-placeholder {color: #ffffff; }
.property_box{position: relative; }
.property_details_box{position: absolute; content: ""; bottom: 0; right: 0; width: 32%; height: 50px; background-color: #fff; padding: 0 10px}
.property_details_box_01{color: #ffffff; text-align: center; text-align: right; background-color: #f00c0c; border: 1px solid #f00c0c; position: absolute; content: ""; bottom: 0; right: 0; width: 100%; height: 50px; background-color: rgb(235, 11, 11); padding: 8px 10px}
.property_details_box_list{float: left}
.property_rate_list{float: right; padding-top: 5px; width: 100%;}
.property_details_box_list li, .property_rate_list li{display: inline-block; padding: 0 5px; text-align: center}
.house_name{font-size: 12px; line-height: 16px; color: #b5b5b5; font-weight: 400}
.house_price{font-size: 12px; line-height: 16px; color: #000; font-weight: 700}
.property_rate_list li{border-right: 1px solid #b2a585}
.property_rate_list li:last-child{border-right: none}
.house_details_list li{display: inline-block; font-size: 16px; line-height: 24px; color: #c6c6c6; font-weight: 500; padding: 0 5px}
.house_details_list li:nth-child(2){color: #000; font-weight: 600}
.property_type{font-size: 14px; line-height: 24px; color: #999; font-weight: 600}
.inner_properties_count_box{color: #999; font-size: 36px; line-height: 42px}
.inner_properties_count_box span{font-size: 36px; line-height: 42px; color: #000; font-weight: 700; display: inline-block; padding: 0 15px}
.indicator_circle{width: 12px; height: 12px; background-color: #999; border-radius: 100%}
.indicator_circle.active{background-color: transparent; border: 2px solid #999}
.indicator_circle_list li{display: inline-block; padding: 0 2px}
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.our_houses_details_sub_menu {
position: absolute;
width: 300px;
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.4);
z-index: 2;
padding: 30px 65px 10px;
}
.our_houses_details_sub_menu li {
margin: 0;
text-align: left;
display: block;
width: 100%;
font-size: 14px;
line-height: 14px;
color: #000;
}
.our_houses_details_sub_menu li input[type=checkbox],
.our_houses_details_sub_menu li input[type=radio]{
-webkit-appearance: none;
border:1px solid #beb9bf;
width: 14px;
height: 14px;
}
.our_houses_details_sub_menu li input[type=checkbox]:checked,
.our_houses_details_sub_menu li input[type=radio]:checked{
position: relative;
}
.our_houses_details_sub_menu li input[type=checkbox]:checked:before ,
.our_houses_details_sub_menu li input[type=radio]:checked:before
{
position: absolute;
content: "";
background: #b2a382;
width: 8px;
height: 8px;
left: 0;
right: 0;
margin: 0 auto;
top: 2px;
}
.our_houses_details_sub_menu li label {
padding-left: 5px;
}
.our_houses_details_sub_menu .drop_menu_btn {
padding: 15px 30px 0;
margin: 0 -65px;
display: block;
}
.our_houses_details_sub_menu .drop_menu_btn a {
padding: 0;
border: none;
width: 50%;
float: left;
text-align: left;
color: #000;
text-decoration: underline;
font-weight: 900;
}
.our_houses_details_sub_menu .drop_menu_btn a:hover{
background: none;
color: #000;
}
.our_houses_details_sub_menu .drop_menu_btn a:nth-child(2){
text-align: right;
}
.our_houses_details_sub_menu h3 {
font-size: 16px;
line-height: 24px;
text-align: left;
margin-bottom: 15px;
color: #000;
font-weight: 700;
}
.dropdown_seprator {
border-bottom: 1px solid #ccc;
margin: 10px 0;
width: 100%;
float: left;
}
.our_houses_details_sub_menu_hospedees {
width: 360px;
}
.our_houses_details_sub_menu_hospedees .hospedes_listing_1 {
width: 50%;
float: left;
}
.our_houses_details_sub_menu_hospedees .hospedes_listing_2 {
float: left;
width: 50%;
}
.our_houses_details_sub_menu {
display: none;
}
.properties_found_list li:hover .our_houses_details_sub_menu{
display: block;
}
@media (width: 1366px){
/*.PictureEffect{
display: inline-block;
justify-self: center;
background-color: #fff;
background-repeat:no-repeat;
background-position: center;
} */
}
.language_list{display: none;}
@media (min-width: 970px)
{
#divHamburger { display: none; }
.language_list{ display: block; }
}
@media (max-width: 970px)
{
.txtSearchAddress { width: 100% !important; }
.liToSplit { display: none !important; }
}
@media (max-width: 767px){
div#filterBar.counter_box{
display: none;
}
.filterBarBT_area{
display: block;
position: relative;
z-index: 1001;
}
div#barSocialIcons.social_icons.container{
display: none;
}
.enquiry_form_open_btn{
display: none;
}
.padding_top_40 {
padding-top: 76px;
}
}
.modal-content{
font-family: 'Raleway'!important;
}
.modal-content .btn-danger:hover{
color: #fff;
background-color: #B2A583;
border-color: rgb(126, 116, 92);
}
.modal-content .btn-danger{
color: #fff;
background-color: rgb(126, 116, 92);
border-color: #B2A583;
}
.modal-content .btn-primary:hover {
color: #fff;
background-color: #B2A583;
border-color: rgb(126, 116, 92);
}
.modal-content .btn-primary {
color: #fff;
background-color: rgb(126, 116, 92);
border-color: #B2A583;
}
.terms-modal-holder{
animation-name: termsframe;
animation-duration: 0.3s;
}
@keyframes termsframe {
0% {transform: scale(0.5)}
100% {transform: scale(1)}
}
.owl-theme .owl-nav.disabled+.owl-dots {
display: none!important;
}
@media (max-width: 610px){
.slick-next {
right: 5px;
}
.slick-prev {
left: 4px;
}
.servico-box h3 {
text-align: -webkit-center;
}
.up_booking_box ul {
margin-top: 30px!important;
}
}