/*
* FlatPack HTML V4.1
* Copyright 2015 PixFort
* www.pixfort.com
* 29/08/2015
*/
/*--- Main ---*/
.mrgt10 {margin-top:10px;}
.mrgt20 {margin-top:20px;}
.mrgt30 {margin-top:30px;}
.mrgt40 {margin-top:40px;}
.mrgt50 {margin-top:50px;}
.mrgt60 {margin-top:60px;}
.mrgb10 {margin-bottom:10px;}
.mrgb20 {margin-bottom:20px;}
.mrgb30 {margin-bottom:30px;}
.mrgb40 {margin-bottom:40px;}
.mrgb50 {margin-bottom:50px;}
.mrgb60 {margin-bottom:60px;}
/*--- Nav ---*/
.nav_logo {
width: 159px; height: 45px;
padding-top: 14px;
border-radius: none;
border-color: none;
border-style: none;
border-width: none;
}
.pixfort_hotel_5 .pixfort_st {
color: #000000;
font-weight: 700;
font-size: 16px;
text-align: left;
position: relative;
display: inline-block;
}
.note_st a {
color: #FFF;
font-weight: 300;
font-size: 16px;
text-align: left;
position: relative;
display: inline-block;
}
.phoneImgDsk{display:block; width:100%;}
.phoneImgMob{display:none; width:50%;}
.nav_flex {display:block;}
@media screen and (max-width:960px) {
.phoneImgDsk{display:none; width:100%;}
.phoneImgMob{display:block; width:50%;}
.nav_flex {display:none !important;}
}
/*--- Main Banner ---*/
.pixfort_hotel_5 .page_style {
background: url(../images/uploads/banner-box-gerais-v1d.jpg) #FF5E1E no-repeat right top;
padding-top: 0px;
padding-bottom: 0px;
box-shadow: none;
outline-offset: -3px;
}
.pixfort_hotel_5 .txt_start {
text-align: center;
color: #ffffff;
font-size: 18px;
max-width: 65%;
margin-left: auto;
margin-right: auto;
}
.bne_mgl span {
margin-left:10px;
}
.mtitle1 {margin-left: 0px; text-align: left !important; color: #000000; font-size: 48px;}
.mtitle2 {margin-left: 0px; text-align: left !important;}
.mtxt {margin-left: 0px; text-align: left !important; color: #FFFFFF; width:60%;}
@media screen and (max-width:960px) {
.pixfort_hotel_5 .page_style {
background: url(../images/uploads/banner-box-gerais-v1c.jpg) #FF5E1E no-repeat right top;
padding-top: 0px;
padding-bottom: 0px;
box-shadow: none;
outline-offset: -3px;
}
.pixfort_hotel_5 .gethouse_btn a {
margin-bottom: 0px;
}
.pixfort_hotel_5 .txt_start {
max-width: 100%;
}
}
@media screen and (max-width:479px) {
.bne_mgl span {
margin-left:0px;
}
}
.bnrSticker {
background-color:#333333;
height:10px;
width:100%;
}
/* --- ABOUT US --- */
aboutImg{
border-radius: 0px; border-color: rgb(255, 255, 255); border-style: none; border-width: 1px; width: 467px; height: 100%;
}
.btn1_abt {
}
.btn1_abt a {
text-decoration: none;
padding: 12px 16px;
border-radius: 3px;
margin: 0 0 0 0;
display: inline-block;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 800;
background-color: rgb(244, 160, 14);
font-family: "Open Sans", sans-serif;
border-color: rgb(255, 255, 255);
border-radius: 3px;
border-width: 0px;
}
.btn1_abt img {
width: 24px; height: 24px; margin-top: auto; vertical-align: bottom;
}
.btn2_abt {
}
.btn2_abt a {
text-decoration: none;
padding: 10px 16px;
margin: 0 0 0 8px;
display: inline-block;
color: rgb(51, 51, 51);
font-size: 16px;
font-weight: 800;
background: none rgba(0, 0, 0, 0);
font-family: "Open Sans", sans-serif;
border: 3px solid rgb(102, 102, 102);
border-radius: 5px;
}
.abt_all_btns {width:100%; /*height:100px; border: solid 3px blue;*/ display:flex; justify-content: flex-start;}
@media screen and (max-width:479px) {
.abt_all_btns {width:100%; flex-wrap: wrap; justify-content: flex-start;}
.btn2_abt a { margin: 10px 0 0 0; }
}
.about1{
background-image: none;
background-color: rgb(255, 255, 255);
padding-top: 40px;
padding-bottom: 0px;
box-shadow: none;
background-size: auto;
background-attachment: scroll;
background-repeat: repeat;
outline-offset: -3px;
}
.about2{
background-image: none;
background-color: #FFFFFF;
padding-top: 10px;
box-shadow: none;
background-size: auto;
background-attachment: scroll;
background-repeat: repeat;
outline-offset: -3px;
}
@media screen and (max-width:767px) {
.about2{
padding-top: 45px;
}
}
.about3 {
background-image: none;
background-color: rgb(255, 255, 255);
padding-top: 50px;
padding-bottom: 10px;
box-shadow: none;
background-size: auto;
background-attachment: scroll;
background-repeat: repeat;
outline-offset: -3px;
}
.pixfort_shop_7 .discount_section {
text-align: left;
background: #FFFFFF;
padding: 0px 0;
text-align: center;
}
.btn1_hiw {
}
.btn1_hiw a {
text-decoration: none;
padding: 12px 16px;
border-radius: 3px;
margin: 0 0 0 0;
display: inline-block;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 800;
background-color: rgb(239, 94, 39);
font-family: "Open Sans", sans-serif;
border-color: rgb(255, 255, 255);
border-radius: 3px;
border-width: 0px;
}
.btn2_hiw {
}
.btn2_hiw a {
text-decoration: none;
padding: 10px 16px;
margin: 0 0 0 8px;
display: inline-block;
color: rgb(51, 51, 51);
font-size: 16px;
font-weight: 800;
background: none rgba(0, 0, 0, 0);
font-family: "Open Sans", sans-serif;
border: 3px solid rgb(102, 102, 102);
border-radius: 5px;
}
.hiw_all_btns {width:100%; /*height:100px; border: solid 3px blue*/; display:flex; justify-content: flex-start;}
@media screen and (max-width:479px) {
.hiw_all_btns {width:100%; flex-wrap: wrap; justify-content: flex-start;}
.btn2_hiw a { margin: 10px 0 0 0; }
}
/* --- SITUATIONS --- */
.sit_iten {
margin-top: 20px;
}
@media screen and (max-width:600px) {
.sit_iten{
margin-top: 20px !important;
}
}
/* --- CTA --- */
.btn1_cta {
}
.btn1_cta a {
text-decoration: none;
padding: 12px 16px;
border-radius: 3px;
margin: 0 0 0 0;
display: inline-block;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 800;
background-color: rgb(244, 160, 14);
font-family: "Open Sans", sans-serif;
border-color: rgb(255, 255, 255);
border-radius: 3px;
border-width: 0px;
}
.btn1_cta img {
width: 24px; height: 24px;
margin-top: auto; vertical-align: bottom;
}
.btn2_cta {
}
.btn2_cta a {
text-decoration: none;
padding: 10px 16px;
margin: 0 0 0 8px;
display: inline-block;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 800;
background: none rgba(0, 0, 0, 0);
font-family: "Open Sans", sans-serif;
border: 3px solid rgb(255, 255, 255);
border-radius: 5px;
}
.btn2_cta img {width: 22px; height: 22px; margin-top: auto; vertical-align: bottom;}
.cta_all_btns {width:100%; /*height:100px; border: solid 3px blue*/; display:flex; justify-content: flex-start;}
@media screen and (max-width:479px) {
.cta_all_btns {width:100%; flex-wrap: wrap; justify-content: flex-start;}
.btn2_cta a { margin: 10px 0 0 0; }
}
/* --- CHOOSEBOX --- */
.cbx_all_boxes {width 100%; height: 100%; display:flex; justify-content:center;}
.cbx_all_btns {
width:100%;
//border: solid 3px blue;
display:flex; justify-content: center;
//margin: 0 auto;
text-align:center;
padding-top:50px;
padding-bottom:40px;
//bgcolor:#ebeaea;
}
.btn1_cbx {//border: solid 3px black;}
.btn1_cbx a {
background: none rgb(244, 160, 14);
border: 3px solid rgb(244, 160, 14);
border-radius: 5px;
padding: 11px 28px;
margin-left: 0;
color: rgb(255, 255, 255);
font-size: 16px; text-decoration: none;
font-family: "Open Sans", sans-serif;
}
.btn1_cbx img {
border-radius: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
border-width: 1px;
width: 22px; height: 22px;
margin-top: auto;
vertical-align: sub;
}
.btn2_cbx {}
.btn2_cbx a {
background: none rgba(0, 0, 0, 0);
border: 3px solid rgb(61, 61, 61);
border-radius: 5px;
padding: 11px 28px;
margin-left: 10px;
color: rgb(51, 51, 51);
font-size: 16px;
text-decoration: none;
font-family: "Open Sans", sans-serif;
}
.btn2_cbx img {
width: 18px; height: 18px; margin-top: auto; vertical-align: sub;
}
@media screen and (max-width:769px) {
.cbx_all_btns {width:96%; flex-wrap: wrap; justify-content: center;}
.btn2_cbx { margin: 10px 0 20px 0; } .btn2_cbx a { margin: 10px 0 0 0; }
.cbx_all_boxes {width 100%; height: 100%; flex-wrap:wrap;}
}
/* --- CALCULATOR --- */
.fld_calc{font-size:13px; font-weight:300; line-height: 1.3; margin: 0 0 3px 0;}
.calcColumn{text-align:center; width:46%; float:left;margin-left:5px;}
.calcCell{width:100%; display:flex; flex-direction:column; margin-bottom:5px;}
.calcLabel{width:100%; display:flex; justify-content:center;}
.calcInput{width:100%; display:flex; justify-content:center;}
.calcInput input {width:60% !important; margin-bottom:10px!important; margin-top:5px;}
.calcTwoCols {width:48%; height:100%; display:flex; justify-content:center; margin-left:4px;}
.calcBg {background: #ebeaea; padding-top: 40px; padding-bottom: 5px; padding-top: 0px; padding-bottom: 360px;}
.calcTopBar {background-color:#616161; padding-top:40px; padding-bottom:30px; margin-bottom:20px; text-align:center;}
.calcForm{padding:0 0 20px 0; !important;}
.resultBox{text-align: center; margin: 65px 5px 66px 5px;}
.resultGlobalBox{padding-top: 0px !important; text-align: center; padding-bottom: 40px !important;}
@media screen and (max-width:767px) {
.calcTwoCols {width:95%; height:100%; display:flex; justify-content:center; margin-left:5px;}
.calcBg { padding-bottom: 750px;}
}
@media screen and (max-width:600px) {
.fld_calc{font-size:12px;}
//.calcBg {background: #ebeaea; padding-top: 40px; padding-bottom: 5px; padding-top: 0px; padding-bottom: 630px;}
}
.btnCalc {
background: none rgb(244, 160, 14);
border: 2px solid rgb(244, 160, 14);
border-radius: 5px;
padding: 11px 28px;
margin-left: 0px;
color: rgb(255, 255, 255);
font-size: 16px;
text-decoration: none;
font-family: "Open Sans", sans-serif;
}
.btnCalcImg {
border-radius: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
border-width: 1px;
width: 22px; height: 22px;
margin-top: auto;
vertical-align: sub;
}
/* --- FORM --- */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
border: 1px solid #ccc;
padding: 10px 5px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
}
.fld_col1_stl{
width: 42% !important;
}
.fld_col1_sel {
width: 43.5% !important;
}
.fld_col2_stl{
margin-left: 20px !important;
width: 42% !important;
}
.fld_col2_sel {
margin-left: 20px !important;
width: 43.5% !important;
}
.fld_line { width:90%; margin: 0 auto; display:flex; justify-content:center; }
@media screen and (max-width:960px) {
.fld_col1_stl{
width: 90% !important;
}
.fld_col1_sel {
width: 92.5% !important;
}
.fld_col2_stl{
margin-left: 0px !important;
width: 90% !important;
}
.fld_col2_sel {
margin-left: 0px !important;
width: 92.5% !important;
}
.btnCalc {
padding: 11px 18px;
}
.fld_line { /*border:3px solid red;*/ width:90%; margin: 0 auto; flex-wrap:wrap; }
}
.pro_btn_div {width:99%; margin-top: 20px; display: flex; justify-content: center;}
.pro_btn {
background: none rgb(244, 160, 14);
border: 3px solid rgb(244, 160, 14);
border-radius: 5px;
padding: 11px 28px;
margin-left: 0;
color: rgb(255, 255, 255);
font-size: 16px;
text-decoration: none;
font-family: "Open Sans", sans-serif;
font-weight:300;"
}
.pro_btn:hover {
background: none rgb(244, 160, 14);
border: 3px solid rgb(244, 160, 14);
border-radius: 5px;
padding: 11px 28px;
margin-left: 0;
color: rgb(255, 255, 255);
font-size: 16px;
text-decoration: none;
font-family: "Open Sans", sans-serif;
font-weight:300;"
}
.pro_btn img {
width: 22px; height: 22px; margin-top: auto; margin-right: 5px; vertical-align: sub;
}
#result2{
display:none;
margin-top: 30px;
margin-bottom: 30px;
border: 2px #739900 solid;
padding: 20px; width:250px;
margin: auto;
background-color:#E5E5E5;
}
#result2 span{
color: #739900;
}
#result2 img{
width: 22px; height: 22px; margin-top: auto; margin-right: 5px; vertical-align: sub;
}
@media screen and (max-width:474px) {
#result2{width:68%;}
}
/* --- ACCORDION --- */
.accord_iten {
margin-top: 30px;
}
.accord_emph {
margin-bottom: 20px;
}
.accordion_line {
width:100%;
text-align:left;
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 18px;
}
.accordion {
background-color: #FFFFFF;
border: none;
color: #444;
cursor: pointer;
padding: 18px 0 18px 18px;
margin: 0 0 0 0;
width: 100%;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.active, .accordion:hover {
background-color: #e4e4e4;
}
.accordion h4:after {
content: '+';
font-weight: bold;
float: left;
margin: 0 5px 0 0;
}
.active h4:after {
content: "-";
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel p {
margin-top: 10px;
}
.accordion_pad {
padding:40px;
}
/* --- ACCORDION --- */
.pix_contents {
background: #ffffff;
padding: 20px 0;
}
/* --- FOOTER --- */
.big_number {
font-size: 21px;
font-weight: bold;
}
.small_bold {
font-weight: bold;
font-size: 13px;
margin-bottom: 0px;
margin-top: 5px;
display: inline-block;
}