/* STYLE LIFECOOLER */ * {margin:0; padding:0;} a:focus {outline:none;} ::-moz-placeholder {color:#d7d7d7;} ::-webkit-placeholder {color:#d7d7d7;} :-ms-placeholder {color:#d7d7d7;} .form-control::-moz-placeholder {color:#d7d7d7;} .form-control::-webkit-placeholder {color:#d7d7d7;} .form-control::-ms-placeholder {color:#d7d7d7;} .form-control::-ms-expand {display: none;} .form-control:focus {box-shadow:none;} /* HEADER */ header .preHeader {background-color:#ffffff; height:30px; padding:5px 40px 5px 30px;} header .preHeader .idiomas {float:left; width:50%;} header .preHeader .idiomas .form-group {width:50px; margin-bottom: 0; } header .preHeader .idiomas .form-control {color:#094556; font-family: 'Maven Pro', sans-serif; font-size:14px; padding:0 10px; height:auto; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: transparent; border:0; box-shadow:none; background-image: url(../img/dropdown_idiomas.png); background-repeat:no-repeat; background-position:right 50%;} header .preHeader .idiomas option {border:0; background-color:#ffffff; color:#094556; padding:3px 10px;} header .preHeader .menuTop {float:left; width:50%;} header .preHeader .menuTop ul {list-style:none; text-align:right; margin-bottom:0;} header .preHeader .menuTop ul li {display:inline; font-family: 'Dosis', sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:0.6px;} header .preHeader .menuTop ul li a {text-decoration:none; color:#2299c5; transition: all 0.3s ease 0s;} header .preHeader .menuTop ul li a:hover {color:#094556;} header .preHeader .menuTop ul li:after {content:"|"; padding:0 10px; color:#2299c5;} header .preHeader .menuTop ul li:last-child:after {content:""; padding:0;} header {position:relative;} header .menuMobile {display:none;} header .blueBar {position:absolute; top:30px; left:0; width:100%; background-color:rgba(33,161,198,0.85); padding:12px 40px 10px;} header .blueBar .logo {float:left; width:50%;} header .blueBar .logo img {width: 190px !important;} header .blueBar .premio {float:left; width:50%; text-align: right;} /*rui 2019-12-09header .destaqTxt {text-align:center; position:absolute; top:160px; width:100%;}*/ header .destaqTxt {text-align:center; position:absolute; top:120px; width:100%;} header .destaqTxt h1 {text-align:center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:40px; letter-spacing:0.6px;} header .destaqTxt span {text-align:center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:40px; letter-spacing:0.6px;margin-top: 20px;margin-bottom: 10px;display: block;line-height: 1.1;} header .destaqTxt h3 {text-align:center; font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; font-size:26px; margin-top: 15px;} header .descontos {position:absolute; bottom:10px; width:100%;} header .descontos h5 {text-align:center; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:19px;} header .descontos h5 a {color:#ffffff; /*text-decoration:underline;*/ box-shadow:0 1px 0 0 #ffffff; text-decoration:none; transition: all 0.3s ease 0s;} header .descontos h5 a:hover {color:rgba(255,255,255,0.80); box-shadow:0 1px 0 0 rgba(255,255,255,0.80);} header .descontos h5.rankMobile a {display:none;} /* AUTO COMPLETE */ ul.ui-autocomplete {background-color:#ffffff; border: 0px solid #ddd; margin-top:1px; padding:0;} ul.ui-autocomplete li {font-family: 'Maven Pro', sans-serif; padding: 3px 5px !important; border-bottom: 1px solid #d7d7d7; transition: all 0.3s ease 0s;} ul.ui-autocomplete li:last-child {border-bottom: 0px solid #d7d7d7;} ul.ui-autocomplete li a {font-size:16px; color:#6b6b6b; line-height:1.5; padding:2px .4em; cursor:pointer;} ul.ui-autocomplete li:hover {background-color:#ebebeb;} ul.ui-autocomplete li a.ui-state-focus, ul.ui-autocomplete li a.ui-state-active {background:none; margin:0 !important; border:0; border-radius:0; background-color:transparent; /*line-height:inherit; padding:inherit;*/ color:#6b6b6b;} ul.ui-autocomplete li a .label-default.searchSugestions {background-color:#d7d7d7; color:#6b6b6b; font-weight:300; padding:1px 10px 3px; font-size:14px; margin-left:8px;} .ui-widget-content {background:#ffffff;} .ui-menu .ui-menu-divider {margin:0; border:0; padding:0;} ul.ui-autocomplete li hr {border-width:0; margin:0;} ul.ui-autocomplete li.ui-menu-divider:first-child {border-width:0;} ul.ui-autocomplete li.ui-menu-divider {margin:0; padding:0 !important;} @media screen and (min-width: 1024px) { body.fixo ul.ui-autocomplete {position:fixed; top:80px !important;} body.fixo.exception ul.ui-autocomplete {position: absolute; top:393px !important;} } @media screen and (min-width: 700px) and (max-width: 1020px) { body.fixo.exception ul.ui-autocomplete {position: absolute; top:323px !important;} } /* HEADER LISTAGEM */ header.listagem {z-index: 5;} header.listagem .blueBar.list {position:relative; float:left; width:100%; background-color:rgba(33,161,198,0.85); padding:12px 40px 10px; top: inherit;} header.listagem .blueBar.list .logo {float:left; width:auto; padding-right:30px;} header.listagem .blueBar.list .claim {float:left; width:auto;display:none;} header.listagem .blueBar.list .claim h1 {text-align:center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:35px; letter-spacing:0.6px; margin:0;} header.listagem .blueBar.list .claim span {text-align:center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:35px; letter-spacing:0.6px; margin:0; line-height: 1.1;} header.listagem .blueBar.list .premio {float:right; width:50%;} /*rui 2019-12-09 header .reservas {position:absolute; right:0; left:0; top:300px; width: 100%; max-width: 1135px; margin: auto; background-color:#21a1c6; z-index:2; -webkit-box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4); -moz-box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4); box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4);}*/ header .reservas {position:absolute; right:0; left:0; top:254px; width: 100%; max-width: 1135px; margin: auto; background-color:#21a1c6; z-index:2; -webkit-box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4); -moz-box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4); box-shadow: 0 0px 10px 4px rgba(44,56,80,0.4);} header .reservas .searchContainer {float:left; width:100%; padding: 15px;} header .reservas .searchContainer .firstLine {width:100%; float:left;} header .reservas .searchContainer .firstLine .rankingLink {float:right;} header .reservas .searchContainer .firstLine .rankingLink a {font-family: 'Maven Pro', sans-serif; font-weight:400; color:#ffffff; box-shadow:0 1px 0 0 #ffffff; font-size:17px; line-height: 21px; text-decoration:none; transition: all 0.3s ease 0s;} header .reservas .searchContainer .firstLine .rankingLink a:hover {color:#094556; box-shadow:0 1px 0 0 #094556;} header .reservas .searchContainer .radio {margin:0 30px 0 0; display:inline-block;} header .reservas .searchContainer .radio + .radio, header .reservas .searchContainer .checkbox + .checkbox {margin-top: 0;} header .reservas .searchContainer .radio label {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-size:15px; padding-left:23px;} header .reservas .searchContainer .radio label.active {font-family: 'Maven Pro', sans-serif; color:#094556; font-size:15px;} header .reservas .searchContainer .radio label span.iconRest {background-image: url(../img/iconRestaurantes_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px; margin-left: 5px;} header .reservas .searchContainer .radio label span.iconHotel {background-image: url(../img/iconHotel_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header .reservas .searchContainer .radio label span.iconActiv {background-image: url(../img/iconActiv_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px; margin-left: 5px;} header .reservas .searchContainer .radio label.active span.iconRest {background-image: url(../img/iconRestaurantesBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px; margin-left: 5px;} header .reservas .searchContainer .radio label.active span.iconHotel {background-image: url(../img/iconHotelBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header .reservas .searchContainer .radio label.active span.iconActiv {background-image: url(../img/iconActivBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px; margin-left: 5px;} header .reservas .searchContainer .radio input[type="radio"], header .reservas .searchContainer .radio-inline input[type="radio"] {margin-top: 7px;} header .reservas .searchContainer label.search input[type="radio"] {opacity:0; position:relative;} header .reservas .searchContainer label.search .radioDesign {background-image: url(../img/radioButton.png); background-repeat:no-repeat; width: 14px; height:14px; background-size:14px; background-position:left 50%; position:absolute; left:0; top:25%;} header .reservas .searchContainer label.search.active .radioDesign {background-image: url(../img/radioButton_ON.png); background-repeat:no-repeat; width: 14px; height:14px; background-size:14px; background-position:left 50%; position:absolute; left:0; top:25%;} header .reservas .searchContainer .radio label div.titMobile {display:none;} header .reservas .searchContainer .secondLine {width:100%; float:left; margin-top:15px;} header .reservas .searchContainer .secondLine .location {width:28%; float:left; position:relative;} header .reservas .searchContainer .secondLine .location input {color:#6b6b6b; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:16px; height:40px; padding-left:40px; border-radius: 5px; border:0;} header .reservas .searchContainer .secondLine .location .iconDesign {background-image: url(../img/iconLocal.png); background-repeat:no-repeat; position:absolute; left:10px; top:7px; width:22px; height:26px;} header .reservas .searchContainer .secondLine .freeSearch {width:52%; float:left; position:relative; padding-left:12px;} header .reservas .searchContainer .secondLine .freeSearch input {color:#6b6b6b; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:16px; height:40px; border-radius: 5px; border:0;} header .reservas .searchContainer .secondLine .submitSearch {width:20%; float:left; position:relative; padding-left:12px;} header .reservas .searchContainer .secondLine .submitSearch button {background-color:#094556; border-radius:5px; height:40px; border:0; padding-right: 35px; width:100%; color:#ffffff; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; font-size:18px; font-weight:500;} header .reservas .searchContainer .secondLine .submitSearch .iconDesign {background-image: url(../img/iconSearch.png); background-repeat:no-repeat; position:absolute; right:21px; top:9px; width:23px; height:23px;} header .submitSearchMobile {display:none;} header .reservasMore .containerArrow {width:100%; float:left; margin:auto; text-align: center; cursor: pointer;} header .reservasMore .containerArrow h5 {font-family: 'Maven Pro', sans-serif; transition: all 0.5s ease-in-out; font-weight:400; font-size:16px; color:#ffffff; margin:0 auto; padding:10px 0; text-align:center; background-color:#60bbd6; border-radius: 0 0 5px 5px; max-width: 190px; width: 100%;} header .reservasMore .containerArrow .arrow {margin-top: -14px;} header .reservasMore .containerArrow .arrow i {color:#094556; border-radius: 50%; font-size: 30px; padding: 8px 10px 0px; background-color:#60bbd6;} /*rui 2019-12-05 header .reservasMore {position:absolute; right:0; left:0; top:408px; width: 100%; max-width: 1135px; margin: auto; z-index:1;}*/ header .reservasMore {position:absolute; right:0; left:0; top:362px; width: 100%; max-width: 1135px; margin: auto; z-index:1;} header .reservasMore .reservasAdvanced {visibility:hidden; /*transition:visibility 0s, opacity 0.3s linear; opacity:0;*/ transition: all 0.7s ease 0s; margin-top: -56px;} header .reservasMore .reservasAdvanced {float:left; width:100%; padding: 15px; background-color:#60bbd6;} header .reservasMore .reservasAdvanced select {height:28px; margin-right:15px; padding:3px 8px; color:#6b6b6b; border:0; border-radius:0; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:14px; display:inline; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../img/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} header .reservasMore .reservasAdvanced select:last-child {margin-right:0;} header .reservasMore .reservasAdvanced select option {padding:3px 8px;} header .reservasMore .reservasAdvanced .big {width:20.5%;} header .reservasMore .reservasAdvanced .small {width:12.5%; background-position:90% 55%;} header .reservasMore.open .reservasAdvanced {visibility: visible; opacity:1; margin-top: 0;} header .reservasMore.open .containerArrow {transition: all 0.3s ease 0s; position:absolute; bottom:-24px;} header .reservasMore.open .containerArrow .arrow i.fa-angle-down:before {content:"\f106";} header .reservasMore.open .containerArrow h5 {/*display:none; margin-top: -39px;*/ opacity:0; position:absolute; top:0; left:0; right:0; margin:auto;} header .scroll {display:none;} /* HEADER LISTAGEM */ header.listagem .reservasListagem {position:relative; float:left; width: 100%; padding: 20px 40px 15px; background-color:#21a1c6; z-index:2; /*-webkit-box-shadow: 0 3px 3px 0 rgba(44,56,80,0.4); -moz-box-shadow: 0 3px 3px 0 rgba(44,56,80,0.4); box-shadow: 0 3px 3px 0 rgba(44,56,80,0.4);*/} header.listagem .reservasListagem .searchContainer {max-width:1300px; width:100%; margin:auto;} header.listagem .reservasListagem .searchContainer .radio {margin:0 23px 0 0; display:inline-block;} header.listagem .reservasListagem .searchContainer .radio + .radio, header.listagem .reservasListagem .searchContainer .checkbox + .checkbox {margin-top: 0;} header.listagem .reservasListagem .searchContainer .radio label {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-size:15px; padding-left:23px; padding-top: 20px; position: relative;} header.listagem .reservasListagem .searchContainer .radio label.active {font-family: 'Maven Pro', sans-serif; color:#094556; font-size:15px;} header.listagem .reservasListagem .searchContainer .radio label span.iconRest {position: absolute; left:50%; top:0; background-image: url(../img/iconRestaurantes_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px;} header.listagem .reservasListagem .searchContainer .radio label span.iconHotel {position: absolute; left:47%; top:0; background-image: url(../img/iconHotel_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 25px;} header.listagem .reservasListagem .searchContainer .radio label span.iconActiv {position: absolute; left:50%; top:0; background-image: url(../img/iconActiv_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px;} header.listagem .reservasListagem .searchContainer .radio label.active span.iconRest {background-image: url(../img/iconRestaurantesBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px;} header.listagem .reservasListagem .searchContainer .radio label.active span.iconHotel {background-image: url(../img/iconHotelBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 25px;} header.listagem .reservasListagem .searchContainer .radio label.active span.iconActiv {background-image: url(../img/iconActivBlue_search.png); content:""; background-repeat:no-repeat; display: inline-block; height: 19px; width: 15px;} header.listagem .reservasListagem .searchContainer .radio input[type="radio"], header.listagem .reservasListagem .searchContainer .radio-inline input[type="radio"] {margin-top: 7px;} header.listagem .reservasListagem .searchContainer label.search input[type="radio"] {opacity:0; position:relative;} header.listagem .reservasListagem .searchContainer label.search .radioDesign {background-image: url(../img/radioButton.png); background-repeat:no-repeat; width: 14px; height:14px; background-size:14px; background-position:left 50%; position:absolute; left:0; top:60%;} header.listagem .reservasListagem .searchContainer label.search.active .radioDesign {background-image: url(../img/radioButton_ON.png); background-repeat:no-repeat; width: 14px; height:14px; background-size:14px; background-position:left 50%; position:absolute; left:0; top:60%;} header.listagem .reservasListagem .searchContainer .radio label div.titMobile {display:none;} header.listagem .reservasListagem .searchContainer .firstColumn {float:left; width:58%;} header.listagem .reservasListagem .searchContainer .secondColumn {float:left; width:27%;} header.listagem .reservasListagem .searchContainer .thirdColumn {float:left; width:15%;} header.listagem .reservasListagem .searchContainer .firstColumn .location {width:30%; float:left; position:relative;} header.listagem .reservasListagem .searchContainer .firstColumn .location input {color:#6b6b6b; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:16px; height:40px; padding-left:40px; border-radius: 5px; border:0;} header.listagem .reservasListagem .searchContainer .firstColumn .location .iconDesign {background-image: url(../img/iconLocal.png); background-repeat:no-repeat; position:absolute; left:10px; top:7px; width:22px; height:26px;} header.listagem .reservasListagem .searchContainer .firstColumn .freeSearch {width:70%; float:left; position:relative; padding:0 12px;} header.listagem .reservasListagem .searchContainer .firstColumn .freeSearch input {color:#6b6b6b; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:16px; height:40px; border-radius: 5px; border:0;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch {width:100%; float:left; position:relative;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch button {background-color:#094556; border-radius:5px; height:40px; border:0; padding-right: 40px; width:100%; color:#ffffff; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; font-size:18px; font-weight:500;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch .iconDesign {background-image: url(../img/iconSearch.png); background-repeat:no-repeat; position:absolute; right:15px; top:9px; width:23px; height:23px;} header.listagem .reservasListagem .searchContainer .rankingLink {float:right; width: 100%; margin-bottom: 12px; margin-top: -12px; text-align: right;} header.listagem .reservasListagem .searchContainer .rankingLink a {box-shadow: 0 1px 0 0 #ffffff; color: #ffffff; font-family: "Maven Pro",sans-serif; font-size: 14.5px; font-weight: 400; line-height: 21px; text-decoration: none; transition: all 0.3s ease 0s;} header.listagem .reservasListagem .searchContainer .rankingLink a:hover {color:#094556; box-shadow: 0 1px 0 0 #094556;} header.listagem .reservasListagem .searchContainer .secondColumnMobile {display:none;} header.listagem .submitSearchMobile {display:none;} header.listagem .filtersMobile {display:none;} header.listagem .listSearchMobile {display:none;} header.listagem .divSearchMobile {display:none;} header.listagem .searchAgainMobile {display:none;} header.listagem .filters {position:relative; float:left; width: 100%; margin: auto; background-color:#d7d8d8; z-index:1;} header.listagem .filters .filtersAdvanced {padding: 10px 0; max-width:1300px; width:100%; margin:auto;} header.listagem .filters .filtersAdvanced h3 {font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:600; font-size:16px; margin:0; float:left; padding: 5px 15px 0 1px;} header.listagem .filters .filtersAdvanced select {height:28px; margin-right:15px; padding:3px 8px; color:#6b6b6b; border:0; border-radius:0; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:14px; display:inline; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../img/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} header.listagem .filters .filtersAdvanced select:last-child {margin-right:0;} header.listagem .filters .filtersAdvanced select option {padding:3px 8px; color:#124555;} header.listagem .filters .filtersAdvanced select.cor {color:#21a1c6; font-weight:500; background-color: #f1f1f1;} header.listagem .filters .filtersAdvanced select.cor option {font-weight:300; background-color:#ffffff;} header.listagem .filters .filtersAdvanced select option:first-child {color:#cccccc;} header.listagem .filters .filtersAdvanced .big {width:19.5%;} header.listagem .filters .filtersAdvanced .small {width:12%; background-position:90% 55%;} header.listagem form#search.fixed {position:fixed; top:0; left:0; width:100%; z-index:100;} /* HEADER RESULTADO */ header.result form#search .filters {display:none;} header.result form#search .mapaMobile {display:none;} /* SLIDER */ /* IC -> CC comentei .slider {height: 510px; overflow: hidden; width:100%; display: flex; align-items: center; justify-content: center;} */ /*rui 2019-12-05 header .slider {height: 580px; overflow: hidden; width:100%; display: flex; align-items: center; justify-content: center; z-index: -1; position: relative;}*/ header .slider {height: 460px; overflow: hidden; width:100%; display: flex; align-items: center; justify-content: center; z-index: -1; position: relative;} header .slider ul { width: 100%; } header .slider ul img { left: 50%; min-width: 100%; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} header .slider ul .slick-slide { overflow: hidden; } .slidecaption {position: absolute; right: 0; bottom: 0; padding: 15px; min-height: 38px; font-size: 12px; background-color: rgba(255, 255, 255, 0.8); z-index: 50; width: 100%; display:none;} /* HOMEPAGE */ .weekDstk {background-color:#e1e1e1; width:100%; padding:20px 0 25px; float:left;} .weekDstk .containerWeek {width: 100%; max-width: 1135px; margin: auto;} .weekDstk .containerWeek .dstkTit {width:100%; float:left; text-align: center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:700; color:#094556; font-size:24px; letter-spacing:0.6px; margin-bottom:15px;} .weekDstk .containerWeek .dstk {width:31%; height:200px; margin-right:3.5%; float:left; position:relative; overflow:hidden; border-radius:5px;} .weekDstk .containerWeek .dstk:last-child {margin-right:0;} .weekDstk .containerWeek .dstk h1 {height:54px; position:relative; z-index:3; background-color:#21a1c6; color:#ffffff; text-align:center; padding:17px 5px; text-transform:uppercase; margin:0; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:18px;} .weekDstk .containerWeek .dstk a {text-decoration:none;} .weekDstk .containerWeek .dstk h1.big {padding:5px 70px; line-height: 22px;} .weekDstk .containerWeek .dstk img {z-index:1; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height:auto;} .weekDstk .containerWeek .dstk .hoverDstk {background-color:rgba(0,0,0,0.5); -webkit-transition: opacity .30s ease-in-out; -moz-transition: opacity .30s ease-in-out; -ms-transition: opacity .30s ease-in-out; -o-transition: opacity .30s ease-in-out; transition: opacity .30s ease-in-out; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0; opacity:0;} .weekDstk .containerWeek .dstk a:hover .hoverDstk {opacity:1;} .hpDstk {width:100%; padding:20px 0 40px 0; float:left;} .hpDstk .containerHp {width: 100%; max-width: 1135px; margin: auto;} .hpDstk .containerHp .dstkTit {width:100%; float:left; text-align: center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:700; color:#094556; font-size:24px; letter-spacing:0.6px; margin-bottom:15px;} .hpDstk .containerHp .dstkCat {width:31%; margin-right:3.5%; float:left; padding:0; text-align: center;} .hpDstk .containerHp .dstkCat:last-child {margin-right:0;} .hpDstk .containerHp .dstkCat h1 {text-align: center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:700; color:#094556; font-size:24px; letter-spacing:0.6px; margin:0; display:inline-block; position: relative;} .hpDstk .containerHp .dstkCat h1.rest:after {content:""; background-image: url(../img/iconRest_HP.png); background-repeat: no-repeat; width: 20px; height: 29px; display: inline-block; margin-left: 12px;} .hpDstk .containerHp .dstkCat h1.hotel:after {content:""; background-image: url(../img/iconHotel_HP.png); background-repeat: no-repeat; width: 40px; height: 29px; display: inline-block; margin-left: 12px;} .hpDstk .containerHp .dstkCat h1.activ:after {content:""; background-image: url(../img/iconActiv_HP.png); background-repeat: no-repeat; width: 22px; height: 29px; display: inline-block; margin-left: 12px;} .hpDstk .containerHp .dstkCat .dstk {width:100%; height:165px; margin-top: 20px; float:left; position:relative; overflow:hidden; border-radius:5px;} .hpDstk .containerHp .dstkCat .dstk a {text-decoration:none;} .hpDstk .containerHp .dstkCat .dstk img {z-index:1; height:auto; width: 100%; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .hpDstk .containerHp .dstkCat .dstk .hoverDstk {background-color:rgba(35,35,35,0.2); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0;} .hpDstk .containerHp .dstkCat .dstk a:hover .hoverDstk {background-color:rgba(33,161,198,0.8);} .hpDstk .containerHp .dstkCat .dstk h2 {font-family: 'Maven Pro', sans-serif; color: #ffffff; font-size: 20px; line-height: 25px; letter-spacing: 0.3px; height: 100%; font-weight: 400; display: inline-flex; align-items: center; margin: 0; padding: 30px 55px; text-shadow: 0px 1px 5px rgba(29, 29, 29, 0.8);} .hpDstk .containerHp .dstkCat a {float: left; text-decoration:none; width: 100%; margin-top: 10px; padding: 9px; transition: all 0.3s ease 0s; border-radius: 5px; font-family: 'Maven Pro', sans-serif; font-weight:500; border: 0; color: #094556; background-color: #e1e1e1; font-size: 16px; letter-spacing: 0.3px; text-transform: uppercase;} .hpDstk .containerHp .dstkCat a:hover {background-color: #05232b; color: #ffffff;} .parcerias {background-color:#e1e1e1; width:100%; padding:30px 0 45px; float:left;} /*.parcerias .containerPar {width: 100%; max-width: 1135px; margin: auto;}*/ .parcerias .containerPar {width: 100%; max-width: 1135px; margin: auto; text-align:center;} /*.parcerias .containerPar .dstk {width:31%; height:189px; margin-right:3.5%; float:left; position:relative; overflow:hidden; border-radius:5px; background-color: #ffffff;}*/ .parcerias .containerPar .dstk {width:17.2%; height:195px; margin:5px 15px; /*float:left;*/ display:inline-block; position:relative; overflow:hidden; border-radius:50%; background-color: #ffffff; transition: all 0.3s ease 0s;} .parcerias .containerPar .dstk:hover {box-shadow:0 0 11px 0 rgba(102,102,102,0.3);} /*.parcerias .containerPar .dstk img {z-index:1; min-height:100%; height: auto; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%;}*/ .parcerias .containerPar .dstk img {z-index:1; height: auto; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); max-width: 120%;} /*.parcerias .containerPar .dstk:before {content:"Parceria"; position: absolute; top:8px; left:12px; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:11px; font-weight: 400; z-index: 2;}*/ .parcerias .containerPar .dstk:before {content:attr(data-before); position: absolute; top:8px; left:0; right:0; text-align:center; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:11px; font-weight: 400; z-index: 2;} .parcerias .containerPar .dstk:last-child {margin-right:0;} .parcerias .containerPar .dstk.rank:before {content:"";} .parcerias .containerPar .dstk.rank {background-color:#21a1c6; transition: all 0.3s ease 0s;} /*.parcerias .containerPar .dstk.rank:hover {background-color:#094556;}*/ .parcerias .containerPar .dstk.rank:hover {box-shadow:0 0 11px 0 rgba(102,102,102,0.3);} .parcerias .slick-dots {bottom: -40px;} .parcerias .slick-dots li {margin: 0;} .parcerias .slick-dots li button::before {font-size:25px; color:#094556;} .parcerias .slick-track {margin:auto;} /*.parcerias .slick-dots li.slick-active button {color:#21a1c6;}*/ .pubHP {width:100%; padding:30px 0; float:left;} .pubHP .containerPUB {width: 100%; max-width: 1135px; margin: auto;} /* LISTAGEM */ .listagemList {float:left; width:100%; background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%);} .listagemList .containerList {width:100%; max-width:1300px; margin:auto; background: linear-gradient(90deg, #ffffff 990px, #f7f7f7 310px); display:flex; position: relative;} .listagemList .containerList .results {width:990px; float:left; padding:10px 10px 0 0; box-shadow:6px 0 6px rgba(41, 41, 41, 0.2); z-index:4; position:relative;} .listagemList .containerList .results .barResults {background-color:#60bbd6; padding:5px 10px; width:100%; margin-bottom:10px; float:left; border-radius:3px;} .listagemList .containerList .results .barResults .form-group {float:left; width:50%; margin-bottom:0;} .listagemList .containerList .results .barResults .form-group span {font-family: 'Dosis', sans-serif; font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; float:left; padding:1px 10px 0 0;} .listagemList .containerList .results .barResults .form-group select {float:left; max-width:275px; height: 22px; padding: 0 2px; border:0; border-radius:0; font-family: 'Maven Pro', sans-serif; color:#6b6b6b; font-size:12px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../img/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} .listagemList .containerList .results .barResults .numberResult {float:left; text-align:right; width:50%; font-family: 'Maven Pro', sans-serif; color:#ffffff; font-size:14px;} body.fixo .listagemList {/*margin-top:126px;*/ margin-top:100px;} body.fixo .listagemList.scrollList {margin-top:145px;} .listagemList .containerList .results .rankingTxt {float:left; width:100%; margin-bottom:25px;} .listagemList .containerList .results .rankingTxt h1 {color: #094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 25px; text-transform: uppercase;} .listagemList .containerList .results .rankingTxt p, .listagemList .containerList .results .rankingTxt {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 14px; padding-right: 30px;} .listagemList .containerList .results .rankingTxt ul {font-family: "Maven Pro",sans-serif; font-size: 14px; padding-left: 40px; color:#21a1c6;} .listagemList .containerList .results .rankingTxt a {color:#21a1c6; transition: all 0.3s ease 0s;} .listagemList .containerList .results .rankingTxt a:hover {color: #094556; } .listagemList .containerList .results .rankingTxt .mapaMobileRanking {display:none;} .listagemList .containerList .results .rankingTxt .img-ranking {background-color:#dedede; height:200px; float:left; width:100%; margin:0 0 30px; overflow:hidden; position:relative;} .listagemList .containerList .results .rankingTxt .img-ranking img {height: auto; left: 50%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} /*.listagemList .containerList .results.ranking .map .containerMap.fixed {position:relative; max-width:480px; top: inherit; transition: all 1s ease 0s;} .listagemList .containerList .results.ranking .map {height:auto;}*/ .listagemList .containerList .results.ranking .map {transition: all 1s ease 0s; height:94%;} .listagemList .containerList .results.ranking .map .containerMap.fixed {} .listagemList .containerList .results.ranking .map .containerMap.bottomFixed {/*bottom:350px;*/ width:480px;} .listagemList .containerList .results.ranking .map.closed .containerMap.bottomFixed {width:29px;} .listagemList .containerList .results.ranking.mapOpen .map .containerMap.fixed {width: 970px;} .listagemList .containerList .results.ranking.mapClosed .map .containerMap.fixed {width: 29px;} /* MAPA */ .listagemList .containerList .results .map {padding:0 10px 0 0; float:left; width:50%; height:100%; transition: all 1s ease 0s; position:relative;} /*ThisFunctional*/ .listagemList .containerList .results .map.closed {width:39px;} .listagemList .containerList .results.no_map .map.closed {display: none;} .listagemList .containerList .results .map .containerMap {background-color:#dedede; overflow:hidden; height:calc(100vh - 135px); position:relative;} .listagemList .containerList .results .map .containerMap .arrowMap {position:absolute; z-index:1; top:0; right:0; background-color:rgba(255,255,255,0.5); height:100%;} .listagemList .containerList .results .map .containerMap .arrowMap span {display:block; background-color: rgba(255, 255, 255, 0.5); padding: 8px 0; text-align:center; width:29px;} .listagemList .containerList .results .map .containerMap .arrowMap span.abrir {margin-top:3px;} .listagemList .containerList .results .map .containerMap .arrowMap span:hover {background-color: rgba(255, 255, 255, 0.9);} .listagemList .containerList .results .map .containerMap.fixed {position:fixed; width:480px; top:155px; height:calc(100vh - 145px); transition: all 1s ease 0s;} .listagemList .containerList .results .map .containerMap.bottomFixed {position:absolute; height:calc(100vh - 145px); bottom:50px; /*max-width:98%; max-width:480px;*/ width:480px;} .listagemList .containerList .results .map.closed .containerMap.bottomFixed {width:29px;} .listagemList .containerList .results .map #mapresults {width: 100% !important; height: 100% !important; background-color: #e5e3df; overflow: hidden;} .listagemList .containerList .results .map.open {width:100%; height: 100%;} .listagemList .containerList .results.ranking .map.open .containerMap.bottomFixed {width:970px; /*bottom: 350px; height: calc(100vh - 145px);*/ position: absolute;} .listagemList .containerList .results .map.open .containerMap.bottomFixed {bottom: 50px; width:970px; height: calc(100vh - 145px); position: absolute;} .listagemList .containerList .results.mapOpen .listResults {height:0; overflow:hidden;} /* MAPA RANKING */ .listagemList .containerList .results.ranking .map .containerMap.fixed {height: calc(100vh - 160px);} .listagemList .containerList .results.ranking .map .containerMap.bottomFixed {bottom: 140px;} .listagemList .containerList .results.ranking .map.open .containerMap.bottomFixed {bottom: 225px; height: calc(100vh - 200px);} /* RESULTADOS */ .listagemList .containerList .results .listResults {float:right; width:50%; opacity:1; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;} .listagemList .containerList .results .listResults .containerResults .resultUno {height:110px; width:100%; border-bottom:3px solid #e1e1e1;} .listagemList .containerList .results .listResults .containerResults .resultUno .img {float:left; height:107px; width:152px; overflow:hidden; position:relative;} .listagemList .containerList .results .listResults .containerResults .resultUno .img .fav {position:absolute; top:0; left:0; z-index:1; padding: 2px 0 0 5px; color:#ffffff; font-size:20px; background-image: url(../img/bkgFav.png); background-repeat:no-repeat; width:78px; height:71px;} .listagemList .containerList .results .listResults .containerResults .resultUno .img .discount {position:absolute; top:0; right:7px; z-index:1; padding: 3px; text-align:center; color:#ffffff; font-size:14px; font-family: 'Maven Pro', sans-serif; background-color:#ff6600; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); height:28px; width:43px;} .listagemList .containerList .results .listResults .containerResults .resultUno .img .discount .best-deal-list {width:100%; background-size:24px 24px; top:0; height:100%; position:absolute; background-image:url(../img/best-deal33px.png); background-repeat:no-repeat; background-position:center center; left:0;} .listagemList .containerList .results .listResults .containerResults .resultUno .img img {height: 100%; min-width: 100%; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .results .listResults .containerResults a .resultUno {transition: all 0.3s ease 0s; background-color:#ffffff;} .listagemList .containerList .results .listResults .containerResults a .resultUno.promo {background-color:#ffefe5;} .listagemList .containerList .results .listResults .containerResults a:hover .resultUno {background-color:#ebebeb;} .listagemList .containerList .results .listResults .containerResults a:hover .resultUno.promo {background-color:#ffe8d9;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt {float:left; width:275px; padding:5px 12px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h1 {font-family: 'Maven Pro', sans-serif; color:#094556; font-size:15px; text-transform:uppercase; font-weight:600; margin:5px 0 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h3 {font-family: 'Maven Pro', sans-serif; font-size:14px; color:#6b6b6b; font-weight:400; margin:0; margin: 3px 0 0; display:inline-block;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h3.type {padding-left:15px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt p {font-family: 'Maven Pro', sans-serif; font-size:12px; color:#6b6b6b; font-weight:400; margin: 2px 0 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank {float:right; padding:10px 10px 10px 0; max-width: 55px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .place {width:45px; height:27px; border-radius:5px 5px 0 0; background-color:#60bbd6; padding: 1px 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .place h2 {font-family: 'Maven Pro', sans-serif; font-size:20px; font-weight:400; color:#ffffff; padding-left: 3px; margin:0; text-align: center;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .of {background-color:#f7f7f7; border-radius:0 0 5px 5px; text-align:center; float: left; width:100%;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .of span {font-family: 'Maven Pro', sans-serif; font-size:11px; color: #094556; float:left; width:100%;} .listagemList .containerList .results .listResults .containerResults .resultUno .report {float:left; width:100%; text-align:center; margin-top:15px;} .listagemList .containerList .results .listResults .containerResults .resultUno button {display:none;} .listagemList .containerList .results .listResults .containerResults .labelSPreco {background-color:#60bbd6;} .listagemList .containerList .results .listResults .containerResults .labelSPreco .resultUno {background-color:#60bbd6; padding:5px 10px; width:100%; margin-bottom:10px; height: 30px; border-radius:3px;} .listagemList .containerList .results .listResults .containerResults .labelSPreco .resultUno span {font-family: 'Dosis', sans-serif; font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; float:left; padding:1px 10px 0 0;} .listagemList .containerList .results .listResults .containerResults .viewMore {float:left; margin:20px 0; text-align: center; width:100%; cursor:pointer;} .listagemList .containerList .results .listResults .containerResults .viewMore .icon {display: block; color:#a9a9a9; transition: all 0.3s ease 0s; margin: -4px auto 0; font-size:21px; width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content;} .listagemList .containerList .results .listResults .containerResults .viewMore button {font-family: 'Dosis', sans-serif; transition: all 0.3s ease 0s; padding: 0 10px; text-transform:uppercase; color:#a9a9a9; font-size:16px; border:0; background-color:transparent; font-weight: 500;} .listagemList .containerList .results .listResults .containerResults .viewMore:hover button {color:#094556;} .listagemList .containerList .results .listResults .containerResults .viewMore:hover .icon {color:#094556;} .listagemList .containerList .results .map .containerMap { transition: all 1s ease 0s;} /*Thisfunctional*/ .listagemList .containerList .results.mapClosed .listResults {float:right; width: calc(100% - 39px);} .listagemList .containerList .results.no_map.mapClosed .listResults {width: 100%;} .listagemList .containerList .results.mapClosed .map .containerMap.fixed {width:29px;} .listagemList .containerList .results.mapClosed .containerResults .resultUno {width:50%; float:left;} .listagemList .containerList .results.mapClosed .listResults .containerResults .resultUno .txt {width: 262px;} .listagemList .containerList .results.mapClosed .map.closed .arrowMap span.abrir {display:none;} .listagemList .containerList .results.mapClosed .map.closed .arrowMap span.fechar img {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .listagemList .containerList .results.mapOpen .map.open .arrowMap span.fechar {display:none;} .listagemList .containerList .results.mapOpen .map.open .arrowMap span.abrir {margin-top:0;} .listagemList .containerList .results.mapOpen .map.open .arrowMap span.abrir img {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .listagemList .containerList .results.mapOpen .listResults {opacity:0; visibility:hidden;} .listagemList .containerList .results.mapOpen .map .containerMap.fixed {/*max-width: 970px;*/ width: 970px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile {display:none;} .ui-tooltip.ui-widget {background:#ffffff; border:2px solid #094556 !important; padding:3px 10px !important; border-radius:5px; font-family:'Maven Pro', sans-serif !important; font-size:13px !important;} /* MAPA - PONTOS */ #overlay {position: absolute; border:0; padding:0; width:200px; z-index:1000;} #overlay #close {position: absolute; top:5px; right:5px; color:#ffffff; text-decoration:none; font-family: 'Maven Pro', sans-serif; font-weight:600; font-size:12px; z-index:2; display:none;} #overlay .thumb {position:absolute; left:0; right:0; top:-76px; margin: auto auto; background-image:url(../img/mapaThumb.png); width:66px; height:78px; overflow:hidden;} #overlay .thumb .thumbContainer {width:52px; height:52px; margin: 6px 7px;} #overlay .thumb .thumbContainer img {width:100%; height:100%; border-radius: 50%;} #overlay .mapThumb {padding:10px; position: relative; float:left; width:100%; background-color:rgba(33,161,198,0.8); margin-top: 5px; border-radius:5px;} #overlay a.mapThumb {text-decoration:none;} #overlay .mapThumb h4.title {float:left; max-width: 70%; font-family: 'Maven Pro', sans-serif; font-size:14px; font-weight:500; color:#094556; margin-top:0;} #overlay .mapThumb .ranking {float:right; max-width:30%; background-color:#094556; padding:1px 5px; /*margin-top: 10px;*/ border-radius:3px; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlay .mapThumb .morada {float:left; width:100%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlay .mapThumb .preco {float:left; width:100%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlay.promo .thumb {background-image:url(../img/mapaThumb_promo.png);} #overlay.promo .mapThumb {background-color:rgba(255,102,0,0.9);} #overlay.promo .mapThumb h4.title {color:#6f2c00;} #overlay.promo .mapThumb .ranking {background-color:#6f2c00;} #overlayMobile {position: absolute; border:0; background-color:rgba(33,161,198,0.8); padding:0; width:200px; z-index:1000; margin-top: 5px; border-radius:5px;} #overlayMobile #close {position: absolute; top:0; right:5px; color:#ffffff; text-decoration:none; font-family: 'Maven Pro', sans-serif; font-weight:600; font-size:12px; z-index:2; display:none;} #overlayMobile .thumb {position:absolute; left:0; right:0; top:-81px; margin: auto auto; background-image:url(../img/mapaThumb.png); width:66px; height:78px; overflow:hidden;} #overlayMobile .thumb .thumbContainer {width:52px; height:52px; margin: 6px 7px;} #overlayMobile .thumb .thumbContainer img {width:100%; height:100%; border-radius: 50%; } #overlayMobile .mapThumb {padding:10px; position: relative; float:left; width:100%;} #overlayMobile a.mapThumb {text-decoration:none;} #overlayMobile .mapThumb h4.title {float:left; max-width: 70%; font-family: 'Maven Pro', sans-serif; font-size:14px; font-weight:500; color:#094556; margin-top:0;} #overlayMobile .mapThumb .ranking {float:right; max-width:30%; background-color:#094556; padding:1px 5px; /*margin-top: 10px;*/ border-radius:3px; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlayMobile .mapThumb .morada {float:left; width:100%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlayMobile .mapThumb .preco {float:left; width:100%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#ffffff;} #overlayMobile.promo {background-color:rgba(255,102,0,0.9);} #overlayMobile.promo .thumb {background-image:url(../img/mapaThumb_promo.png);} #overlayMobile.promo .mapThumb h4.title {color:#6f2c00;} #overlayMobile.promo .mapThumb .ranking {background-color:#6f2c00;} /*.mapThumb div.thumb {float:left; width:45%;} .mapThumb div.thumb img {max-width:80px; height:auto; border-radius:50%;} .mapThumb h4.title {float:left; width:55%; font-family: 'Maven Pro', sans-serif; font-size:14px; font-weight:500; color:#094556; margin-top:5px;}*/ /* FAVORITOS */ .listagemList .containerList .results.mapClosed .listResults.favoritos {float:right; width: 100%;} .listagemList .containerList .results.fav h1 {color: #094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 20px; text-transform: uppercase;} .listagemList .containerList .results.fav .listResults .containerResults .resultUno .txt {width: 285px;} .listagemList .containerList .results.fav .listResults .containerResults .resultUno {position:relative;} .listagemList .containerList .results.fav .listResults .containerResults .resultUno .rank {position:absolute; bottom:5px; right:5px;} /* DOSSIER LISTAGEM - VER TODOS */ .listagemList.dossier .containerList .dossier .listDossier a{ position: relative; } .no_padding .ver_mais{ margin-right: -5px; } .listagemList.dossier .containerList .dossier .listDossier a:hover .resultUno{ background-color: #ebebeb; } .listagemList.dossier .containerList .dossier .listDossier .resultUno{ transition: all 0.3s ease 0s; background-color: #ffffff; width: 50%; float: left; height: 110px; border-bottom: 3px solid #e1e1e1; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .img{ height: 107px; width: 152px; overflow: hidden; position: relative; float: left; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .img img{ height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt{ /*float: left; width: 262px; padding: 5px 12px;*/ padding-left:7px; display:block; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt h1 { font-family: 'Maven Pro', sans-serif; color: #094556; font-size: 15px; text-transform: uppercase; font-weight: 600; margin: 5px 0 0; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt h3 { font-family: 'Maven Pro', sans-serif; font-size: 14px; color: #6b6b6b; font-weight: 400; margin: 0; margin: 3px 0 0; display: inline-block; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt h3.type { padding-left: 15px; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt p { font-family: 'Maven Pro', sans-serif; font-size: 12px; color: #6b6b6b; font-weight: 400; margin: 2px 0 0; } .listagemList.dossier .containerList .dossier .listDossier a .resultUno .txt p { font-family: 'Maven Pro', sans-serif; font-size: 12px; color: #6b6b6b; font-weight: 400; margin: 2px 0 0; } .listagemList .containerList .content-dossier {width: 990px;float: left;padding: 10px 10px 0 0;z-index: 4;position: relative;} .listagemList .containerList .dossier {width:100%; float:left; padding:10px 10px 0 0; z-index:4; position:relative;} .listagemList .containerList .dossier .dstkCat {float:left; text-align: center; width:100%;} .listagemList .containerList .dossier .dstkCat h1 {text-align: center; font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:700; color:#094556; font-size:24px; letter-spacing:0.6px; margin:5px 0 5px -20px; display:inline-block; position: relative;} .listagemList .containerList .dossier .dstkCat h1.rest:after {content:""; background-image: url(../img/iconRest_HP.png); background-repeat: no-repeat; width: 20px; height: 29px; display: inline-block; margin-left: 12px;} .listagemList .containerList .dossier .dstkCat h1.hotel:after {content:""; background-image: url(../img/iconHotel_HP.png); background-repeat: no-repeat; width: 40px; height: 29px; display: inline-block; margin-left: 12px;} .listagemList .containerList .dossier .dstkCat h1.activ:after {content:""; background-image: url(../img/iconActiv_HP.png); background-repeat: no-repeat; width: 22px; height: 29px; display: inline-block; margin-left: 12px;} .listagemList .containerList .dossier .dstkCat .destaques {float:left; width:100%; padding-right: 20px;} .listagemList .containerList .dossier .dstkCat .destaques .column {float:left; width:31%; margin-right:3.5%;} .listagemList .containerList .dossier .dstkCat .destaques .column h3 {color: #21a1c6; font-family: "Dosis",sans-serif; font-size: 17px; font-weight: 600; margin-bottom:10px; text-transform:uppercase; text-align:center;} .listagemList .containerList .dossier .dstkCat .destaques .column:last-child {margin-right:0;} .listagemList .containerList .dossier .dstkCat .destaques .column .dstk {width:100%; height:155px; margin-bottom: 20px; float:left; position:relative; overflow:hidden; border-radius:5px;} .listagemList .containerList .dossier .dstkCat .destaques .dstk a {text-decoration:none;} .listagemList .containerList .dossier .dstkCat .destaques .dstk img {z-index:1; height:auto; width: 100%; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .dossier .dstkCat .destaques .dstk .hoverDstk {background-color:rgba(35,35,35,0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0;} .listagemList .containerList .dossier .dstkCat .destaques .dstk a:hover .hoverDstk {background-color:rgba(33,161,198,0.8);} .listagemList .containerList .dossier .dstkCat .destaques .dstk h2 {font-family: 'Maven Pro', sans-serif; color: #ffffff; font-size: 20px; line-height: 25px; letter-spacing: 0.3px; height: 100%; font-weight: 400; display: inline-flex; align-items: center; margin: 0; padding: 30px 55px; text-shadow: 0px 1px 5px rgba(29, 29, 29, 0.8);} .listagemList .containerList .dossier .dstkCat .viewMore {float:left; margin:20px 0; text-align: center; width:100%; cursor:pointer;} .listagemList .containerList .dossier .dstkCat .viewMore .icon {display: block; color:#a9a9a9; transition: all 0.3s ease 0s; margin: -4px auto 0; font-size:21px; width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content;} .listagemList .containerList .dossier .dstkCat .viewMore button {font-family: 'Dosis', sans-serif; transition: all 0.3s ease 0s; padding: 0 10px; text-transform:uppercase; color:#a9a9a9; font-size:16px; border:0; background-color:transparent; font-weight: 500;} .listagemList .containerList .dossier .dstkCat .viewMore:hover button {color:#094556;} .listagemList .containerList .dossier .dstkCat .viewMore:hover .icon {color:#094556;} /* DOSSIER LISTAGEM */ .listagemList .containerList .dossier .barResults {background-color:#60bbd6; padding:5px 10px; width:100%; margin-bottom:10px; float:left; border-radius:3px;} .listagemList .containerList .dossier .barResults .numberResult {float:left; text-align:right; width:100%; font-family: 'Maven Pro', sans-serif; color:#ffffff; font-size:14px;} .listagemList .containerList .dossier .mapDossier {padding:0 10px 0 0; float:left; width:50%; height:100%; transition: all 1s ease 0s; position:relative; max-width:480px;} body.fixo .listagemList .containerList .dossier .mapDossier {position:fixed; top:105px; width:480px; height:100%;} .listagemList .containerList .dossier .mapDossier .containerMap {height: calc(100vh - 95px); overflow: hidden; position: relative;} .listagemList .containerList .dossier .mapDossier .containerMap.fixed {position: fixed; height: calc(100vh - 100px); max-width: 480px; top:93px;} /*.listagemList .containerList .dossier .mapDossier .containerMap img {height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%);}*/ .listagemList .containerList .dossier .listDossier {float:left; width:100%; margin-bottom: 20px;} .listagemList .containerList .dossier .listDossier .result {position:relative;float: left; cursor:pointer; width:100%; margin-bottom: 20px; background-color: #ffffff; transition: all 0.3s ease 0s;} .listagemList .containerList .dossier .listDossier .result:hover {background-color: #ebebeb;} .listagemList .containerList .dossier .listDossier .result h1 {color: #094556; line-height:18px; margin:10px 0 10px 2px; padding:5px 0; font-family: "Maven Pro",sans-serif; font-size: 15px; transition: all 1s ease 0s; font-weight: 600; text-transform:uppercase;} /*.listagemList .containerList .dossier .listDossier .result:hover h1 {color:#21a1c6;}*/ .listagemList .containerList .dossier .listDossier .result.dstk {cursor:text;} .listagemList .containerList .dossier .listDossier .result.dstk h1 {font-size:19px;} .listagemList .containerList .dossier .listDossier .result.dstk:hover {background-color:#ffffff;} .listagemList .containerList .dossier .listDossier .result.dstk .img {width: calc(50% - 25px); height: 230px; float: left; position:relative; overflow: hidden;} .listagemList .containerList .dossier .listDossier .result.dstk .img img {height:auto; left: 50%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .dossier .listDossier .result.dstk .img::after{content: '';position: absolute;top: 0;right: 0;background-color:#00bef3;height: 100%;width: 5px;} .listagemList.dossier .containerList{display: block;} .listagemList.dossier .containerList .results.mapClosed .listResults{width: 100%;} .listagemList.dossier .containerList .results{box-shadow: none !important;} /*New Css Dossiers .listagemList .containerList .dossier .resultListDossier{position: relative;float: left;width: 100%;} .listagemList .containerList .dossier .resultListDossier a .resultUno {float: left;transition: all 0.3s ease 0s;background-color: #ffffff;width: 50%;} .listagemList .containerList .dossier .resultListDossier a .resultUno .img{float: left;height: 107px;width: 152px;overflow: hidden;position: relative;} .listagemList .containerList .dossier .resultListDossier a .resultUno .img .fav {position: absolute;top: 0;left: 0;z-index: 1;padding: 2px 0 0 5px;color: #ffffff;font-size: 20px;background-image: url(../img/bkgFav.png);background-repeat: no-repeat;width: 78px;height: 71px;} .listagemList .containerList .dossier .resultListDossier a .resultUno .img img {height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .dossier .resultListDossier a .resultUno .txt {float: left;width: 262px;padding: 5px 12px;} .listagemList .containerList .dossier .resultListDossier a .resultUno .txt h1 {font-family: 'Maven Pro', sans-serif;color: #094556;font-size: 15px;text-transform: uppercase;font-weight: 600;margin: 5px 0 0;} */ .listagemList .containerList .dossier .listDossier .result.dstk .txt {position: absolute;right: 0;bottom: 0;padding: 12px 1px; width: 50%;} .listagemList .containerList .dossier .listDossier .result.dstk .txt h1 {margin:0; padding:0;} .listagemList .containerList .dossier .listDossier .result.dstk:hover .txt h1 {color:#094556;} .listagemList .containerList .dossier .listDossier .result.dstk .txt h3 {color: #21a1c6; display: inline-block; font-family: "Maven Pro",sans-serif; font-size: 16px; font-weight: 400; margin: 10px 0 0;} .listagemList .containerList .dossier .listDossier .result.dstk .txt p {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 13px; font-weight: 400; margin: 10px 0 0;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .sign_date {float:left; width:65%;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .sign_date span {color: #6b6b6b; margin-bottom:0; opacity:0.6; margin-top:10px; font-family: "Maven Pro",sans-serif; font-size: 12px; font-weight: 400; font-style:italic; float:left;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .sign_date span:nth-child(2) {margin-left:5px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .sign_date span:nth-child(2):before {content:'|'; padding-right:5px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt ul.share {float:right; width:34%; margin-bottom:0; text-align:right; margin-top:6px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt ul.share li {list-style:none; display:inline; padding: 0 3px; font-size:15px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt ul.share li a {color: #21a1c6; transition: all 0.3s ease 0s;} .listagemList .containerList .dossier .listDossier .result.dstk .txt ul.share li a:hover {color:#094556;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .mapaMobileDossiers {display:none;} .listagemList .containerList .dossier .viewMore {float:left; margin:20px 0; text-align: center; width:100%; cursor:pointer;} .listagemList .containerList .dossier .viewMore .icon {display: block; color:#a9a9a9; transition: all 0.3s ease 0s; margin: -4px auto 0; font-size:21px; width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content;} .listagemList .containerList .dossier .viewMore button {font-family: 'Dosis', sans-serif; transition: all 0.3s ease 0s; padding: 0 10px; text-transform:uppercase; color:#a9a9a9; font-size:16px; border:0; background-color:transparent; font-weight: 500;} .listagemList .containerList .dossier .viewMore:hover button {color:#094556;} .listagemList .containerList .dossier .viewMore:hover .icon {color:#094556;} /* RESULTADO - UNO */ .resultado {float:left; width:100%; background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%);} .resultado .resultContainer {width:100%; max-width:1300px; margin:auto; background: linear-gradient(90deg, #ffffff 990px, #f7f7f7 310px); display:flex;} .resultado .resultContainer .results {width:990px; float:left; padding:10px 0 0; box-shadow:6px 0 6px rgba(41, 41, 41, 0.2); z-index:4; position:relative;} .resultado .resultContainer .results .breadcrumbs {float:left; width:100%; max-width:88%;} .resultado .resultContainer .results .breadcrumbs ul {list-style:none;} .resultado .resultContainer .results .breadcrumbs ul li {display:inline-block; font-family: 'Maven Pro', sans-serif; font-size:16px; font-weight:400;} .resultado .resultContainer .results .breadcrumbs ul li a {color:#094556; padding: 0 0 2px; box-shadow: 0 1px 0 rgba(9, 69, 86, 1); text-decoration:none; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .breadcrumbs ul li a:hover {color:#21a1c6; box-shadow: 0 1px 0 rgba(33, 161, 198, 1);} .resultado .resultContainer .results .breadcrumbs ul li:after {content:">"; font-family: 'Maven Pro', sans-serif; font-size:16px; font-weight:400; color:#094556; padding:0 10px;} .resultado .resultContainer .results .breadcrumbs ul li:last-child:after {content:""; padding:0;} .resultado .resultContainer .results .title {float:left; width:100%; margin-top:7px;} .resultado .resultContainer .results .title h1 {color:#21a1c6; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; font-size: 35px; letter-spacing: -0.5px; float:left; margin:0; max-width: 79%;} .resultado .resultContainer .results .title a.fav {float:left; padding-top:8px; margin-left:10px; font-size:20px; color:#21a1c6;} .resultado .resultContainer .results .title .ranking {float:right; width:70px; margin-right: 20px;} .resultado .resultContainer .results .title .ranking .place {width:100%; background-color:#21a1c6; padding:3px; text-align:center; border-radius: 5px 5px 0 0; margin-top: -35px;} .resultado .resultContainer .results .title .ranking .place h2 {font-family: 'Maven Pro', sans-serif; margin:0; font-size:21px; font-weight:500; color:#ffffff;} .resultado .resultContainer .results .title .ranking .of {width:100%; background-color:#f7f7f7; padding:2px; text-align:center; border-radius: 0 0 5px 5px;} .resultado .resultContainer .results .title .ranking .of span {font-family: 'Maven Pro', sans-serif; font-size:13px; color:#094556;} .resultado .resultContainer .results .title .ranking a {float:right; border:0; background-color:transparent; height:auto; padding:7px 0 0; font-family: 'Maven Pro', sans-serif; font-size:10px; text-transform:uppercase; width:100%; color:#21a1c6; text-decoration:underline; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .title .ranking a:hover {color:#094556;} .resultado .resultContainer .results .title .ranking .report {display:none;} .resultado .resultContainer .results .title .rankingMobile {display:none;} .resultado .resultContainer .results .title .mapButtonMobile {display:none;} .resultado .resultContainer .results .mapaResMobile {display:none;} .resultado .resultContainer .results .sliderUno {float:left; width:100%; height:300px; /*background-color:#dedede;*/ margin-top:10px; overflow:hidden; position:relative;} .resultado .resultContainer .results .sliderUno .favMobile {display:none;} .resultado .resultContainer .results .sliderUno img {height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .resultado .resultContainer .results .sliderUno a:before {position:absolute; content:''; top:0; left:0; background-color:rgba(18,69,85,0); z-index:2; height:100%; width:100%; transition: all 0.3s ease 0s; mix-blend-mode: multiply; cursor:pointer;} .resultado .resultContainer .results .sliderUno a:hover:before {background-color:rgba(18,69,85,0.5);} .resultado .resultContainer .results .slider { top:10px; margin-bottom:10px; position:relative; float:left; width:100%;} .resultado .resultContainer .results .slider { display: none !important; } .resultado .resultContainer .results .slider .favMobile {display:none;} .resultado .resultContainer .results .slider.slick-initialized { display: block !important; } .resultado .resultContainer .results .slider.slick-initialized .slick-slide {margin:0 5px; position:relative;} .resultado .resultContainer .results .slider.slick-initialized .slick-slide:before {position:absolute; content:''; top:0; left:0; background-color:rgba(18,69,85,0); height:100%; width:100%; transition: all 0.3s ease 0s; mix-blend-mode: multiply; cursor:pointer;} .resultado .resultContainer .results .slider.slick-initialized .slick-slide:hover:before {background-color:rgba(18,69,85,0.5);} .resultado .resultContainer .results .slider .slick-prev, .resultado .resultContainer .results .slider .slick-next {position:absolute; z-index:2; top:50%; padding: 25px 20px; background-color:rgba(255,255,255,0.75); transition: all 0.3s ease 0s; } .resultado .resultContainer .results .slider .slick-prev {left:0;} .resultado .resultContainer .results .slider .slick-next {right:0;} .resultado .resultContainer .results .slider .slick-prev:hover, .resultado .resultContainer .results .slider .slick-next:hover {background-color:rgba(255,255,255,0.9);} .resultado .resultContainer .results .slider .slick-prev:before, .resultado .resultContainer .results .slider .slick-next:before {font-family: FontAwesome; color:#094556; font-size:35px; transition: all 0.3s ease 0s; } .resultado .resultContainer .results .slider .slick-prev:before {content:"\f104"; position:absolute; left: 15px; top: 8px;} .resultado .resultContainer .results .slider .slick-next:before {content:"\f105"; position:absolute; right:15px; top:8px;} .resultado .resultContainer .results .slider .slick-slide img {max-height:300px;} .resultado .resultContainer .results .tabsResult {float:left; width:100%; margin-top:25px; position:relative; padding-right: 20px;} .resultado .resultContainer .results .tabsResult ul.nav-tabs {border-bottom: 1px solid #094556;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li {margin-bottom:0;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li a {padding: 4px 25px; margin-right: 7px; transition: all 0.3s ease 0s; background-color:#ebebeb; border-color:transparent; color:#6b6b6b; font-family: 'Maven Pro', sans-serif; font-weight:500; font-size:14px; text-transform:uppercase;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li.active a {background-color:#094556; color:#ffffff;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li a:hover, .resultado .resultContainer .results .tabsResult ul.nav-tabs li a:active {background-color:#094556; color:#ffffff;} .resultado .resultContainer .results .tabsResult .social {position:absolute; top:0; right:22px;} .resultado .resultContainer .results .tabsResult .social ul {list-style:none; margin-bottom: 0;} .resultado .resultContainer .results .tabsResult .social ul li {display:inline-block; font-size: 18px; padding-left: 10px;} .resultado .resultContainer .results .tabsResult .social ul li a {color:#21a1c6; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .tabsResult .social ul li a:hover {color:#094556;} .resultado .resultContainer .results .tabsResult .tab-content {padding: 10px 5px 10px 0; color:#6b6b6b; font-size:14px; font-family: 'Maven Pro', sans-serif; border-bottom: 1px solid #094556; max-height: 200px; overflow: hidden;} .resultado .resultContainer .results .tabsResult .tab-content.open {max-height:100%;} .resultado .resultContainer .results .tabsResult .tab-content strong {font-weight:600;} .resultado .resultContainer .results .tabsResult .avaliar {float:left; width:100%; margin: 10px 0; font-family: "Maven Pro",sans-serif; font-size:15px; color: #21a1c6; font-weight:500;} .resultado .resultContainer .results .tabsResult .avaliar h5 {display:inline; font-size:15px; cursor:pointer;} .resultado .resultContainer .results .tabsResult .avaliar span {margin-right:7px;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm {opacity:0; height:0; transition: all 0.3s ease 0s; background-color:#ebebeb;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm.open {opacity:1; height:auto; font-size:13px; max-width:100%; margin-top:10px; padding:20px;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm form {max-width: 55%; margin:auto;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm input {border-radius:0; padding:3px 5px; font-weight:300; color:#6b6b6b; height:auto; border:0;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm textarea {border-radius:0; padding:3px 5px; font-weight:300; color:#6b6b6b; border:0;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm .form-control:focus {box-shadow:none; border-color:#6b6b6b;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm .form-control-file {display: inline-block !important;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm label {font-size:12px; font-weight:300; margin-bottom:2px; color:#094556;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm .checkbox label {font-size:13px;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm ul {list-style:none; display:inline-block; margin-left:7px; margin-bottom:0; vertical-align: middle;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm ul li {display:inline; color:#b6b6b6; font-size:19px; cursor:pointer; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm ul li .fa-star {color:#094556;} .resultado .resultContainer .results .tabsResult .avaliar .form-group {margin-bottom:10px;} .resultado .resultContainer .results .tabsResult .avaliar button.blue {background-color: #21a1c6; border: 0 none; border-radius: 0; font-family: "Maven Pro",sans-serif; font-size: 13px; letter-spacing: 0.5px; margin-top: 5px; padding: 4px 20px; text-transform: uppercase;} .resultado .resultContainer .results .tabsResult .comment {float:left; width:100%; border-bottom:1px dotted #dedede; margin: 15px 0; padding-bottom:25px;} .resultado .resultContainer .results .tabsResult .comment:first-child {padding-top:10px;} .resultado .resultContainer .results .tabsResult .comment:last-child {border-bottom:0; padding-bottom:10px;} .resultado .resultContainer .results .tabsResult .comment .avatar {float:left; width:90px; margin-right:20px;} .resultado .resultContainer .results .tabsResult .comment .avatar img {border-radius:50%;} .resultado .resultContainer .results .tabsResult .comment .txtComment {float:left; max-width:87%; color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 13px;} .resultado .resultContainer .results .tabsResult .comment .txtComment .date {float:left; width:100%; margin-bottom:10px;} .resultado .resultContainer .results .tabsResult .comment .txtComment .date span.user {font-size: 13px; color:#094556; opacity:1; font-style:normal;} .resultado .resultContainer .results .tabsResult .comment .txtComment .date span.user:after {content:"•"; padding:0 5px 0 10px;} .resultado .resultContainer .results .tabsResult .comment .txtComment .date span {font-size: 12px; font-style: italic; opacity: 0.6;} .resultado .resultContainer .results .tabsResult .comment .txtComment .star {float:left; width:100%;} .resultado .resultContainer .results .tabsResult .comment .txtComment .star ul {list-style:none;} .resultado .resultContainer .results .tabsResult .comment .txtComment .star ul li {display:inline-block; color:#094556;} .resultado .resultContainer .results .tabsResult .comment .txtComment p {margin-bottom:5px;} .resultado .resultContainer .results .tabsResult .scroll {postiom:absolute; bottom:0; text-align: center; margin-bottom: 20px;} .resultado .resultContainer .results .tabsResult .scroll .bkg {border-radius:0 0 90px 90px; height:15px; max-width:30px; width:100%; margin:auto; background-color:#094556; cursor:pointer;} .resultado .resultContainer .results .tabsResult .scroll .bkg i {font-size:20px; color:#ffffff; line-height: 0;} .resultado .resultContainer .results .tabsResult .scroll .bkg i:before {float:left; margin-top:-10px;} .resultado .resultContainer .results .tabsResult .scroll.open .bkg i:before {content:"\f106"; font-family: FontAwesome; float:left; margin-top:-11px;} .resultado .resultContainer .results .mapaDiv {float: left; height: 265px; overflow: hidden; padding-right: 20px; position: relative; -webkit-transition-duration: 2s; -webkit-transition-property: height; transition-duration: 2s; transition-property: height; width: 100%;} .resultado .resultContainer .results .mapaDiv .maps {height: 265px;} .resultado .resultContainer .results .mapaDiv .mapa {float: left; padding-right: 20px; position: relative; width: 100%;} .resultado .resultContainer .results .mapaDiv.open {height:500px;} .resultado .resultContainer .results .mapaDiv.open .maps {height:500px;} .resultado .resultContainer .results .mapaDiv .mapa .arrow {position:absolute; bottom:0; z-index:1; background-color:rgba(255, 255, 255, 0.5); width:100%; left:0; text-align: center; padding-bottom: 3px;} .resultado .resultContainer .results .mapaDiv .mapa .arrow span {width:100%; margin:auto; position:relative; cursor:pointer; opacity:1; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .mapaDiv .mapa .arrow span img {width:18px; height:9px;} .resultado .resultContainer .results .mapaDiv .mapa .arrow span.fechar {position:absolute; left:0; right:0; margin:auto; opacity:0;} .resultado .resultContainer .results .mapaDiv.open .mapa .arrow span.fechar {opacity:1;} .resultado .resultContainer .results .mapaDiv.open .mapa .arrow span.abrir {opacity:0;} .resultado .resultContainer .results .related {float:left; width:100%; margin:40px 0; padding-right: 20px;} /*.resultado .resultContainer .results .related h2 {font-family: 'Dosis', sans-serif; font-weight:500; text-transform:uppercase; font-size:20px; color:#21a1c6; margin:0;}*/ .resultado .resultContainer .results .related h2 {font-family: 'Dosis', sans-serif; font-weight:500; text-transform:uppercase; font-size:20px; color:#094556; margin:0 0 20px 0;} .resultado .resultContainer .results .related h6 {float:left; width:100%; font-family: 'Dosis', sans-serif; font-weight:600; text-transform:uppercase; font-size:15px; color:#ff6600; margin-top: 20px; margin-bottom:15px;} .resultado .resultContainer .results .related .lineResult {float:left; width:100%;} .resultado .resultContainer .results .related .lineResult .resultRelated:last-child {margin-right:0;} .resultado .resultContainer .results .related .resultRelated {width:32%; margin-bottom:15px; position: relative; float:left; background-color:#dedede; margin-right:2%; height:150px; overflow:hidden; border-radius: 5px;} .resultado .resultContainer .results .related .resultRelated a {text-decoration:none;} .resultado .resultContainer .results .related .resultRelated img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .resultado .resultContainer .results .related .resultRelated div.hover {background-color:rgba(255,255,255,0.70); position: absolute; bottom:0; width:100%; height:25px; z-index:1; -webkit-transition-property: height; -webkit-transition-duration: .50s; -moz-transition-property: height; -moz-transition-duration: .50s;transition-property: height; transition-duration: .50s;} .resultado .resultContainer .results .related .resultRelated div.hover h6 {width:100%; transition: all 0.3s ease 0s; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:600; text-align:center; padding:5px 0 3px 0; margin:0; text-transform:uppercase;} .resultado .resultContainer .results .related .resultRelated div.hover span {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .related .resultRelated div.hover .price {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:0 0 2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .related .resultRelated a:hover div.hover {height:100%;} .resultado .resultContainer .results .related .resultRelated a:hover div.hover h6 {padding-top:15%;} .resultado .resultContainer .results .related .resultRelated a:hover div.hover span, .resultado .resultContainer .results .related .resultRelated a:hover div.hover .price {opacity:1;} .resultado .resultContainer .results .related .resultRelated a {text-decoration:none;} .resultado .resultContainer .results .related .resultRelated .discount {position:absolute; top:0; right:15px; min-width:65px; text-align:center; height:36px; z-index:2; background-color:#ff6600; padding:5px 10px; font-family: 'Maven Pro', sans-serif; font-weight:500; color: #ffffff; font-size:18px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);} .resultado .resultContainer .results .related .resultRelated .discount .best-deal-related {width:100%; background-size:30px 30px; top:0; height:100%; position:absolute; background-image:url(../img/best-deal33px.png); background-repeat:no-repeat; background-position:center center; left:0;} .resultado .resultContainer .results .related .morePromo {float:left; width:100%; text-align: center;} .resultado .resultContainer .results .related .morePromo button {max-width:30%; background-color: transparent; transition: all 0.3s ease 0s; border: 0 none; color: #21a1c6; font-family: "Maven Pro",sans-serif; font-weight: 500; margin-bottom: 10px; margin-left: 10px; padding: 0; text-decoration: underline; text-transform: uppercase;} .resultado .resultContainer .results .related .morePromo button:hover {color: #094556; } .resultado .resultContainer .results .aquiPerto {float:left; width:100%; margin:10px 0 40px; padding-right: 20px;} .resultado .resultContainer .results .aquiPerto h2 {font-family: 'Dosis', sans-serif; font-weight:500; text-transform:uppercase; font-size:20px; color:#094556; margin:0 0 20px 0;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto {float:left; width:100%;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto {width:32%; margin-bottom:15px; position: relative; float:left; background-color:#dedede; margin-right:2%; height:140px; overflow:hidden; border-radius: 5px;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto:last-child {margin-right:0;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon {width:20%; background-color:#21A1C6; height:100%; background-position: center center; background-repeat: no-repeat; content: ""; display: inline-block;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.rest {background-image: url("../img/rest_icon.svg"); background-size: 53% auto;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.hotel {background-image: url("../img/hotel_icon.svg"); background-size: 70% auto;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.activ {background-image: url("../img/activ_icon.svg"); background-size: 63% auto;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt {width:80%; position:absolute; height:100%; padding:12px 15px; right: 0; top:0;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt h6 {font-family: 'Dosis', sans-serif; color: #21a1c6; font-size:20px; text-transform:uppercase; letter-spacing:0.7px; margin:5px 0 12px; font-weight:700;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a {display:block; margin:3px 0; font-family: 'Maven Pro', sans-serif; font-size:14px; text-decoration:none; color: #094556; transition: all 0.3s ease 0s;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a:hover {text-decoration:none; color:#21a1c6;} .resultado .resultContainer .sliderPromo {position:relative; width:100%; float:left;} .resultado .resultContainer .sliderPromo .promo {border-right: 100px solid transparent; border-top: 100px solid #ff6600; height: 0; left: 0; position: absolute; top: 10px; width: 0; z-index:3;} .resultado .resultContainer .sliderPromo .promo a {position: absolute; text-decoration:none; top: -81px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 68px; font-family: "Dosis",sans-serif; line-height: 14px; color:#ffffff; text-align:center; text-transform:uppercase; font-size: 21px; font-weight: 700; letter-spacing: 0.6px;} .resultado .resultContainer .sliderPromo .promo a img.best-deal {position:absolute; left:17px; top:-15px;} .resultado .resultContainer .sliderPromo .promo a span {font-size:9px; font-family: "Dosis",sans-serif; letter-spacing:0.5px; font-weight: 500;} body.fixo .resultado {margin-top: 100px;} /* RESULTADO - prettyPhoto sem setas e play */ .pp_nav { display:none !important; } /* NOTICIAS */ .listagemList .containerList .newsList {width:990px; float:left; padding:10px 10px 0 0; box-shadow:6px 0 6px rgba(41, 41, 41, 0.2); z-index:4; position:relative;} .listagemList .containerList .newsList.zero {padding:10px 0 0 0;} .listagemList .containerList .newsList h1 {color:#094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 25px; text-transform: uppercase; float:left; width:100%;} .listagemList .containerList .newsList p {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 14px; margin-bottom: 30px;} .listagemList .containerList .newsList .img-noticias {float:left; width:100%; overflow:hidden; height: 200px; margin: 0 0 30px; position: relative;} .listagemList .containerList .newsList .img-noticias img {height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .newsList .filtrosNews {float:right; width:50%; padding-right: 30px; margin:12px 0;} .listagemList .containerList .newsList .filtrosNews h5 {color: #094556; font-family: "Maven Pro",sans-serif; font-size: 14px; float:right;} .listagemList .containerList .newsList .filtrosNews form {float:right; /*padding-left: 20px;*/ width:82%;} .listagemList .containerList .newsList .filtrosNews form select {float:left; box-shadow:none; height:auto; padding:3px 8px; margin-left:10px; width:47%; color:#6b6b6b; border: 1px solid #dedede; border-radius:0; font-family: 'Maven Pro', sans-serif; font-weight:400; font-size:14px; display:inline; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../images/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} .listagemList .containerList .newsList .filtrosNews form select:focus {box-shadow:none;} .listagemList .containerList .newsList .filtrosNews form select option {padding:3px 8px;} .listagemList .containerList .newsList .noticias {float:left; width:100%; /*padding-right: 30px;*/ margin-bottom: 15px;} .listagemList .containerList .newsList .noticias.zero {padding-right:0;} .listagemList .containerList .newsList .noticias .news {float:left; width:31.3%; margin-right:2%; margin-bottom:2%; height:185px; padding:15px; border:1px solid #dedede; border-radius:10px; transition: all 0.3s ease 0s;} /*.listagemList .containerList .newsList .noticias .news:nth-child(3n) {margin-right:0;}*/ .listagemList .containerList .newsList .noticias .news:hover {/*box-shadow:0 0 8px 0 rgba(102,102,102,0.3);*/ border:1px solid #21a1c6;} .listagemList .containerList .newsList .noticias .news .image {float:left; cursor:pointer; width: 170px; position:relative; overflow:hidden; height:115px; margin-right:12px; opacity:1; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;} .listagemList .containerList .newsList .noticias .news .image:hover {opacity:0.7;} .listagemList .containerList .newsList .noticias .news .image img {position:absolute; height: auto; height:100%; left: 50%; min-width: 100%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .newsList .noticias .news.full .image {width:0; margin-right:0;} .listagemList .containerList .newsList .noticias .news .image-artigo {float:left; cursor:pointer; width: 100%; position:relative; overflow:hidden; height:115px; margin-right:12px; opacity:1; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;} .listagemList .containerList .newsList .noticias .news .image-artigo:hover {opacity:0.7;} .listagemList .containerList .newsList .noticias .news .image-artigo img {position:absolute; height: auto; left: 50%; max-width: 100%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .newsList .noticias .news .texto {float:left; width:100%; position:relative; height:100%;} .listagemList .containerList .newsList .noticias .news.com-imagem {height:270px;} .listagemList .containerList .newsList .noticias .news.com-imagem .texto {height:123px;} .listagemList .containerList .newsList .noticias .news.com-imagem .texto h1 {margin: 5px 0 5px 0;} .listagemList .containerList .newsList .noticias .news .texto h1 {color: #094556; letter-spacing: 0.2px; font-family: "Dosis",sans-serif; font-size: 15px; font-weight: 700; margin: 0 0 5px 0; text-transform:uppercase; cursor:pointer; transition: all 0.3s ease 0s;} .listagemList .containerList .newsList .noticias .news:hover .texto h1 {color:#21a1c6;} .listagemList .containerList .newsList .noticias .news .texto h3 {color: #6b6b6b; font-family: "Dosis",sans-serif; font-size: 14px; font-weight: 500; margin: 0 0 5px 0;} .listagemList .containerList .newsList .noticias .news .texto p {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 12px; font-weight: 400; margin:3px 0 0; line-height: 16px; float:left; width:100%;} .listagemList .containerList .newsList .noticias .news .texto .date_button {float:left; width:100%; margin-top:5px;} /*.listagemList .containerList .newsList .noticias .news .texto .date_button {position:absolute; bottom:0; left:0;}*/ .listagemList .containerList .newsList .noticias .news .texto .button_link {position:absolute; bottom:-12px; left:0; right:0; margin:auto; text-align:center;} .listagemList .containerList .newsList .noticias .news .texto .button_link a {background-color: #21a1c6; padding: 5px 15px; border-radius: 5px 5px 0 0; border-bottom:1px solid transparent; color: #ffffff !important; transition: all 0.3s ease 0s;} .listagemList .containerList .newsList .noticias .news .texto .button_link a:hover {background-color: #094556; border-bottom:1px solid #094556;} .listagemList .containerList .newsList .noticias .news .texto span {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 11px; opacity:0.6; font-weight: 400; font-style:italic; margin:0; line-height: 16px; margin-right:20px;} .listagemList .containerList .newsList .noticias .news .texto a {background-color: transparent; text-decoration:none; color:#21a1c6; transition: all 0.3s ease 0s; border:none; font-size: 11px; text-transform:uppercase; font-family: "Maven Pro",sans-serif; font-weight:400;} .listagemList .containerList .newsList .noticias .news .texto a:hover {color: #094556;} .listagemList .containerList .newsList .noticias .news.full .texto {width:100%; /*padding: 0 5px;*/} .listagemList .containerList .newsList .pubParc {float:left; width:100%; margin-bottom:25px;} .listagemList .containerList .newsList .noticias h1 {color: #21a1c6; width:100%; float: left; font-family: "Maven Pro",sans-serif; font-weight:500; font-size: 31px; letter-spacing: -0.5px; margin: 10px 0; text-transform: uppercase;} /*.listagemList .containerList .newsList .noticias .slider {float:left; height: 300px; margin-top: 10px; overflow: hidden; position: relative; width: 100%;}*/ .listagemList .containerList .newsList .noticias .slider { top:10px; margin-bottom:10px; position:relative; display:inline-block; width:100%;} .listagemList .containerList .newsList .noticias .slider .slick-slide img {max-height:300px;} .listagemList .containerList .newsList .noticias .slider .favMobile {display:none;} .listagemList .containerList .newsList .noticias .slider.slick-initialized .slick-slide {margin:0 5px; position:relative;} .listagemList .containerList .newsList .noticias .slider.slick-initialized .slick-slide:before {position:absolute; content:''; top:0; left:0; background-color:rgba(18,69,85,0); height:100%; width:100%; transition: all 0.3s ease 0s; mix-blend-mode: multiply; cursor:pointer;} .listagemList .containerList .newsList .noticias .slider.slick-initialized .slick-slide:hover:before {background-color:rgba(18,69,85,0.5);} .listagemList .containerList .newsList .noticias .slider .slick-prev, .listagemList .containerList .newsList .noticias .slider .slick-next {position:absolute; z-index:2; top:50%; padding: 25px 20px; background-color:rgba(255,255,255,0.75); transition: all 0.3s ease 0s; } .listagemList .containerList .newsList .noticias .slider .slick-prev {left:0;} .listagemList .containerList .newsList .noticias .slider .slick-next {right:0;} .listagemList .containerList .newsList .noticias .slider .slick-prev:hover, .listagemList .containerList .newsList .noticias .slider .slick-next:hover {background-color:rgba(255,255,255,0.9);} .listagemList .containerList .newsList .noticias .slider .slick-prev:before, .listagemList .containerList .newsList .noticias .slider .slick-next:before {font-family: FontAwesome; color:#094556; font-size:35px; transition: all 0.3s ease 0s; } .listagemList .containerList .newsList .noticias .slider .slick-prev:before {content:"\f104"; position:absolute; left: 15px; top: 8px;} .listagemList .containerList .newsList .noticias .slider .slick-next:before {content:"\f105"; position:absolute; right:15px; top:8px;} /*.listagemList .containerList .newsList .noticias .sliderUno {float:left; height:300px; margin-top: 10px; overflow: hidden; position: relative; width: 100%; background-color:#FFFFFF;}*/ .listagemList .containerList .newsList .noticias .sliderUno {float:left; margin-top: 10px; overflow: hidden; position: relative; width: 100%; background-color:#FFFFFF;} /*.listagemList .containerList .newsList .noticias .sliderUno img {width:auto; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}*/ .listagemList .containerList .newsList .noticias .sliderUno img {width:98%; } .listagemList .containerList .newsList .noticias .sliderUno.new img {width:auto; max-height: 300px; left: inherit; min-height: inherit; min-width: inherit; position: relative; top: inherit; transform: inherit;} .listagemList .containerList .newsList .noticias .txtNews {float:left; padding-right: 30px; width:100%; margin:20px 0;} .listagemList .containerList .newsList .noticias .txtNews h3 {color:#6b6b6b; font-family: "Dosis",sans-serif; font-size: 23px; font-weight: 500; margin: 0 0 15px 0;} .listagemList .containerList .newsList .noticias .txtNews p {color:#6b6b6b; font-size-adjust: 0.5; font-family: "Maven Pro",sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; margin:20px 0;} .listagemList .containerList .newsList .noticias .txtNews p span {color:#6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 14px; opacity:0.6; font-style:italic;} .listagemList .containerList .newsList .noticias .txtNews p span:nth-child(2) {margin-left:5px;} .listagemList .containerList .newsList .noticias .txtNews p span:nth-child(2):before {content:'|'; padding-right:5px;} .listagemList .containerList .newsList .noticias .txtNews p strong {font-weight:600; /*color:#333333;*/} .listagemList .containerList .newsList .viewMore {float:left; margin:20px 0; text-align: center; width:100%; cursor:pointer;} .listagemList .containerList .newsList .viewMore .icon {display: block; color:#a9a9a9; transition: all 0.3s ease 0s; margin: -4px auto 0; font-size:21px; width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content;} .listagemList .containerList .newsList .viewMore button {font-family: 'Dosis', sans-serif; transition: all 0.3s ease 0s; padding: 0 10px; text-transform:uppercase; color:#a9a9a9; font-size:16px; border:0; background-color:transparent; font-weight: 500;} .listagemList .containerList .newsList .viewMore:hover button {color:#094556;} .listagemList .containerList .newsList .viewMore:hover .icon {color:#094556;} /* O QUE FAZER - PÁGINA */ .listagemList .containerList .weekList {width:990px; float:left; padding:10px 10px 0 0; box-shadow:6px 0 6px rgba(41, 41, 41, 0.2); z-index:4; position:relative;} .listagemList .containerList .weekList.zero {padding:10px 0 0 0;} .listagemList .containerList .weekList h1 {color:#094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 25px; text-transform: uppercase; float:left; width:100%;} .listagemList .containerList .weekList p {color: #6b6b6b; font-family: "Maven Pro",sans-serif; font-size: 14px; padding-right: 30px; margin-bottom:50px;} .listagemList .containerList .weekList .filtersWeek {float:left; width:100%; /*margin-bottom:35px;*/ height: 50px;} .listagemList .containerList .weekList .filtersWeek a {font-family: "Maven Pro",sans-serif; float:left; transition: all 0.3s ease 0s; font-size: 14px; font-weight: 400; padding:3px 25px; text-transform:uppercase; letter-spacing:0.5px; border:1px solid #21a1c6; color:#21a1c6; text-decoration:none; border-radius:4px; margin-right:20px;} .listagemList .containerList .weekList .filtersWeek a:last-child {margin-right:0;} .listagemList .containerList .weekList .filtersWeek a:hover {background-color:#21a1c6; color:#ffffff;} .listagemList .containerList .weekList .line {float:left; width:100%; padding-top:55px; padding-right:30px; margin-bottom:-20px;} .listagemList .containerList .weekList .line:last-child {margin-bottom:35px;} .listagemList .containerList .weekList .line h2 {font-family: "Dosis",sans-serif; font-weight: 700; font-size:20px; text-transform: uppercase; color:#21a1c6; margin-top:0; border-bottom:1px solid #21a1c6; padding-bottom:5px; margin-bottom:20px;} .listagemList .containerList .weekList .lineWeek {} .listagemList .containerList .weekList .lineWeek .weekBlock {float:left; width:48.2%; margin-right:3.5%; margin-bottom:20px; transition: all 0.3s ease 0s;} .listagemList .containerList .weekList .lineWeek .weekBlock:last-child {margin-right:0;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a {float:left; width: 170px; position:relative; overflow:hidden; height:135px; margin-right:12px; opacity:1; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a:hover {opacity:0.7;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a img {position:absolute; height: auto; left: 50%; width: 100%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .weekList .lineWeek .weekBlock.full .image {width:0; margin-right:0;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto {float:left; width: calc(100% - 182px); height:135px; position:relative;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h4 {margin: 0 0 2px 0;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h4 a {color: #094556; letter-spacing: 0.2px; font-family: "Dosis",sans-serif; font-size: 15px; font-weight: 700; text-transform:uppercase; text-decoration:none; transition: all 0.3s ease 0s;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h4 a:hover {color: #21a1c6;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h5 {color: #21a1c6; font-family: "Dosis",sans-serif; font-size: 14px; font-weight: 500; margin: 0 0 15px 0;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h6 {color: #6b6b6b; font-family: "Dosis",sans-serif; font-size: 12px; font-weight: 600; margin: 0 0 5px 0;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto p {color: #6b6b6b; padding-right:5px; font-family: "Maven Pro",sans-serif; font-size: 12px; font-weight: 400; margin:0; line-height: 16px;} .listagemList .containerList .weekList .lineWeek .weekBlock.full .texto {width:100%;} .listagemList .containerList .newsList .noticias.oqfazer h2 {color: #094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 15px; text-transform: uppercase;} .listagemList .containerList .newsList .noticias.oqfazer h4 {color: #21a1c6; font-family: "Dosis",sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.6px; margin: 0 0 3px; text-transform: uppercase;} .listagemList .containerList .newsList .noticias.oqfazer .txtNews h3 {color: #21a1c6; font-family: "Dosis",sans-serif; font-size: 21px; font-weight: 500; margin: 0 0 15px;} .listagemList .containerList .newsList .noticias.oqfazer .txtNews h5 {color: #6b6b6b; font-family: "Dosis",sans-serif; font-size: 17px; font-weight: 500; margin: 0 0 15px;} .listagemList .containerList .weekList .img-oqfazer {background-color:#dedede; height:200px; float:left; width:100%; margin:0 0 30px; overflow:hidden; position:relative;} .listagemList .containerList .weekList .img-oqfazer img {height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .destaques.fds {margin-top:25px;} .listagemList .containerList .destaques.fds .dstk {border-radius: 5px; float: left; height: 155px; margin-bottom: 20px; overflow: hidden; position: relative; width: 31%; margin-right: 3.5%;} .listagemList .containerList .destaques.fds .dstk:nth-child(3n+3) {margin-right:0} /* QUEM SOMOS */ .geral {float:left; width:100%; background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%);} .geral .containerGeral {width:100%; max-width:1300px; margin:auto; background: linear-gradient(90deg, #ffffff 990px, #f7f7f7 310px); display:flex;} .geral .containerGeral .conteudos {width:990px; float:left; padding:10px 0 0; box-shadow:6px 0 6px rgba(41, 41, 41, 0.2); z-index:4; position:relative;} /*.geral .containerGeral .conteudos h1 {font-family: "Maven Pro",sans-serif; font-size: 35px; color: #21a1c6; text-transform: uppercase; letter-spacing: -0.5px;}*/ .geral .containerGeral .conteudos h1 {color: #094556; font-family: "Dosis",sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 0.6px; margin: 12px 0 20px; text-transform: uppercase;} .geral .containerGeral .conteudos p {font-family: "Maven Pro",sans-serif; font-size: 14px; color: #6b6b6b; padding-right: 30px; /*margin-top:15px;*/} .geral .containerGeral .conteudos p a {text-decoration:none; transition: all 0.3s ease 0s; color:#6b6b6b;} .geral .containerGeral .conteudos p a:hover {color:#21a1c6;} .geral .containerGeral .conteudos p strong.blue {color:#21a1c6; text-transform:uppercase;} .geral .containerGeral .conteudos .texto {float:left; width:43%;} .geral .containerGeral .conteudos .contactsForm {float:right; width:57%; padding-right:30px;} .geral .containerGeral .conteudos .mapContacts {float:left; width:100%; padding-right:30px;} .geral .containerGeral .conteudos .contactsForm form {margin-top:0; padding-right: 0; padding-left: 20px; max-width:100%; font-family: "Maven Pro",sans-serif; float:left; width:100%; margin-bottom: 40px;} .geral .containerGeral .conteudos form {margin-top:20px; padding-right: 30px; max-width: 75%; font-family: "Maven Pro",sans-serif; float:left; width:100%;} .geral .containerGeral .conteudos form label {color:#21a1c6; font-size: 13px; text-transform:uppercase; margin-bottom: 3px;} .geral .containerGeral .conteudos form input, .geral .containerGeral .conteudos form textarea {border-radius:0; box-shadow:none;} .geral .containerGeral .conteudos form input:focus {border-color:#21a1c6;} .geral .containerGeral .conteudos form button {border-radius:0; padding: 3px 20px; border-color:#21a1c6; color:#ffffff; text-transform:uppercase; transition: all 0.3s ease 0s; background-color:#21a1c6;} .geral .containerGeral .conteudos form button:hover {background-color:#124555; border-color:#124555;} .geral #accordion {padding-right: 30px; margin-top:30px; font-family: "Maven Pro",sans-serif;} .geral #accordion .panel.panel-default {border-color:transparent; background-color:transparent; box-shadow: none;} .geral #accordion .panel.panel-default .panel-heading {background-color:transparent; color:#21a1c6; text-transform:uppercase; padding: 5px 0;} .geral #accordion .panel.panel-default .panel-heading a {font-size:18px; text-decoration:none; transition: all 0.3s ease 0s;} .geral #accordion .panel.panel-default .panel-heading a:hover {color:#124555;} .geral #accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color:#21a1c6;} .geral #accordion .panel-body {padding: 10px 0; color:#6b6b6b; font-weight: 300; font-size: 14px;} .geral #accordion .panel-body ul {list-style:none;} .geral #accordion .panel-body ul li strong {font-weight: 600;} /* ANUNCIAR */ .geral .containerGeral .conteudos.anunciar ul {font-family: "Maven Pro",sans-serif; font-size: 14px; color: #6b6b6b; padding-right: 30px;} .geral .containerGeral .conteudos.anunciar ul li {margin-left:10px;list-style: none;} .geral .containerGeral .conteudos.anunciar ul li i {font-size: 10px} .geral .containerGeral .conteudos.anunciar .tema-anuciar {margin-top:26px;} /* SIDEBAR */ .listagemList .containerList .sidebar {float:right; width:310px; background-color: #f7f7f7; padding: 10px 0;z-index:3; position:relative;} .listagemList .containerList .sidebar .containerSidebar {width:100%; float:left;} .listagemList .containerList .sidebar .containerSidebar h3 {font-family: 'Dosis', sans-serif; font-weight:300; text-transform:uppercase; font-size:16px; margin:0; background-color:#124555; color:#ffffff; padding: 5px 20px 5px 10px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; border-radius: 0 20px 20px 0;} .listagemList .containerList .sidebar .containerSidebar h5 {font-family: 'Dosis', sans-serif; font-weight:600; text-transform:uppercase; font-size:14px; color:#ff6600; margin:0; padding:10px;} .listagemList .containerList .sidebar .containerSidebar .dstkSide {width:300px; margin-bottom:10px; height:80px; position:relative; border-radius:5px; margin-left:10px; overflow:hidden;} .listagemList .containerList .sidebar .containerSidebar .dstkSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover {background-color:rgba(255,255,255,0.70); position: absolute; bottom:0; width:100%; height:25px; z-index:1; -webkit-transition-property: height; -webkit-transition-duration: .50s; -moz-transition-property: height; -moz-transition-duration: .50s;transition-property: height; transition-duration: .50s;} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover h6 {width:100%; transition: all 0.3s ease 0s; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:600; text-align:center; padding:5px 0 3px 0; margin:0; text-transform:uppercase;} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover span {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover .price {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:0 0 2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .listagemList .containerList .sidebar .containerSidebar .dstkSide a:hover div.hover {height:100%;} .listagemList .containerList .sidebar .containerSidebar .dstkSide a:hover div.hover h6 {padding-top:10px;} .listagemList .containerList .sidebar .containerSidebar .dstkSide a:hover div.hover span, .listagemList .containerList .sidebar .containerSidebar .dstkSide a:hover div.hover .price {opacity:1;} .listagemList .containerList .sidebar .containerSidebar .dstkSide a {text-decoration:none;} .listagemList .containerList .sidebar .containerSidebar .dstkSide .discount {position:absolute; top:0; right:15px; z-index:2; background-color:#ff6600; padding:5px; height:30px; width: 47px; text-align:center; font-family: 'Maven Pro', sans-serif; font-weight:500; color: #ffffff; font-size:14px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);} .listagemList .containerList .sidebar .containerSidebar .dstkSide .discount .best-deal-sidebar {background-image: url("../img/best-deal33px.png"); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .listagemList .containerList .sidebar .containerSidebar button {background-color:transparent; width: 100%; margin-bottom:10px; padding:0; border:0; font-family: 'Maven Pro', sans-serif; color: #094556; font-weight:500; text-transform:uppercase; text-decoration:underline;} .listagemList .containerList .sidebar .containerSidebar button:hover {background-color:transparent; color:#2299c5; transition: all 0.3s ease 0s;} .listagemList .containerList .sidebar .containerSidebar a {margin-left:10px; background-color:transparent; width: 100%; margin-bottom:10px; padding:0; border:0; font-family: 'Maven Pro', sans-serif; color: #094556; font-weight:500; text-transform:uppercase; text-decoration:underline;} .listagemList .containerList .sidebar .containerSidebar a:hover {background-color:transparent; color:#2299c5; transition: all 0.3s ease 0s;} .listagemList .containerList .sidebar .containerSidebar .mrec {width:100%; margin: 15px 0 30px 10px;} .listagemList .containerList .sidebar .containerSidebar .mrec a {margin-left:0 !important;} .listagemList .containerList .sidebar .containerSidebar .inspSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .listagemList .containerList .sidebar .containerSidebar .inspSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .containerList .sidebar .containerSidebar .inspSide .hover {background-color:rgba(35,35,35,0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0;} .listagemList .containerList .sidebar .containerSidebar .inspSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; text-align:center; color:#ffffff; font-weight:400; padding:0 15px; margin:0; font-size:16px; text-transform:uppercase; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.8); position:absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .listagemList .containerList .sidebar .containerSidebar .inspSide a:hover .hover {background-color:rgba(33,161,198,0.8);} .listagemList .sidebar .containerSidebar .rankingMobile {display:none;} .listagemList .sidebar .containerSidebar .weekSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .listagemList .sidebar .containerSidebar .weekSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .listagemList .sidebar .containerSidebar .weekSide .hover {height:25px; background-color:rgba(33,161,198,0.8); transition-duration: 0.5s; transition-property: height; position:absolute; bottom:0; z-index:1; width:100%;} .listagemList .sidebar .containerSidebar .weekSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; transition: all 0.3s ease 0s; text-align:center; color:#ffffff; font-weight:400; padding-top: 5px; font-size:15px; text-transform:uppercase; margin:0; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);} .listagemList .sidebar .containerSidebar .weekSide a:hover .hover {height:100%;} .listagemList .sidebar .containerSidebar .weekSide a:hover .hover h6 {padding:32px 0 0;} .listagemList .sidebar .containerSidebar .favoritos {position: relative; width: 300px; background-color: #094556; border-radius: 5px; margin: 15px 0 30px 10px;} .listagemList .sidebar .containerSidebar .favoritos a {margin:0;} .listagemList .sidebar .containerSidebar .favoritos h4 {color:#ffffff; display:inline-block; width:100%; margin: 0; padding: 12px 10px; text-align: center; font-family: "Maven Pro",sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; /*text-shadow: 0 1px 2px rgba(29, 29, 29, 0.5);*/} .listagemList .sidebar .containerSidebar .favoritos h4 i {padding-right:5px;} .listagemList .sidebar .containerSidebar .favoritos:hover {transition: all 0.3s ease 0s; background-color:#124555;} .resultado .sidebar {float:right; width:310px; background-color: #f7f7f7; padding: 10px 0;z-index:3; position:relative;} .resultado .sidebar .containerSidebar {width:100%; float:left;} .resultado .sidebar .containerSidebar .mrec {width:100%; margin: 15px 0 30px 10px;} .resultado .sidebar .containerSidebar .mrec a {margin-left:0 !important;} .resultado .sidebar .containerSidebar .mrec iframe {} .resultado .sidebar .containerSidebar .favoritos {position: relative; width: 300px; background-color: #094556; border-radius: 5px; margin: 15px 0 30px 10px;} .resultado .sidebar .containerSidebar .favoritos a {margin:0;} .resultado .sidebar .containerSidebar .favoritos h4 {color:#ffffff; display:inline-block; width:100%; margin: 0; padding: 12px 10px; text-align: center; font-family: "Maven Pro",sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; /*text-shadow: 0 1px 2px rgba(29, 29, 29, 0.5);*/} .resultado .sidebar .containerSidebar .favoritos h4 i {padding-right:5px;} .resultado .sidebar .containerSidebar .favoritos:hover {transition: all 0.3s ease 0s; background-color:#124555;} .resultado .sidebar .containerSidebar .rankingMobile {display:none;} .resultado .sidebar .containerSidebar .ranking {width:100%; float:left; max-width:300px; margin: 15px 0 30px 10px; background-color:#21a1c6; position:relative;} .resultado .sidebar .containerSidebar .ranking .containerRank {position:relative; text-align: center; width: 100%;} .resultado .sidebar .containerSidebar .ranking .containerRank h2 {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-weight:500; font-size:23px; text-align:center; margin:5px 0; text-transform:uppercase;} .resultado .sidebar .containerSidebar .ranking .containerRank h6 {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-weight:400; font-size:14px; text-align:center; margin:5px 0;} .resultado .sidebar .containerSidebar .ranking .containerRank div {width:100%; text-align:center; float: left; margin-bottom:20px;} .resultado .sidebar .containerSidebar .ranking .containerRank div button {background-color: #094556; transition: all 0.3s ease 0s; margin-left:0; margin-bottom:0; max-width:33%; border-radius: 5px; color: #ffffff; font-size: 15px; font-weight: 400; padding: 3px 5px; text-decoration: none; text-transform: none;} .resultado .sidebar .containerSidebar .ranking .containerRank div button:hover {background-color: #a9e4f5; color:#094556;} .resultado .sidebar .containerSidebar h3 {font-family: 'Dosis', sans-serif; font-weight:300; text-transform:uppercase; font-size:16px; margin:0; background-color:#124555; color:#ffffff; padding: 5px 20px 5px 10px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; border-radius: 0 20px 20px 0;} .resultado .sidebar .containerSidebar .inspSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .resultado .sidebar .containerSidebar .inspSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .resultado .sidebar .containerSidebar .inspSide .hover {background-color:rgba(35,35,35,0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0;} .resultado .sidebar .containerSidebar .inspSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; text-align:center; color:#ffffff; font-weight:400; padding:0 15px; margin:0; font-size:16px; text-transform:uppercase; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.8); position:absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .resultado .sidebar .containerSidebar .inspSide a:hover .hover {background-color:rgba(33,161,198,0.8);} .resultado .sidebar .containerSidebar button {margin-left:10px; background-color:transparent; width: 100%; margin-bottom:10px; padding:0; border:0; font-family: 'Maven Pro', sans-serif; color: #094556; font-weight:500; text-transform:uppercase; text-decoration:underline;} .resultado .sidebar .containerSidebar button:hover {background-color:transparent; color:#2299c5; transition: all 0.3s ease 0s;} .resultado .sidebar .containerSidebar a {margin-left:10px; background-color:transparent; width: 100%; margin-bottom:10px; padding:0; border:0; font-family: 'Maven Pro', sans-serif; color: #094556; font-weight:500; text-transform:uppercase; text-decoration:underline;} .resultado .sidebar .containerSidebar a:hover {border:0;background-color:transparent; color:#2299c5; transition: all 0.3s ease 0s;} .resultado .sidebar .containerSidebar .blankSpace {margin-bottom:10px;} .resultado .sidebar .containerSidebar .weekSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .resultado .sidebar .containerSidebar .weekSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .resultado .sidebar .containerSidebar .weekSide .hover {height:25px; background-color:rgba(33,161,198,0.8); transition-duration: 0.5s; transition-property: height; position:absolute; bottom:0; z-index:1; width:100%;} .resultado .sidebar .containerSidebar .weekSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; transition: all 0.3s ease 0s; text-align:center; color:#ffffff; font-weight:400; padding-top: 5px; font-size:15px; text-transform:uppercase; margin:0; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);} .resultado .sidebar .containerSidebar .weekSide a:hover .hover {height:100%;} .resultado .sidebar .containerSidebar .weekSide a:hover .hover h6 {padding:32px 0 0;} /* CC 20161110 */ .resultado .sidebar .containerSidebar .dstkSide {width:300px; margin-bottom:10px; height:80px; position:relative; border-radius:5px; margin-left:10px; overflow:hidden;} .resultado .sidebar .containerSidebar .dstkSide img {height: auto; left: 50%; width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .resultado .sidebar .containerSidebar .dstkSide div.hover {background-color:rgba(255,255,255,0.70); position: absolute; bottom:0; width:100%; height:25px; z-index:1; -webkit-transition-property: height; -webkit-transition-duration: .50s; -moz-transition-property: height; -moz-transition-duration: .50s;transition-property: height; transition-duration: .50s;} .resultado .sidebar .containerSidebar .dstkSide div.hover h6 {width:100%; transition: all 0.3s ease 0s; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:600; text-align:center; padding:5px 0 3px 0; margin:0; text-transform:uppercase;} .resultado .sidebar .containerSidebar .dstkSide div.hover span {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .resultado .sidebar .containerSidebar .dstkSide div.hover .price {width:100%; float:left; font-family: 'Maven Pro', sans-serif; color: #094556; font-size:14px; font-weight:400; text-align:center; padding:0 0 2px 0; margin:0; opacity:0; transition: all 0.3s ease 0s;} .resultado .sidebar .containerSidebar .dstkSide a:hover div.hover {height:100%;} .resultado .sidebar .containerSidebar .dstkSide a:hover div.hover h6 {padding-top:10px;} .resultado .sidebar .containerSidebar .dstkSide a:hover div.hover span, .resultado .sidebar .containerSidebar .dstkSide a:hover div.hover .price {opacity:1;} .resultado .sidebar .containerSidebar .dstkSide a {text-decoration:none;} .resultado .sidebar .containerSidebar .dstkSide .discount {position:absolute; top:0; right:15px; z-index:2; background-color:#ff6600; padding:5px; height:30px; width: 47px; text-align:center; font-family: 'Maven Pro', sans-serif; font-weight:500; color: #ffffff; font-size:14px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);} .resultado .sidebar .containerSidebar .dstkSide .discount .best-deal-sidebar {background-image: url("../img/best-deal33px.png"); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .geral .sidebar {float:right; width:310px; background-color: #f7f7f7; padding: 10px 0;z-index:3; position:relative;} .geral .sidebar .containerSidebar {width:100%; float:left;} .geral .sidebar .containerSidebar .mrec {width:100%; margin: 15px 0 30px 10px;} .geral .sidebar .containerSidebar .mrec a {margin-left:0 !important;} .geral .sidebar .containerSidebar .rankingMobile {display:none;} .geral .sidebar .containerSidebar .ranking {width:100%; float:left; max-width:300px; margin: 15px 0 30px 10px; background-color:#21a1c6; position:relative;} .geral .sidebar .containerSidebar .ranking .containerRank {position:relative; text-align: center; width: 100%;} .geral .sidebar .containerSidebar .ranking .containerRank h2 {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-weight:500; font-size:23px; text-align:center; margin:5px 0; text-transform:uppercase;} .geral .sidebar .containerSidebar .ranking .containerRank h6 {font-family: 'Maven Pro', sans-serif; color:#ffffff; font-weight:400; font-size:14px; text-align:center; margin:5px 0;} .geral .sidebar .containerSidebar .ranking .containerRank div {width:100%; text-align:center; float: left; margin-bottom:20px;} .geral .sidebar .containerSidebar .ranking .containerRank div button {background-color: #094556; transition: all 0.3s ease 0s; margin-left:0; margin-bottom:0; max-width:33%; border-radius: 5px; color: #ffffff; font-size: 15px; font-weight: 400; padding: 3px 5px; text-decoration: none; text-transform: none;} .geral .sidebar .containerSidebar .ranking .containerRank div button:hover {background-color: #a9e4f5; color:#094556;} .geral .sidebar .containerSidebar h3 {font-family: 'Dosis', sans-serif; font-weight:300; text-transform:uppercase; font-size:16px; margin:0; background-color:#124555; color:#ffffff; padding: 5px 20px 5px 10px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; border-radius: 0 20px 20px 0;} .geral .sidebar .containerSidebar .inspSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .geral .sidebar .containerSidebar .inspSide img {height: auto; min-height:100%; left: 50%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .geral .sidebar .containerSidebar .inspSide .hover {background-color:rgba(35,35,35,0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index:2; width:100%; height:100%; position:absolute; top:0; left:0;} .geral .sidebar .containerSidebar .inspSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; text-align:center; color:#ffffff; font-weight:400; padding:0 15px; margin:0; font-size:16px; text-transform:uppercase; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.8); position:absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .geral .sidebar .containerSidebar .inspSide a:hover .hover {background-color:rgba(33,161,198,0.8);} .geral .sidebar .containerSidebar a {margin-left:10px; background-color:transparent; width: 100%; margin-bottom:10px; padding:0; border:0; font-family: 'Maven Pro', sans-serif; color: #094556; font-weight:500; text-transform:uppercase; text-decoration:underline;} .geral .sidebar .containerSidebar a:hover {background-color:transparent; color:#2299c5; transition: all 0.3s ease 0s;} .geral .sidebar .containerSidebar .weekSide {width:300px; height:80px; position:relative; border-radius:5px; margin:15px 0 10px 10px; overflow:hidden;} .geral .sidebar .containerSidebar .weekSide img {height: auto; min-height:100%; left: 50%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .geral .sidebar .containerSidebar .weekSide .hover {height:25px; background-color:rgba(33,161,198,0.8); transition-duration: 0.5s; transition-property: height; position:absolute; bottom:0; z-index:1; width:100%;} .geral .sidebar .containerSidebar .weekSide .hover h6 {font-family: 'Maven Pro', sans-serif; width:100%; transition: all 0.3s ease 0s; text-align:center; color:#ffffff; font-weight:400; padding-top: 5px; font-size:15px; text-transform:uppercase; margin:0; text-shadow: 0px 1px 2px rgba(29, 29, 29, 0.5);} .geral .sidebar .containerSidebar .weekSide a:hover .hover {height:100%;} .geral .sidebar .containerSidebar .weekSide a:hover .hover h6 {padding:32px 0 0;} .geral .sidebar .containerSidebar .favoritos {position: relative; width: 300px; background-color: #094556; border-radius: 5px; margin: 15px 0 30px 10px;} .geral .sidebar .containerSidebar .favoritos a {margin:0;} .geral .sidebar .containerSidebar .favoritos h4 {color:#ffffff; display:inline-block; width:100%; margin: 0; padding: 12px 10px; text-align: center; font-family: "Maven Pro",sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; /*text-shadow: 0 1px 2px rgba(29, 29, 29, 0.5);*/} .geral .sidebar .containerSidebar .favoritos h4 i {padding-right:5px;} .geral .sidebar .containerSidebar .favoritos:hover {transition: all 0.3s ease 0s; background-color:#124555;} /* NEWSLETTER BAR */ .nlBar {position:fixed; z-index:9; left:-210px; top:55%; transition: all 0.5s ease 0s; -webkit-transform:translateY(-55%); -moz-transform:translateY(-55%); -ms-transform:translateY(-55%); -o-transform:translateY(-55%); transform:translateY(-55%);} .nlBar .boavida {float:right; position:relative; box-shadow: 4px 1px 3px rgba(0, 0, 0, 0.21); padding:20px 35px 20px 15px; background-color:#21a1c6; border-top-right-radius:50px; border-bottom-right-radius:50px;} .nlBar .boavida h3 {font-family: 'Dosis', sans-serif; cursor:pointer; font-weight:500; text-transform:uppercase; font-size:23px; color:#ffffff; letter-spacing:1px; margin:0;} .nlBar .boavida h3:after {content:""; background-image:url("../img/arrowMapOpen.png"); width:18px; position: absolute; top:46%; margin-left: 5px; height:9px; transition: all 0.3s ease 0s; display:inline-block; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);} .nlBar .formNl {float:left; width:210px; box-shadow:none; padding:20px 25px 20px 15px; font-family: 'Maven Pro', sans-serif; background-color:#21a1c6;} .nlBar .formNl h5 {font-family: 'Maven Pro', sans-serif; margin-top:0; color:#ffffff; font-size:15px; line-height:17px;} .nlBar .formNl form {} .nlBar .formNl label {color:#ffffff; font-weight:300; font-size:12px; letter-spacing:0.5px; /*text-transform:uppercase;*/ margin-bottom: 2px;} .nlBar .formNl input {border:0; border-radius:0; font-size:13px; color:#6b6b6b; height:auto; padding:3px 7px;} .nlBar .formNl .button_news {border:1px solid #ffffff; padding:5px 15px; border-radius:0; font-family: 'Maven Pro', sans-serif; font-weight:600; color:#ffffff; background-color:transparent; width:100%; text-transform:uppercase; font-size:12px; margin-top:5px; transition: all 0.3s ease 0s;} .nlBar .formNl .button_news:hover {color:#ffffff; background-color:#094556; border:1px solid #094556;} .nlBar .formNl .form-group {margin-bottom:10px;} .nlBar.open {left:0;} .nlBar.open .formNl {box-shadow: 4px 1px 3px rgba(0, 0, 0, 0.21);} .nlBar.open .formNl form {} .nlBar.open .boavida h3::after {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);} .nlBar #msgRetNews2 {float:left; width:100%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#094556; padding-top:5px;} /* FOOTER */ footer {float: left; width: 100%; position:relative; z-index:5;} footer .nl {background-color: #e1e1e1; padding: 10px; float: left; width: 100%;} footer .nl .containerNl {width: 100%; max-width: 1135px; margin: auto;} footer .nl .containerNl .left {float: left; width: 82%;} footer .nl .containerNl .left h3 {font-family: 'Maven Pro', sans-serif; color: #094556; margin:0 0 5px 0; font-size: 22px; font-weight: 700; text-transform: uppercase;} footer .nl .containerNl .left p {font-family: 'Maven Pro', sans-serif; color: #094556; font-weight: 400; font-size: 15px; max-width: 33%; margin-bottom: 0; line-height: 20px; float: left; padding-right: 2%;} footer .nl .containerNl .left form {float: left; width:67%;} footer .nl .containerNl .left form input {width:75%; height: 40px; border: 0px; box-shadow: none; border-radius: 5px 0 0 5px; font-family: 'Maven Pro', sans-serif; color: #094556; font-size: 16px;} footer .nl .containerNl .left form .btn_submit_news {height: 40px; border:0px; transition: all 0.3s ease 0s; background-color: #21a1c6; border-radius: 0 5px 5px 0; margin-left: -3px; color: #ffffff; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.5px;} footer .nl .containerNl .left form .btn_submit_news:hover {background-color: #094556;} footer .nl .containerNl .right {float: left; width: 18%; text-align: right;} footer .nl .containerNl .right img {margin-left: 30px;} footer #msgRetNews1 {float:left; width:100%; padding-left: 33.2%; font-family: 'Maven Pro', sans-serif; font-size:12px; color:#21a1c6; padding-top:5px;} footer .footer {background-color: #094556; padding: 20px; float: left; width: 100%;} footer .footer .containerFooter {width: 100%; max-width: 1135px; margin: auto;} footer .footer .containerFooter .containerMenu {width:25%; float: left; padding-right: 3%;} footer .footer .containerFooter .containerMenu:last-child {padding-right:0;} footer .footer .containerFooter .containerMenu h3 {margin: 0 0 5px 0; font-family: 'Maven Pro', sans-serif; color: #21a1c6; font-size:22px; font-weight: 400;} footer .footer .containerFooter .containerMenu a.menu {display:none;} footer .footer .containerFooter .containerMenu ul {list-style: none;} footer .footer .containerFooter .containerMenu ul li a {display:block; font-family: 'Maven Pro', sans-serif; color: #ffffff; font-size:14px; text-decoration: none; font-weight: 400; transition: all 0.3s ease 0s; width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content;} footer .footer .containerFooter .containerMenu ul li a:hover {color:#21a1c6;} footer .footer .containerFooter .containerSocial {width:100%; float: left; padding: 10px 0 0;} footer .footer .containerFooter .containerSocial ul {list-style: none; text-align: center; width: 100%; margin-bottom: 0;} footer .footer .containerFooter .containerSocial ul li {display: inline-block; padding: 0 3px;} footer .footer .containerFooter .containerSocial ul li a {color: #64bdd7; font-size:20px; transition: all 0.3s ease 0s; border: 1px solid #64bdd7; padding: 3px 6px; border-radius: 50%;} footer .footer .containerFooter .containerSocial ul li a .fa {width:20px;} footer .footer .containerFooter .containerSocial ul li a:hover {color:#ffffff; border: 1px solid #64bdd7; background-color: #64bdd7;} footer .copyright {background-color: #05232b; width: 100%; float: left;} footer .copyright .containerCopyright {width: 100%; padding: 7px 40px; float: left;} footer .copyright .containerCopyright h6 {float:left; margin:0; font-family: 'Maven Pro', sans-serif; color: #21a1c6; font-size:12px; font-weight: 400; padding-top: 5px;} footer .copyright .containerCopyright .jelly {float:right;} footer .copyright .containerCopyright .jellymobile {display:none;} /* MAPAS (CC) */ #mapLabelContent { display:none; } /* PUBLICIDADE */ #div-gpt-ad-1405005135969-25, #div-gpt-ad-1405005135969-24 {position:absolute;} /* MEDIA QUERIES */ @media screen and (max-width: 1366px) { /* HEADER */ header.listagem .reservasListagem .searchContainer .radio {margin: 0 5% 0 0;} /* RANKING */ .listagemList .containerList .results.ranking .map .containerMap.bottomFixed {bottom: 125px;} /* RESULTADO */ .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt {padding: 12px 12px 12px 15px;} } @media screen and (max-width: 1280px) { .listagemList .containerList .content-dossier{ width: 75%; } } @media screen and (max-width: 1260px) { /* HEADER */ header.listagem .reservasListagem .searchContainer .radio {margin: 0 3.5% 0 0;} /* LISTAGEM + RANKING */ .listagemList .containerList .results .listResults .containerResults .resultUno .txt {width: 260px;} .listagemList .containerList .results.mapClosed .listResults .containerResults .resultUno .txt {width: 241px;} .listagemList .containerList .results .rankingTxt {padding-left:20px;} .listagemList .containerList .results .map .containerMap.fixed, .listagemList .containerList .results.ranking .map .containerMap.fixed {width: 460px;} .listagemList .containerList .results .map .containerMap.bottomFixed, .listagemList .containerList .results.ranking .map .containerMap.bottomFixed {width: 460px;} .listagemList .containerList .results.mapOpen .map .containerMap.fixed, .listagemList .containerList .results.ranking.mapOpen .map .containerMap.fixed {width: 930px;} .listagemList .containerList .results .map.open .containerMap.bottomFixed, .listagemList .containerList .results.ranking .map.open .containerMap.bottomFixed {width: 930px;} } @media screen and (max-width: 1200px) { /* HEADER */ header.listagem .reservasListagem .searchContainer .firstColumn {width: 55%;} header.listagem .reservasListagem .searchContainer .firstColumn .location input {font-size:15px;} header.listagem .reservasListagem .searchContainer .firstColumn .freeSearch input {font-size:15px;} header.listagem .filters .filtersAdvanced {padding:10px 40px; max-width: 100%;} header.listagem .filters .filtersAdvanced .big {width: 18.5%;} header.listagem .filters .filtersAdvanced select {margin-right: 1.3%;} header.listagem .blueBar.list .premio {width: 25%;} header.listagem .reservasListagem .searchContainer {max-width:100%;} header.listagem .reservasListagem .searchContainer .thirdColumn {float: right; width: 15%;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch .iconDesign {right: 8px;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch button {font-size: 16px;} header.listagem .reservasListagem .searchContainer .secondColumn {width: 30%; text-align: center;} header.listagem .reservasListagem .searchContainer .secondColumn .radio {margin: 0 5% 0 0;} /* GERAL */ .geral .containerGeral .conteudos {width: 75%; padding: 10px 0 0 20px;} /* LISTAGEM */ .listagemList {background: linear-gradient(90deg, #ffffff 75%, #f7f7f7 25%);} .listagemList .containerList {max-width: 1200px;} .listagemList .containerList .results {width: 75%;} .listagemList .containerList .results .barResults {padding: 5px 10px 5px 40px; border-radius: 0 3px 3px 0;} .listagemList .containerList .results .map .containerMap.fixed {max-width: 435px;} .listagemList .containerList .results .map .containerMap.bottomFixed {max-width: 435px;} .listagemList .containerList .results .listResults .containerResults .resultUno .img {width: 33%;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt {width: 56%; padding: 0px 10px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt p {margin: 3% 0 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank {padding: 10px 0 10px 0; max-width: 11%;} .listagemList .containerList .results.mapClosed .containerResults a:nth-child(odd) .resultUno {width: 49%; margin-right: 1%;} .listagemList .containerList .results.mapClosed .containerResults a:nth-child(even) .resultUno {width: 49%; margin-right:0;} .listagemList.dossier .containerList .results.mapClosed .containerResults a .resultUno{width: 100%; margin-right:0;} .listagemList .containerList .results.mapClosed .listResults .containerResults .resultUno .txt {width: 56%;} .listagemList .containerList .results.mapOpen .map .containerMap.fixed {max-width: 880px;} .listagemList .containerList .results .map.open .containerMap.bottomFixed {max-width:880px;} /* RESULTADO */ .resultado .resultContainer .results {padding: 20px 0 0 20px; width: 75%;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm form {max-width:65%;} .resultado .resultContainer .results .title h1 {font-size: 31px;} .resultado .resultContainer .results .breadcrumbs ul li {font-size:15px;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a {font-size: 13px; margin: 5px 0;} /* FAVORITOS */ .listagemList .containerList .results.fav {width: 75%; padding: 10px 0 0 20px;} /* RANKING */ .listagemList .containerList .results .rankingTxt {padding-left:40px;} .listagemList .containerList .results.ranking .map {height: 93%;} /* PARCEIROS */ .listagemList .containerList .newsList {width: 75%;} .listagemList .containerList .newsList .pubParc {width: calc(100% + 20px); margin-left: -20px;} .listagemList .containerList .newsList .pubParc img {width:100%;} .listagemList .containerList .newsList.zero {padding: 10px 0 0 20px;} /* DOSSIERS */ /*.listagemList .containerList .content-dossier {width: 100%; padding: 10px 0 0 0;}*/ .listagemList.dossier .containerList .dossier .listDossier .resultUno{ width: 100%; } .listagemList .containerList .content-dossier{ width: 75%; padding: 10px 0 0 0; } .listagemList .containerList .dossier {width: 100%; padding: 10px 0 0 0;} .listagemList .containerList .dossier .dstkCat .destaques {padding-left:20px;} .listagemList .containerList .dossier .dstkCat .destaques .dstk h2 {font-size: 18px;} /* DOSSIERS LISTAGEM */ .listagemList .containerList .dossier .listDossier .result.dstk .txt {padding: 12px 10px 12px 1px;} .listagemList .containerList .dossier .listDossier .result.dstk .img img {min-width: 100%; max-height: 100%; max-width:inherit;} .listagemList .containerList .dossier .listDossier .result h1 {margin: 10px 10px 10px 2px;} .listagemList .containerList .dossier .mapDossier {max-width: 450px;} body.fixo .listagemList .containerList .dossier .mapDossier {max-width: 450px;} /* NOTICIAS */ .listagemList .containerList .newsList .noticias .news {height:190px;} /* O QUE FAZER ESTE FIM DE SEMANA */ .listagemList .containerList .weekList.zero {padding: 10px 0px 0 20px;} /* SIDEBAR */ .listagemList .containerList .sidebar {width: 25%;} .listagemList .containerList .sidebar .containerSidebar {width: 94%;} /*.listagemList .containerList .sidebar .containerSidebar h3 {margin: 0 0 0 1px;}*/ .listagemList .containerList .sidebar .containerSidebar .dstkSide {width: 100%;} .listagemList .containerList .sidebar .containerSidebar .mrec img {width:100%;} .listagemList .containerList .sidebar .containerSidebar .inspSide {width: 100%;} .listagemList .sidebar .containerSidebar .weekSide {width:100%;} .listagemList .sidebar .containerSidebar .favoritos {width:100%;} /* SIDEBAR RESULTADO */ .resultado .sidebar {width: 25%;} .resultado .sidebar .containerSidebar {width:94%;} .resultado .sidebar .containerSidebar .ranking .containerRank img {width:100%;} .resultado .sidebar .containerSidebar .mrec img {width:100%;} .resultado .sidebar .containerSidebar .inspSide {width:100%;} .resultado .sidebar .containerSidebar .weekSide {width:100%;} .resultado .sidebar .containerSidebar .favoritos {width:100%;} .geral .sidebar {width: 25%;} .geral .sidebar .containerSidebar {width:94%;} .geral .sidebar .containerSidebar .mrec img {width:100%;} .geral .sidebar .containerSidebar .weekSide {width:100%;} .geral .sidebar .containerSidebar .inspSide {width:100%;} .geral .sidebar .containerSidebar .favoritos {width:100%;} .resultado .sidebar .containerSidebar .inspSide .hover h6, .geral .sidebar .containerSidebar .inspSide .hover h6, .listagemList .containerList .sidebar .containerSidebar .inspSide .hover h6 {padding:0 5px; font-size: 15px;} /* FOOTER */ footer .nl {padding:10px 40px;} footer .nl .containerNl {max-width:100%;} footer .footer {padding:20px 40px;} footer .footer .containerFooter {max-width:100%;} } @media screen and (max-width: 1151px) { /* HEADER */ header.listagem .filters .filtersAdvanced .small {width: 11%;} header.listagem .reservasListagem .searchContainer .firstColumn {width:50%;} header.listagem .reservasListagem .searchContainer .secondColumn {width: 36%;} header.listagem .reservasListagem .searchContainer .thirdColumn {width: 14%;} /* LISTAGEM */ .listagemList .containerList .results .map .containerMap.fixed, .listagemList .containerList .results .map .containerMap.bottomFixed {max-width:415px;} .listagemList .containerList .results.mapOpen .map .containerMap.fixed, .listagemList .containerList .results .map.open .containerMap.bottomFixed {max-width: 850px;} /* DOSSIERS LISTAGEM */ body.fixo .listagemList .containerList .dossier .mapDossier {top: 110px;} .listagemList .containerList .dossier .mapDossier, body.fixo .listagemList .containerList .dossier .mapDossier {max-width:430px;} /* FOOTER */ footer .nl .containerNl .left {width: 79%;} footer .nl .containerNl .right {width: 21%;} footer .nl .containerNl .left p {max-width: 35%; font-size: 13px;} footer .nl .containerNl .left form {width: 65%;} } @media screen and (max-width: 1024px) { body {-webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; text-size-adjust: 100% !important;} /* HEADER */ header .preHeader {padding: 5px 20px 5px 10px;} header .blueBar {padding: 12px 20px 10px;} /* SEARCH */ header .reservas {max-width: 100%;} header .reservas .searchContainer {padding: 15px 20px;} header .reservasMore {max-width: 100%;} header .reservasMore .reservasAdvanced {padding: 15px 20px;} header .reservasMore .reservasAdvanced select {margin-right: 1.4%;} header.listagem .blueBar.list {padding: 12px 20px 10px;} header.listagem .blueBar.list .claim h1 {font-size: 32px; margin: 4px 0;} header.listagem .blueBar.list .claim span {font-size: 32px; margin: 4px 0; line-height: 1.6;} header.listagem .reservasListagem {padding: 20px;} header.listagem .reservasListagem .searchContainer .radio label {font-size: 14px; padding-top: 18px;} header.listagem .reservasListagem .searchContainer .radio label.active {font-size: 14px;} header.listagem .reservasListagem .searchContainer .firstColumn {width: 53%;} header.listagem .reservasListagem .searchContainer .secondColumn {width: 33%;} header.listagem .reservasListagem .searchContainer .thirdColumn {width: 14%;} header.listagem .filters .filtersAdvanced {padding: 10px 20px;} header.listagem .filters .filtersAdvanced select {font-size: 13px;} /* SLIDER HP */ header .slider {height: 520px;} /* HOMEPAGE */ .weekDstk {padding: 20px 20px 25px;} .weekDstk .containerWeek {width:100%;} .weekDstk .containerWeek .dstk h1.big {padding: 5px 50px;} .hpDstk {padding: 20px 20px 40px;} .hpDstk .containerHp {max-width:100%;} .parcerias .containerPar {max-width: 100%;} .parcerias .containerPar .dstk {height:175px;} .parcerias .slick-dots {bottom: -35px;} .pubHP {padding: 30px 20px;} .pubHP .containerPUB {max-width: 100%; overflow: hidden;} .pubHP .containerPUB img {width:100%;} /* LISTAGEM */ .listagemList .containerList .results {width: 70%;} .listagemList .containerList .results .barResults {padding: 5px 10px 5px 20px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt {width: 55%;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h1 {font-size: 14px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h3 {font-size: 12px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt p {font-size: 11px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .place {width: 42px; height: 23px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank {max-width: 42px; padding: 5px 0 10px 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .place h2 {font-size: 18px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank .of span {font-size: 10px;} .listagemList .containerList .results .listResults .containerResults .resultUno .report {margin-top: 25px;} .listagemList .containerList .results.mapClosed .listResults .containerResults .resultUno .txt {width: 44%;} .listagemList .containerList .results .map .containerMap.fixed, .listagemList .containerList .results .map .containerMap.bottomFixed {max-width: 343px;} .listagemList .containerList .results .barResults .form-group {width: 60%;} .listagemList .containerList .results .barResults .numberResult {width: 40%;} .listagemList .containerList .results.mapOpen .map .containerMap.fixed, .listagemList .containerList .results .map.open .containerMap.bottomFixed {max-width: 697px;} .listagemList .containerList .results .map .containerMap.fixed, .listagemList .containerList .results .map .containerMap {height: calc(100vh - 160px);} /* RESULTADO */ .resultado .resultContainer {background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%);} .resultado .resultContainer .results {width: 70%;} .resultado .resultContainer .results .breadcrumbs ul li {font-size: 13px;} .resultado .resultContainer .results .breadcrumbs ul li:after {font-size: 14px; padding: 0 6px;} .resultado .resultContainer .results .title h1 {font-size: 27px;} .resultado .resultContainer .results .title a.fav {padding-top: 0;} .resultado .resultContainer .results .title .ranking .place h2 {font-size: 17px;} .resultado .resultContainer .results .related .resultRelated {height:135px;} .resultado .resultContainer .results .related .resultRelated .discount {font-size: 15px; padding: 7px 10px;} .resultado .resultContainer .results .slider .slick-slide img {max-height: 260px;} .resultado .resultContainer .results .related .resultRelated div.hover h6 {font-size: 12px; padding: 6px 0 3px 0;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.rest, .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.hotel, .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .icon.activ {display:none;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt {padding: 0; width: 100%;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.rest h6 {color: #ffffff; font-size: 17px; background-color: #21a1c6; padding: 10px 10px 10px 38px; margin-top:0; background-image: url(../img/rest_icon.svg); background-size:7% auto; background-repeat: no-repeat; background-position: 10px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.hotel h6 {color: #ffffff; font-size: 17px; background-color: #21a1c6; padding: 10px 10px 10px 50px; margin-top:0; background-image: url(../img/hotel_icon.svg); background-size:13% auto; background-repeat: no-repeat; background-position: 10px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.activ h6 {color: #ffffff; font-size: 17px; background-color: #21a1c6; padding: 10px 10px 10px 40px; margin-top:0; background-image: url(../img/activ_icon.svg); background-size:9% auto; background-repeat: no-repeat; background-position: 10px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a {margin: 0; padding: 3px 10px; font-size: 13px;} /* O QUE FAZER */ .listagemList .containerList .weekList {width: 70%;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a {height: 160px;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a img {height: 100%; min-width: inherit; max-width: inherit !important;} .listagemList .containerList .destaques.fds .dstk {height: 135px;} /* NOTICIAS */ .listagemList .containerList .newsList .noticias .news {height: 190px; width: 47%; margin-right: 3%;} .listagemList .containerList .newsList .noticias h1 {font-size: 27px;} /* LISTAGEM DOSSIERS */ .listagemList .containerList .content-dossier {width: 70%;} .listagemList .containerList .dossier {width: 100%;} .listagemList .containerList .dossier .dstkCat h1 {margin:0;} .listagemList .containerList .dossier .dstkCat .destaques .dstk h2 {font-size: 17px; line-height: 20px; padding: 30px;} .listagemList .containerList .dossier .dstkCat .destaques .column .dstk {height: 135px;} .listagemList .containerList .dossier .mapDossier, body.fixo .listagemList .containerList .dossier .mapDossier {max-width: 358px;} .listagemList .containerList .dossier .mapDossier .containerMap {height: calc(100vh - 115px);} .listagemList .containerList .dossier .listDossier .result.dstk .img {height: 200px;} .listagemList .containerList .dossier .listDossier .result.dstk h1 {font-size: 18px;} .listagemList .containerList .dossier .listDossier .result h1 {font-size: 13px; margin: 6px 10px 6px 2px;} /* RANKING */ .listagemList .containerList .results.ranking .map .containerMap.fixed {height: calc(100vh - 160px);} .listagemList .containerList .results.ranking .map .containerMap.bottomFixed {height: calc(100vh - 160px); /*bottom: 365px;*/ bottom: 150px;} .listagemList .containerList .results.ranking .map.open .containerMap.bottomFixed {bottom: 150px;} .listagemList .containerList .results.ranking .map {height: 93%;} .listagemList .containerList .results .rankingTxt {padding-left: 20px;} /* CONTEUDOS GERAIS */ .geral .sidebar {width: 30%;} .geral .sidebar .containerSidebar .weekSide .hover h6 {font-size: 13px;} .geral .containerGeral {background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%);} .geral .containerGeral .conteudos {width: 70%;} .geral .containerGeral .conteudos form button {padding: 3px 30px;} .listagemList .containerList .newsList.zero {width: 70%;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto p {overflow-x:hidden;} /*@media screen and (min-width: 1024px) { .listagemList .containerList .newsList .noticias .sliderUno {height: 260px;} }*/ .listagemList .containerList .weekList .lineWeek .weekBlock {width: 100%; margin-right: 0;} /* FAVORITOS */ .listagemList .containerList .results .listResults .containerResults .resultUno .img img {max-width: inherit; max-height: 100%;} /* SIDEBAR */ .resultado .sidebar {width: 30%;} .listagemList .containerList {background: linear-gradient(90deg, #ffffff 70%, #f7f7f7 30%); max-width: 100%;} .listagemList .containerList .sidebar {width: 30%;} .listagemList .containerList .sidebar .containerSidebar h3 {font-size: 15px;} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover {height: 23px;} .listagemList .containerList .sidebar .containerSidebar .dstkSide div.hover h6 {font-size: 13px;} .listagemList .containerList .sidebar .containerSidebar .inspSide .hover h6 {font-size: 12px;} .listagemList .sidebar .containerSidebar .weekSide .hover {height: 21px;} .listagemList .sidebar .containerSidebar .weekSide .hover h6 {font-size: 11px;} .listagemList .sidebar .containerSidebar .favoritos h4 {font-size: 14px; padding: 10px;} .resultado .sidebar .containerSidebar .weekSide .hover h6 {font-size: 11px;} .resultado .sidebar .containerSidebar .inspSide .hover h6 {font-size: 12px;} .resultado .sidebar .containerSidebar .favoritos h4 {font-size: 14px; padding: 10px;} .geral .sidebar .containerSidebar .inspSide .hover h6 {font-size: 12px;} .geral .sidebar .containerSidebar .favoritos h4 {font-size: 14px; padding: 10px;} /* NEWSLETTER */ .nlBar .boavida {padding: 15px 25px 15px 10px; border-top-right-radius: 45%; border-bottom-right-radius: 45%;} .nlBar .boavida h3 {font-size: 19px; padding-right: 3px;} .nlBar .boavida h3:after {top: 43%; margin-left: 3px;} .nlBar .formNl {padding: 15px 20px 20px 15px;} .nlBar .formNl h5 {font-size: 13px; line-height: 16px; margin-bottom: 5px;} .nlBar .formNl .form-group {margin-bottom: 5px;} /* FOOTER */ footer .nl {padding: 10px 20px;} footer .nl .containerNl {max-width: 100%;} footer .nl .containerNl .left p {max-width: 35%; font-size: 14px;} footer .nl .containerNl .left form {width: 65%; padding-right: 4%} footer .nl .containerNl .left form input {width: 72%; font-size: 15px;} footer .nl .containerNl .left form button.blue {width: 27%; font-size: 15px;} footer .nl .containerNl .right img:first-child {margin-left:0;} footer .footer {padding: 20px;} footer .footer .containerFooter {max-width: 100%;} footer .footer .containerFooter .containerMenu ul li a {font-size: 13px; padding: 2px 0;} footer .copyright .containerCopyright {padding: 7px 20px;} } @media screen and (max-width: 769px) { /* HEADER */ header .blueBar .logo img {width: 32.7%;} header.listagem .blueBar.list .logo {width: -moz-fit-content; width: -webkit-fit-content; width: -ms-fit-content; width: fit-content; padding-right: 2%;} header.listagem .blueBar.list .logo img {width: 91%;} header.listagem .blueBar.list .claim h1 {font-size: 23px; margin: 6px 0;} header.listagem .blueBar.list .claim span {font-size: 23px; margin: 6px 0;} header .blueBar .premio img {width: 100%; max-width:30%;} header.listagem .blueBar.list .premio img {width: 100%; max-width:60%;} header.listagem .filtersMobile {display:block; float: left; width:100%; background-color:#094556;} header.listagem .filtersMobile div.order, header.listagem .filtersMobile div.filtros, header.listagem .filtersMobile div.map {width:33.3%; float:left; background-color:#094556; border-right: 2px solid #ffffff; padding: 7px;} header.listagem .filtersMobile div.map {border-right: 0px solid #ffffff;} header.listagem .filtersMobile h3 {font-family: 'Maven Pro', sans-serif; font-size:12px; font-weight:400; color:#ffffff; text-align:center; margin:0; text-transform:uppercase;} header.listagem .filtersMobile div.order {padding:0;} header.listagem .filtersMobile div.order select {background-color:transparent; color:#ffffff; border: 0; border-radius:0; font-family: 'Maven Pro', sans-serif; font-size:12px; font-weight:400; text-transform:uppercase; height:auto; padding:5px 7px 5px 7%; line-height:inherit; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../img/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} header.listagem .filtersMobile div.order select option {padding:0 0 0 7%; text-transform:none;} header.listagem .reservasListagem .searchContainer .rankingLink {position: absolute; right: 22px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin-top: 0;} header.listagem {z-index:10;} header.listagem .filtersMobile .filtrar {display:none;} header.listagem .filtersMobile .filtros.filtros-open .filtrar {position:absolute; width:100% !important; height:100vh; background-color:rgba(0,0,0,0.9); /*background-color:#d7d8d8;*/ top:0; left:0; z-index:10; padding:0;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .barBack {width:100%; float:left; position:relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); background-color:#094556; border-right: 0; color: #ffffff; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size:16px;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .barBack span.icon {background-image: url(../img/arrowBack.png); background-repeat:no-repeat; position:absolute; left:21px; top:12px; width:9px; height:18px; height: calc(100vh - 42px);} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros {float:left; width:100%; text-align:center; background-color:transparent; padding: 10%;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros h2 {font-family: 'Maven Pro', sans-serif; text-align:left; color:#ffffff; font-size:17px; margin:0 0 20px 0; font-weight:500; text-transform:uppercase;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros select {background-color:#ffffff; color:#094556; border: 0; border-radius:5px; font-family: 'Maven Pro', sans-serif; font-size:13px; margin: 0 0 20px; height: 40px; text-transform:uppercase; font-weight:400; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(../img/dropdown_search.png); background-repeat:no-repeat; background-position:95% 55%;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros select option {padding:3px 0 3px 15px; text-transform:none;} /*header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros .buttonFilter {float:left; width:100%; max-width:40%; margin:auto;}*/ header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros button.blue {background-color: #21a1c6; border: 0; width: 40%; margin-top: 20px; border-radius: 5px; color: #ffffff; font-family: "Maven Pro",sans-serif; font-size: 16px; font-weight: 500; height: 40px; letter-spacing: 0.5px; text-transform: uppercase; transition: all 0.3s ease 0s;} header.listagem .filters {display:none;} header.listagem .filtersMobile .mapaMobile {display:none;} header.listagem .filtersMobile .map.map-open .mapaMobile {position:absolute; width:100% !important; height:100vh; background-color:#d7d8d8; top:0; left:0; z-index:10; padding:0;} header.listagem .filtersMobile .map.map-open .mapaMobile .barBack {width:100%; float:left; position:relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); background-color:#094556; border-right: 0; color: #ffffff; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size:16px;} header.listagem .filtersMobile .map.map-open .mapaMobile .barBack span.icon {background-image: url(../img/arrowBack.png); background-repeat:no-repeat; position:absolute; left:21px; top:12px; width:9px; height:18px; height: calc(100vh - 42px);} header.listagem .filtersMobile .map.map-open .mapaMobile .containerMapa a.closeMap {display:none;} header.listagem .filtersMobile .map.map-open .mapaMobile .containerMapa .containerMap {float:left; width:100%; height: calc(100vh - 42px);} header.listagem .filtersMobile .map.map-open .mapaMobile .containerMapa .containerMap img {width: 100%;} header.result form#search .mapaMobile.map-open {display:block !important; position: fixed; width: 100% !important; height: 100vh; background-color: #d7d8d8; top: 0; left: 0; z-index: 200; padding: 0;} header.result form#search .mapaMobile.map-open .barBack {width: 100%; float: left; position: relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); background-color: #094556; border-right: 0; color: #ffffff; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size: 16px;} header.result form#search .mapaMobile.map-open .barBack span.icon {background-image: url(../img/arrowBack.png); background-repeat: no-repeat; position: absolute; left: 21px; top: 12px; width: 9px; height: 18px; height: calc(100vh - 42px);} header.result form#search .mapaMobile.map-open .containerMapa .containerMap {float: left; width: 100%; height: calc(100vh - 42px); overflow-y: scroll;} header.result form#search .mapaMobile.map-open .containerMapa a.closeMap {display:none;} header.result form#search .mapaMobile.map-open .containerMapa .containerMap img {width: 100%;} /* SEARCH */ header .destaqTxt {top: 110px;} header .destaqTxt h1 {font-size: 37px;} header .destaqTxt span {font-size: 37px;margin-top: 20px;margin-bottom: 10px;display: block;} header .destaqTxt h3 {font-size: 23px; margin-top: 12px;} header .descontos h5 {font-size: 17px;} header .reservas {top: 240px; z-index: 10;} header .reservas .searchContainer .secondLine {margin-top: 10px;} header .reservas .searchContainer .secondLine .location {width: 25%;} header .reservas .searchContainer .secondLine .location .iconDesign {background-size: 90%;} header .reservas .searchContainer .secondLine .location input {height:35px; font-size: 14px;} header .reservas .searchContainer .secondLine .freeSearch input {height:35px; font-size: 14px;} header .reservas .searchContainer .secondLine .submitSearch {width: 23%;} header .reservas .searchContainer .secondLine .submitSearch button {height: 35px; font-size: 15px;} header .reservas .searchContainer .secondLine .submitSearch .iconDesign {background-size: 90%; top: 8px; right: 12px;} header .reservas .searchContainer label.search .radioDesign {top: 29%;} header .reservas .searchContainer .firstLine .rankingLink a {font-size: 16px;} header .reservasMore {top: 338px;} header .reservasMore .reservasAdvanced select {font-size: 12px; margin-right: 1.25%; height: 25px; padding: 3px 6px;} header .reservasMore .reservasAdvanced .small {width: 11.5%; background-position: 93% 55%;} header .reservasMore .reservasAdvanced .big {width: 22.5%; background-position: 97% 55%;} header .reservasMoreArrow {top:340px;} header.listagem .reservasListagem {padding:10px 20px 15px;} header.listagem .reservasListagem .searchContainer .firstColumn {width:77%;} header.listagem .reservasListagem .searchContainer .firstColumn .location input {height:35px; font-size:14px;} header.listagem .reservasListagem .searchContainer .firstColumn .location .iconDesign {background-size: 90%;} header.listagem .reservasListagem .searchContainer .firstColumn .freeSearch input {height:35px; font-size:14px;} header.listagem .reservasListagem .searchContainer .thirdColumn {width:23%;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch button {height:35px; font-size:15px;} header.listagem .reservasListagem .searchContainer .thirdColumn .submitSearch .iconDesign {background-size: 90%; top: 8px; right: 12px;} header.listagem .reservasListagem .searchContainer .secondColumnMobile {display:block; float:left; width:100%; margin-bottom:10px;} header.listagem .reservasListagem .searchContainer .secondColumn {display: none;} header.listagem .reservasListagem .searchContainer .radio label {padding-top:0;} header.listagem .reservasListagem .searchContainer .radio label span.iconRest {position:relative; top: inherit; left: inherit; margin-left: 5px;} header.listagem .reservasListagem .searchContainer .radio label span.iconHotel {position:relative; top: inherit; left: inherit; margin-left: 5px;} header.listagem .reservasListagem .searchContainer .radio label span.iconActiv {position:relative; top: inherit; left: inherit; margin-left: 5px;} header.listagem .reservasListagem .searchContainer label.search .radioDesign {top: 25%;} header.listagem .reservasListagem .searchContainer label.search.active .radioDesign {top: 25%;} header.listagem .filters .filtersAdvanced select {margin-bottom: 10px; display:none;} header.listagem .filters .filtersAdvanced .big {width: 25%;} header.listagem .filters .filtersAdvanced .small {width: 15%;} header .slider {height: 450px;} header.result .filtersMobile {display:none;} /* SLIDER */ .slider {height: 450px;} /* HOMEPAGE */ .weekDstk {padding: 20px 20px 30px 20px;} .weekDstk .containerWeek .dstkTit {font-size: 22px; margin-bottom: 20px;} .weekDstk .containerWeek .dstk {width: 31%; margin-right: 3%; height: 170px;} .weekDstk .containerWeek .dstk h1 {font-size:15px; height: 50px;} .weekDstk .containerWeek .dstk h1.big {padding: 5px 35px; line-height: 19px;} .hpDstk .containerHp .dstkCat {width: 31%; margin-right: 3%;} .hpDstk .containerHp .dstkCat h1 {font-size: 20px;} .hpDstk .containerHp .dstkCat h1.rest:after, .hpDstk .containerHp .dstkCat h1.hotel:after, .hpDstk .containerHp .dstkCat h1.activ:after {background-size: 81%; margin-left: 9px; background-position: bottom;} .hpDstk .containerHp .dstkCat .dstk {height: 135px; margin-top: 15px;} .hpDstk .containerHp .dstkCat .dstk h2 {padding:25px; font-size: 17px; line-height: 19px;} .hpDstk .containerHp .dstkCat button {margin-top: 5px; padding: 7px; font-size: 15px;} .parcerias {padding: 15px 0 35px;} .parcerias .containerPar .dstk {height:172px; margin: 5px 10px; /*width: 150px !important; height: 150px;*/} .parcerias .containerPar .dstk:before {font-size: 10px;} .parcerias .containerPar .dstk img {width: 100%;} .parcerias .slick-dots {bottom: -28px;} /* LISTAGEM */ body.fixo .listagemList.scrollList {margin-top: 130px;} .listagemList {background: linear-gradient(90deg, #ffffff 60%, #f7f7f7 40%);} .listagemList .containerList {background:#ffffff; max-width: 100%; display: block; position:inherit;} .listagemList .containerList .results {width:100%; float:left;} .listagemList .containerList .sidebar {width:40%; float:left;} .listagemList .containerList .sidebar .containerSidebar {width: 100%; padding-right: 20px;} .listagemList .containerList .results .map {display:none;} .listagemList .containerList .results .barResults {padding: 3px 10px 3px 20px;} .listagemList .containerList .results .barResults .form-group {display:none;} .listagemList .containerList .results .barResults .numberResult {text-align:left; width: 100%; font-size: 12px;} .listagemList .containerList .results .listResults {float: left; width: 100%;} .listagemList .containerList .results .listResults .containerResults .resultUno .img img {max-width: inherit; max-height: inherit;} /* RESULTADO */ .resultado {background:linear-gradient(90deg, #ffffff 60%, #f7f7f7 40%);} .resultado .resultContainer {background: #ffffff; max-width: 100%; display:block;} .resultado .resultContainer .results {width: 60%;} .resultado .resultContainer .results .related .morePromo button {max-width:100%; margin-left: 0;} .resultado .resultContainer .results {padding: 10px 0 0 20px;} .resultado .resultContainer .results .breadcrumbs ul li {font-size: 12px;} .resultado .resultContainer .results .breadcrumbs ul li:after {padding: 0 2px 0 6px; font-size: 12px;} .resultado .resultContainer .results .title {margin-top: 10px;} .resultado .resultContainer .results .title h1 {font-size:24px;} .resultado .resultContainer .results .title .ranking {float: left; width: 100%; margin-right:0; margin-top: 7px;} .resultado .resultContainer .results .title .ranking .place {width: auto; padding: 3px 9px; height: 23px; border-radius: 3px; margin-top:0; float:left;} .resultado .resultContainer .results .title .ranking .place h2 {font-size:16px;} .resultado .resultContainer .results .title .ranking .of {padding:3px 8px 0 8px; width: auto; height: 23px; border-radius: 0; float:left; background-color: transparent;} .resultado .resultContainer .results .title .ranking .of span {font-size:12px;} .resultado .resultContainer .results .title .ranking a {float:left; width: auto; padding-left: 5px;} .resultado .resultContainer .results .slider {height: 225px; margin-left:-20px; width:calc(100% + 20px);} .resultado .resultContainer .sliderPromo .promo {left: -20px;} .resultado .resultContainer .results .tabsResult {margin-top: 10px;} .resultado .resultContainer .results .tabsResult .social {position: relative; top: inherit; right: inherit; float: left; width: 100%; margin-bottom: 10px; text-align: center;} .resultado .resultContainer .results .tabsResult ul.nav-tabs {float:left; width: 100%;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li {width: 100%; border-bottom:1px solid #ffffff;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li a {margin-right: 0; border-radius:0; text-align: center;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li:first-child a {border-radius:5px 5px 0 0;} .resultado .resultContainer .results .tabsResult ul.nav-tabs li:last-child {border-bottom:0;} .resultado .resultContainer .results .tabsResult .tab-content {font-size:13px;} .resultado .resultContainer .results .mapa {max-height: 200px;} .resultado .resultContainer .results .related {margin: 30px 0;} .resultado .resultContainer .results .related h2 {font-size: 18px;} .resultado .resultContainer .results .related h6 {font-size: 14px; margin-top: 12px; margin-bottom: 12px;} .resultado .resultContainer .results .related .resultRelated {width: 100%; height:110px;} .resultado .resultContainer .results .related .resultRelated a:hover div.hover h6 {padding-top:6%;} .resultado .resultContainer .results .slider .slick-slide img {max-height: 230px;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm form {max-width: 100%;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto {width: 100%; margin-right: 0;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.rest h6 {background-size: 4% auto; padding-left: 46px; background-position: 20px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.hotel h6 {background-size: 7% auto; padding-left: 60px; background-position: 20px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.activ h6 {background-size: 4.5% auto; padding-left: 48px; background-position: 20px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a {padding: 3px 20px;} .resultado .sidebar {width: 40%;} .resultado .sidebar .containerSidebar {width: 100%; padding-right: 20px;} .resultado .sidebar .containerSidebar .mrec {margin: 15px 0px 30px 10px;} .resultado .sidebar .containerSidebar .ranking {height: 225px;} .resultado .sidebar .containerSidebar .ranking .containerRank div button {max-width:40%;} /* DOSSIERS */ .listagemList .containerList .content-dossier {width: 100%;} .listagemList .containerList .dossier {width: 100%;} .listagemList .containerList .dossier .dstkCat .destaques .column {width:100%;} .listagemList .containerList .dossier .dstkCat .destaques .column .dstk {height: 100px;} .listagemList .containerList .dossier .dstkCat .destaques .dstk h2 {padding: 10px;} .listagemList .containerList .dossier .dstkCat .viewMore {margin: 0 0 20px 0;} .listagemList .containerList .dossier .mapDossier {display:none;} .listagemList .containerList .dossier .listDossier {float: left; width: 100%; padding: 0 0 0 20px;} .listagemList .containerList .newsList .noticias .slider {height:270px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt ul.share {float: left; text-align: left; width:65%;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .mapaMobileDossiers {display:block; float: right; padding:10px; background-color:#ebebeb; font-weight: 500; line-height: 14px; border-radius: 3px; text-align: center; margin-top:-10px; margin-right:5px; width:20%;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .mapaMobileDossiers span {color: #094556; font-family: 'Maven Pro', sans-serif; font-size: 11px; text-transform: uppercase;} /* NOTICIAS */ .listagemList .containerList .newsList, .listagemList .containerList .newsList.zero {width: 60%;} .listagemList .containerList .newsList .noticias .news {height: 150px; width: calc(100% - 20px); margin-right: 0; margin-bottom: 20px;} .listagemList .containerList .newsList .viewMore {margin: 0 0 20px 0;} /* O QUE FAZER */ .listagemList .containerList .weekList {width:60%;} .listagemList .containerList .weekList .lineWeek .weekBlock {width: 100%; margin-right: 0;} .listagemList .containerList .weekList .filtersWeek a {font-size: 14px; padding: 3px 20px; margin-right: 10px;} .listagemList .containerList .destaques.fds .dstk {width: 100%; height: 100px; margin-right:0;} /* FAVORITOS */ .listagemList .containerList .results.fav {width:60%;} .listagemList .containerList .results.mapClosed .containerResults a:nth-child(odd) .resultUno {width:100%; margin-right:0;} /* GERAL */ .geral .containerGeral .conteudos {width:60%;} .geral .sidebar {width:40%;} .geral .sidebar .containerSidebar .mrec {margin: 15px 0 30px 10px;} .geral .containerGeral .conteudos form {max-width: 100%;} .geral .containerGeral .conteudos .texto {width: 100%;} .geral .containerGeral .conteudos .contactsForm {float: left; width: 100%; margin-top: 20px;} .geral .containerGeral .conteudos .contactsForm form {padding-left: 0;} .geral .containerGeral .conteudos .mapContacts iframe {height:250px !important;} /* FOOTER */ footer .nl {padding: 15px 20px;} footer .nl .containerNl .left {width: 77%} footer .nl .containerNl .left h3 {font-size: 20px; margin: 0 0 3px 0;} footer .nl .containerNl .left p {max-width: 100%; font-size: 13px; margin-bottom: 5px;} footer .nl .containerNl .left form {width: 100%; padding-right:0;} footer .nl .containerNl .left form input {height: 30px; font-size: 14px;} footer .nl .containerNl .left form button.blue {height: 30px; font-size: 14px; width: 25%;} footer .nl .containerNl .right {width: 23%;} footer .nl .containerNl .right img {margin-left: 10px;} footer .footer {padding: 15px 20px;} footer .footer .containerFooter .containerMenu {padding-right: 2%;} footer .footer .containerFooter .containerMenu ul {margin-bottom: 5px;} footer .footer .containerFooter .containerMenu h3 {font-size: 18px; margin: 0 0 3px 0;} footer .footer .containerFooter .containerMenu ul li a {font-size: 12px;} footer .footer .containerFooter .containerSocial ul li a {font-size: 17px; padding: 4px 6px;} footer .footer .containerFooter .containerSocial ul li a .fa {width: 17px;} footer .copyright .containerCopyright {padding: 5px 20px;} footer .copyright .containerCopyright h6 {padding-top: 5px;} /*Listagem*/ .open_map{display: none !important;} } @media screen and (max-width: 1024px) { .parcerias .containerPar .dstk {height:164px;} footer .nl .containerNl .left form input {float:left;} .nlBar {display:none !important;} .listagemList .containerList .results .rankingTxt p {padding-left:0;} } @media screen and (max-width: 699px) { body.menu-open { overflow-y: hidden;} body.fixo .resultado {margin-top:0;} body.fixo .listagemList {margin-top:0;} /* HEADER */ header .preHeader {background-color:#094556; position: relative; display:none;} header .preHeader .idiomas {width: 100%;} header .preHeader .idiomas .form-group {float:right;} header .preHeader .idiomas .form-control {color:#ffffff; background-image: url(../img/dropdown_idiomas_white.png);} header .preHeader .idiomas option {background-color: #094556; color: #ffffff;} header .preHeader .menuTop {display:none;} header {position:relative; height:560px;} header .blueBar {padding: 8px 20px 5px 10px; box-shadow: 0 4px 5px rgba(44,56,80,0.3); z-index:11; top:0;} header .blueBar .logo img {width: 138px; height:auto;} header .blueBar .premio {display:none;} header .menuMobile {display:block; float:right; padding: 11px 0 0;} header .menuMobile a.menuIcon {padding: 20px 0; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; width: 150px; margin: auto;} header .menuMobile .lines {display: inline-block; width: 4rem; height: 0.37143rem; background: #ffffff; border-radius: 0.28571rem; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; position: relative;} header .menuMobile ul.menuLife {} header .blueBar.fixed {position: fixed; z-index:200; top:0; background-color: rgba(33,161,198,1);} header .slider {height:540px;} /* HEADER LISTAGEM */ header.listagem {height:auto;} header.listagem .blueBar.list {padding:8px 20px 5px 10px;} header.listagem .blueBar.list .logo img {width:138px; height:auto;} header.listagem .blueBar.list .claim h1 {margin: 10px 5px;} header.listagem .blueBar.list .claim span {margin: 10px 5px;} header.listagem form#search.fixed {position:relative;} header.listagem .reservasListagem {display:none;} header.listagem .listSearchMobile {display:block; float:left; width:100%; height:180px; position:relative} header.listagem .listSearchMobile .slider {height:180px; overflow:hidden; position:absolute; top:0; left:0; display:inline-block;} header.listagem .listSearchMobile .resultTxt {position:relative; z-index:2; padding: 20px; float:left; width:100%;} header.listagem .listSearchMobile .resultTxt h1 {float: left; width:100%; text-align:center; color:#ffffff; font-family: 'Dosis', sans-serif; font-size:24px; letter-spacing:1px; text-transform:uppercase; font-weight:500; margin: 10px 0 0;} header.listagem .listSearchMobile .resultTxt h3 {float: left; width:100%; text-align:center; color:#ffffff; font-family: 'Maven Pro', sans-serif; margin:10px 0 0; font-size:18px; font-weight:500;} header.listagem .listSearchMobile .resultTxt .searchAgain {float:left; width:100%; text-align:center; margin:10px 0; position:relative;} header.listagem .listSearchMobile .resultTxt .searchAgain .iconDesign {background-image: url(../img/iconSearch.png); background-size: 90%; background-repeat: no-repeat; position: absolute; right: 31%; top: 6px; width: 23px; height: 23px;} header.listagem .listSearchMobile .resultTxt .searchAgain .blue {width:100%; max-width:40%; border:0; background-color:#21a1c6; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; padding-right: 30px; font-size:14px; color:#ffffff; font-weight:500;} header.listagem .listSearchMobile .resultTxt h5 {float: left; width:100%; text-align:center; color:#ffffff; font-family: 'Maven Pro', sans-serif; font-size:14px; font-weight: 400; margin:5px 0;} header.listagem .listSearchMobile .slider .hover {background-color: rgba(0,0,0,0.5); width:100%; height:100%; position:relative; z-index:1;} header.listagem .listSearchMobile .slider img {position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: auto; width:100%;} header.listagem .divSearchMobile.fixo {display:block; position: fixed; top: 0; width: 100%; left: 0; z-index: 15;} header.listagem .divSearchMobile.fixo .searchAgain {float: left; width: 100%; position: relative;} header.listagem .divSearchMobile.fixo .searchAgain .iconDesign {background-image: url(../img/iconSearch.png); background-size: 90%; background-repeat: no-repeat; position: absolute; right: 33%; top: 12px; width: 23px; height: 23px;} header.listagem .divSearchMobile.fixo .searchAgain .blue {width: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.5); border: 0; background-color: #21a1c6; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; padding: 10px 30px 10px 0; font-size: 14px; color: #ffffff; font-weight: 500; border-radius:0;} /*header.listagem form.fixed .listSearchMobile {display:none;}*/ header.listagem .filtersMobile.fixo {position:fixed; top:40px; left:0;} header.listagem .filtersMobile div.order {width: 33.33%;} header.listagem .filtersMobile div.order select {background-position: 96% 55%; padding: 5px 5px 5px 10px;} header.listagem .filtersMobile div.filtros, header.listagem .filtersMobile div.map {width: 33.33%;} header.listagem .searchAgainMobile.open {position:fixed; width:100% !important; height:100vh; overflow-y: scroll; background-color:rgba(0,0,0,0.9); /*background-color:#d7d8d8;*/ top:0; left:0; z-index:200; padding:0;} header.listagem .searchAgainMobile.open .barBack {width:100%; float:left; position:relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); background-color:#094556; border-right: 0; color: #ffffff; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size:16px;} header.listagem .searchAgainMobile.open .barBack span.icon {background-image: url(../img/arrowBack.png); background-repeat:no-repeat; position:absolute; left:21px; top:12px; width:9px; height:18px; height: calc(100vh - 42px);} header.listagem .searchAgainMobile.open .containerSearch {float: left; width: 100%; text-align: center; background-color: transparent; padding: 2% 10%;} header.listagem .searchAgainMobile.open .containerSearch h2 {font-family: 'Maven Pro', sans-serif; text-align: left; color: #ffffff; font-size: 17px; margin: 0 0 20px 0; font-weight: 500; text-transform: uppercase;} header.listagem .searchAgainMobile.open .containerSearch .location input, header.listagem .searchAgainMobile.open .containerSearch .freeSearch input {height: 40px; margin: 0 0 20px; font-size: 13px; font-family: 'Maven Pro', sans-serif; border-radius: 5px; border: 0; color: #094556; background-color: #ffffff; box-shadow: none;} header.listagem .searchAgainMobile.open .containerSearch .location {position:relative;} header.listagem .searchAgainMobile.open .containerSearch .location input {padding-left:40px;} header.listagem .searchAgainMobile.open .containerSearch .location .iconDesign {background-image: url(../img/iconLocal.png); background-repeat: no-repeat; position: absolute; left: 10px; top: 7px; width: 22px; height: 26px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio {background-color: #ffffff; padding:10px 30px; border-radius: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio {display: inline-block; width: 32%; margin: 0 auto;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label {position: relative; min-height: 30px; margin-bottom: 10px; font-family: 'Maven Pro', sans-serif; padding-left: 23px; color:#d7d8d8;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label.active {color: #094556;} header.listagem .searchAgainMobile.open .containerSearch label.search .radioDesign {background-image: url(../img/radioButton_gray.png); background-repeat: no-repeat; width: 14px; height: 14px; background-size: 14px; background-position: left 50%; position: absolute; left: 0; top: 25%;} header.listagem .searchAgainMobile.open .containerSearch label.search.active .radioDesign {background-image: url(../img/radioButton_ON_gray.png); background-repeat: no-repeat; width: 14px; height: 14px; background-size: 14px; background-position: left 50%; position: absolute; left: 0; top: 25%;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio input[type="radio"] {opacity: 0; position: relative; margin-top: 7px; margin-left: -20px; height: auto;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label span.tit {display:none;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label span.iconRest {background-image: url(../img/iconRestSearch_gray.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label span.iconHotel {background-image: url(../img/iconHotelSearch_gray.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label span.iconActiv {background-image: url(../img/iconActivSearch_gray.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label.active span.iconRest {background-image: url(../img/iconRestaurantesBlue_search.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label.active span.iconHotel {background-image: url(../img/iconHotelBlue_search.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label.active span.iconActiv {background-image: url(../img/iconActivBlue_search.png); content: ""; background-repeat: no-repeat; display: inline-block; height: 19px; width: 25px; margin-left: 5px;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio .radio label div.titMobile {display: block; position: absolute; left: 0; font-family: 'Maven Pro', sans-serif; font-size:12px;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit {position: relative; margin: 35px 0 20px;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit .iconDesign {background-image: url(../img/iconSearch.png); background-size: 90%; background-repeat: no-repeat; position: absolute; right: 32%; top: 11px; width: 23px; height: 23px;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit button {width: 100%; max-width:60%; border: 0; height: 40px; background-color: #21a1c6; font-family: 'Maven Pro', sans-serif; letter-spacing: 0.5px; text-transform: uppercase; padding-right: 30px; font-size: 16px; color: #ffffff; font-weight: 500;} header.listagem .filtersMobile .filtros.filtros-open .filtrar {overflow-y:scroll; z-index: 200} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros {padding: 2% 10%;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros button.blue {margin-bottom:40px;} header.listagem .filtersMobile .map.map-open .mapaMobile {overflow-y:scroll; z-index: 200} ul.ui-autocomplete {width:80%; /*position: fixed;*/} ul.ui-autocomplete li {padding: 8px 5px !important;} ul.ui-autocomplete li a {font-size: 12px;} ul.ui-autocomplete li a .label-default.searchSugestions {font-size: 12px;} /*body.fixo ul.ui-autocomplete {position: inherit; top: initial !important;}*/ /* HEADER RESULTADO */ header.result .listSearchMobile {height:inherit;} header.result .listSearchMobile .searchAgain .iconDesign {background-image: url(../img/iconSearch.png); background-size: 90%; background-repeat: no-repeat; position: absolute; right: 33%; top: 12px; width: 23px; height: 23px;} header.result .listSearchMobile .searchAgain .blue {width:100%; border-radius:0; border:0; background-color:#21a1c6; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; padding:10px 30px 10px 0; font-size:14px; color:#ffffff; font-weight:500;} header.result form.fixed .listSearchMobile .searchAgain .blue {box-shadow:0 2px 5px rgba(0,0,0,0.5);} .lines:before, .lines:after {display: inline-block; width: 4rem; height: 0.37143rem; background: #ffffff; border-radius: 0.28571rem; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .lines-button:hover {opacity: 1;} .lines:before {top: 1rem;} .lines:after {top: -1rem;} .lines-button.x.open .lines {background: transparent;} .lines-button.x.open .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .lines-button.x.open .lines:before, .lines-button.x.open .lines:after {-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 4rem;} .lines-button.x.open .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .lines-button.x.open .lines:before, .lines-button.x.open .lines:after {-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 4rem;} .lines-button.open {-webkit-transform: scale3d(0.8, 0.8, 0.8); -moz-transform: scale3d(0.8, 0.8, 0.8); -ms-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} /* MENU */ header .menuMobile ul.menuLife {display:none; position: absolute; margin-bottom: 0; width:100% !important; height: calc(100vh - 53px); background-color: rgba(0,0,0,0.9); top: 65px; left: 0; z-index: 10; padding: 1% 0; list-style:none;} header .blueBar.fixed .menuMobile ul.menuLife {display:none; position: absolute; margin-bottom: 0; width:100% !important; height:100vh; background-color: rgba(0,0,0,0.9); top: 65px; left: 0; z-index: 10; padding: 50% 0; list-style:none;} header .menuMobile ul.menuLife li {width:100%; text-align:center; margin: 20px 0;} header .menuMobile ul.menuLife li a {font-family: 'Dosis', sans-serif; text-transform:uppercase; font-weight:400; color:#ffffff; font-size:30px; letter-spacing:2px; text-decoration:none;} header.listagem .menuMobile ul.menuLife {height: calc(100vh - 65px); padding: 1% 0; top:66px;} header .blueBar.fixed .menuMobile ul.menuLife {height: calc(100vh - 65px); padding: 1% 0; top:65px;} header .menuMobile ul.menuLife li {margin: 12px 0;} header .destaqTxt h1 {font-size: 30px;} header .destaqTxt span {font-size: 30px;margin-top: 20px;margin-bottom: 10px;display: block;} header .destaqTxt h3 {font-size: 18px; padding: 0 30px; line-height: 23px;} header .descontos {bottom: inherit; top: 455px;} header .reservasMore {display:none;} header .reservasMoreArrow {display:none;} header .reservas .searchContainer .radio {width: 32%; margin: 0 auto; text-align:center;} header .reservas .searchContainer .radio label {position: relative; min-height: 30px; margin-bottom: 10px;} header .reservas .searchContainer .radio label span.tit {display:none;} header .reservas .searchContainer .radio label div.titMobile {display:block; font-size: 11px; position:absolute; left:0;} header .reservas .searchContainer .firstLine .rankingLink {display:none;} header .reservas .searchContainer .secondLine .location {width:100%;} header .reservas .searchContainer .secondLine .location input {border-radius:3px; height:40px; font-size:13px;} header .reservas .searchContainer .secondLine .freeSearch {width:100%; padding-left: 0; margin-top:10px;} header .reservas .searchContainer .secondLine .freeSearch input {border-radius:3px; height:40px; font-size:13px;} header .reservas .searchContainer .secondLine .submitSearch {display:none;} header .submitSearchMobile {display:block; position: absolute; top:400px; width:100%; max-width:60%; left:0; right:0; margin:auto;} header .submitSearchMobile button {background-color:#094556; border-radius:5px; height:40px; border:0; padding-right: 35px; width:100%; color:#ffffff; font-family: 'Maven Pro', sans-serif; text-transform:uppercase; font-size:18px; font-weight:500;} header .submitSearchMobile .iconDesign {background-image: url(../img/iconSearch.png); background-repeat:no-repeat; position:absolute; right:21px; top:9px; width:23px; height:23px;} header .scroll {display:block; position: absolute; bottom:0; padding: 3px 0; width: 100%; background-color:#094556; text-align:center;} header .descontos h5.rankMobile a {display:inline-block;} header .destaqTxt {top: 90px;} header .reservas {top: 210px;} /* SLIDER */ .slider {height: calc(100vh - 30px);} .slider img {width:auto; height:100%;} /* NL BAR */ .nlBar {top: 75%; z-index:6;} /* HOMEPAGE */ .weekDstk .containerWeek {width: 70%;} .weekDstk .containerWeek .dstkTit {font-size:24px; margin-bottom: -10px;} .weekDstk .containerWeek .dstk {width:100%; margin-top:30px; margin-right:0; height:200px; border-radius:3px;} .weekDstk .containerWeek .dstk h1 {height:60px; font-size:18px; padding: 20px 5px;} .weekDstk .containerWeek .dstk h1.big {line-height: 25px; padding: 5px 70px;} .hpDstk .containerHp {max-width: 70%;} .hpDstk .containerHp .dstkCat {width:100%; margin-top:30px;} .hpDstk .containerHp .dstkCat:first-child {margin-top: 0;} .hpDstk .containerHp .dstkCat h1 {font-size:24px;} .hpDstk .containerHp .dstkCat h1.rest:after, .hpDstk .containerHp .dstkCat h1.hotel:after, .hpDstk .containerHp .dstkCat h1.activ:after {background-size: 100%; margin-left: 12px;} .hpDstk .containerHp .dstkCat .dstk {height: 165px; border-radius: 3px; margin-top: 20px;} .hpDstk .containerHp .dstkCat button {border-radius:3px; margin-top: 10px;} .pubHP {display:none;} .parcerias {margin-bottom: 20px;} .parcerias .containerPar .dstk {height: 155px;} /* LISTAGEM */ body.fixo .listagemList.scrollList {margin-top:0;} .listagemList {background:#ffffff;} .listagemList .containerList .results {width:100%; padding: 10px;} .listagemList .containerList .results .listResults .containerResults .resultUno {width: 70%; margin: auto;} .listagemList .containerList .sidebar {width:100%; padding: 30px 10px;} .listagemList .containerList .sidebar .containerSidebar {width: 100%; margin: auto; float: none; max-width: 70%;} .listagemList .containerList .sidebar .containerSidebar h3 {width:100%; border-radius: 4px; text-align: center; padding: 7px; margin-top:30px;} .listagemList .containerList .sidebar .containerSidebar h5 {text-align:center;} .listagemList .containerList .sidebar .containerSidebar .dstkSide {margin-left:0;} .listagemList .containerList .sidebar .containerSidebar button {margin-left:0; margin-bottom: 20px;} .listagemList .containerList .sidebar .containerSidebar .mrec {margin:15px 0 30px 0; text-align: center;} .listagemList .containerList .sidebar .containerSidebar .mrec img {max-width:300px;} .listagemList .containerList .sidebar .containerSidebar .inspSide {margin-left:0;} .listagemList .containerList .results .barResults {display:none;} .listagemList .containerList .results .listResults .containerResults a:hover .resultUno {background-color:#ffffff;} .listagemList .sidebar .containerSidebar .weekSide {margin-left:0;} .listagemList .sidebar .containerSidebar .favoritos {margin-left:0; padding: 15px 10px;} .listagemList .sidebar .containerSidebar .favoritos h4 {font-size:18px;} /* RESULTADO */ .resultado {background:#ffffff;} .resultado .resultContainer .results {width:100%; padding: 10px 16%;} .resultado .resultContainer .results .tabsResult {padding-right:0;} .resultado .resultContainer .results .related {padding-right:0;} .resultado .resultContainer .results .related .resultRelated {height:80px;} .resultado .resultContainer .results .mapa {display:none;} .resultado .sidebar {width:100%; padding: 30px 10px;} .resultado .sidebar .containerSidebar {width: 100%; margin: auto; float: none; max-width: 70%;} .resultado .sidebar .containerSidebar .mrec {margin-left: 0; text-align: center;} .resultado .sidebar .containerSidebar .ranking {display:none;} .resultado .sidebar .containerSidebar .rankingMobile {display:block; position:relative; width: 100%; margin-bottom: 30px; border-radius:5px; background-color:#21a1c6; padding:10px;} .resultado .sidebar .containerSidebar .rankingMobile a {text-decoration:none;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {width:141px; height:105px; position: absolute; top:7%; left:4%; background-image: url(../img/RANK_mobile2_sidebar.png); background-repeat:no-repeat; background-size:79%;} .resultado .sidebar .containerSidebar .rankingMobile h2 {font-size:20px; letter-spacing: 0.5px; font-family: 'Maven Pro', sans-serif; color:#ffffff; text-transform:uppercase; text-align: center; font-weight: 500; margin: 5px 0; padding-left: 21%;} .resultado .sidebar .containerSidebar .rankingMobile h5 {font-size:15px; font-family: 'Maven Pro', sans-serif; color:#ffffff; font-weight:400; text-align:center; margin: 0 0 10px 0; padding-left: 21%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {text-align:center; padding-left: 21%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank button {color: #ffffff; font-size: 15px; font-weight: 400; margin-bottom: 0; text-decoration: underline;} .resultado .sidebar .containerSidebar h3 {width:100%; border-radius: 4px; text-align: center; padding: 7px;} .resultado .sidebar .containerSidebar .inspSide, .resultado .sidebar .containerSidebar .weekSide {margin-left:0;} .resultado .sidebar .containerSidebar button {margin-left:0;} .resultado .sidebar .containerSidebar .favoritos {margin-left:0; padding: 15px 10px;} .resultado .sidebar .containerSidebar .favoritos h4 {font-size:18px;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {top:21%;} .resultado .resultContainer .sliderPromo .promo {left:0;} .resultado .resultContainer .results .breadcrumbs ul li {font-size:12px;} .resultado .resultContainer .results .breadcrumbs ul li a {padding: 0 0 1px;} .resultado .resultContainer .results .title {position:relative;} .resultado .resultContainer .results .title h1 {width: 87%;} .resultado .resultContainer .results .title a.fav {font-size: 18px;} .resultado .resultContainer .results .title .rankingMobile {display:block; float: left; width: auto; margin-right:0; margin-bottom: 7px;} .resultado .resultContainer .results .title .rankingMobile .place {width: auto; padding: 3px 9px; height: 23px; border-radius: 3px 0 0 3px; margin-top:0; float:left; background-color: #21a1c6; text-align:center;} .resultado .resultContainer .results .title .rankingMobile .place h2 {font-size:16px; margin: 0; color: #ffffff; font-weight: 500; font-family: 'Maven Pro', sans-serif;} .resultado .resultContainer .results .title .rankingMobile .of {padding:2px 8px 0 8px; width: auto; height: 23px; border-radius: 0 3px 3px 0; float:left; background-color:#f7f7f7; text-align: center; margin-right:10px;} .resultado .resultContainer .results .title .rankingMobile .of span {font-size:12px; font-family: 'Maven Pro', sans-serif; color: #094556;} .resultado .resultContainer .results .title .rankingMobile a {float:left; width: auto; color: #21a1c6; text-decoration: underline; transition: all 0.3s ease 0s; padding-left: 5px; border: 0; background-color: transparent; height: auto; padding: 7px 0 0; font-family: 'Maven Pro', sans-serif; font-size: 10px; text-transform: uppercase;} .resultado .resultContainer .results .title .rankingMobile .report {display:none;} .resultado .resultContainer .results .title .ranking {display:none;} .resultado .resultContainer .results .title .mapButtonMobile {display:block; position:absolute; top:0; right:0; background-color:#ebebeb; padding:12px 10px; border-radius:3px; text-align:center; font-weight: 500; line-height: 14px;} .resultado .resultContainer .results .title .mapButtonMobile span {color:#094556; font-family: 'Maven Pro', sans-serif; font-size:11px; text-transform:uppercase;} .resultado .resultContainer .results .slider .favMobile {display:block; position: absolute; z-index: 1; top: 0; left: 0; background-image: url("../img/bkgFav.png"); background-repeat: no-repeat; width: 78px; height: 71px;} .resultado .resultContainer .results .slider .favMobile a.fav {font-size: 20px; color: #ffffff; float:left; margin-top:10px; margin-left:20px;} .resultado .resultContainer .results .slider {margin-left: 0; height: 200px; width: 100%;} .resultado .resultContainer .results .slider .slick-slide img {height: 200px;} .resultado .resultContainer .results .related .resultRelated div.hover {height: 22px;} .resultado .resultContainer .results .related .resultRelated div.hover h6 {font-size: 11px;} .resultado .resultContainer .results .mapaDiv {padding:0 20px; display:none;} header.result form#search .mapaMobile.map-open {display:block !important; position: fixed; width: 100% !important; height: 100vh; background-color: #d7d8d8; top: 0; left: 0; z-index: 200; padding: 0;} header.result form#search .mapaMobile.map-open .barBack {width: 100%; float: left; position: relative; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); background-color: #094556; border-right: 0; color: #ffffff; padding: 10px 15px; text-align: center; text-transform: uppercase; font-family: 'Maven Pro', sans-serif; font-size: 16px;} header.result form#search .mapaMobile.map-open .barBack span.icon {background-image: url(../img/arrowBack.png); background-repeat: no-repeat; position: absolute; left: 21px; top: 12px; width: 9px; height: 18px; height: calc(100vh - 42px);} header.result form#search .mapaMobile.map-open .containerMapa .containerMap {float: left; width: 100%; height: calc(100vh - 42px); overflow-y: scroll;} header.result form#search .mapaMobile.map-open .containerMapa a.closeMap {display:none;} header.result form#search .mapaMobile.map-open .containerMapa .containerMap img {width: 100%;} /* MAPA */ #overlay .mapThumb h4.title {max-width: 70%; padding: 0;} /* DOSSIERS */ .listagemList .containerList .content-dossier {width:100%;margin-top: 50px;} .listagemList .containerList .dossier {width:100%;} .listagemList .containerList .newsList .noticias .slider {height:200px;} .listagemList .containerList .newsList .noticias .slider .slick-slide img {height:200px;} .listagemList.dossier .containerList .dossier .listDossier{max-width:100% !important; } /* O QUE FAZER */ .listagemList .containerList .weekList, .listagemList .containerList .newsList.zero {width: 100%;} .listagemList .containerList .weekList.zero {padding: 10px 20px 0 20px;} .listagemList .containerList .weekList .line {padding-right:0;} .listagemList .containerList .dossier .listDossier {padding: 0 10px; margin: 0 auto 0; float: none; max-width: 70%; width: 100%;} .listagemList .containerList .dossier .listDossier .result.dstk .img img {max-height: inherit;} /* NOTICIAS */ .listagemList .containerList .newsList {width:100%;} .listagemList .containerList .newsList.zero {padding: 10px 20px 0 20px;} .listagemList .containerList .newsList .noticias .news {width:100%;} .listagemList .containerList .newsList .viewMore {margin:0;} .listagemList .containerList .newsList .filtrosNews {padding-right:0;} /* FAVORITOS */ header.listagem .listSearchMobile.rank {display:none;} /*header.listagem .filtersMobile.rank {display:none;}*/ .listagemList .containerList .results.fav {width:100%; padding:10px 0 50px 0;} .listagemList .containerList .results.mapClosed .listResults.favoritos {width: 70%; float: none; margin:auto;} .listagemList .containerList .results.fav h1 {width:70%; margin:12px auto 20px;} .geral .containerGeral .conteudos .contactsForm {padding-right:0; width:70%; margin: 20px auto; float: none;} .geral .containerGeral .conteudos .contactsForm form {margin-top: 20px;} .geral .containerGeral .conteudos .mapContacts {padding-right:0; width:70%; margin: 20px auto; float: none;} /* RANKING */ header.listagem .filtersMobile.rank .order {display:none;} header.listagem .filtersMobile.rank .filtros {display:none;} header.listagem .filtersMobile.rank .map {width:100%; padding:10px;} header.listagem .filtersMobile.rank .map h3 {font-size:14px;} /* GERAL */ .geral {background:#ffffff;} .geral .containerGeral {display:block; max-width: 100%; background: #ffffff; position: inherit;} .geral .containerGeral .conteudos {width: 100%; padding: 10px;} .geral .containerGeral .conteudos h1 {width:70%; margin:12px auto 20px;} .geral .containerGeral .conteudos p {padding-right:0; width:70%; margin:auto;} .geral .containerGeral .conteudos form {padding-right:0; width:70%; margin: 20px auto; float: none;} .geral #accordion {padding-right:0; width:70%; margin:30px auto;} .geral .sidebar {width: 100%; padding: 30px 10px;} .geral .sidebar .containerSidebar {width: 100%; margin: auto; float: none; max-width: 70%;} .geral .sidebar .containerSidebar h3 {width: 100%; border-radius: 4px; text-align: center; padding: 7px;} .geral .sidebar .containerSidebar .weekSide, .geral .sidebar .containerSidebar .inspSide {margin-left:0;} .geral .sidebar .containerSidebar .mrec {margin-left: 0; text-align: center;} .geral .sidebar .containerSidebar a {margin-left:0;} .listagemList .containerList .sidebar .containerSidebar a {margin-left:0;} .v .sidebar .containerSidebar .favoritos {margin-left:0; padding: 15px 10px;} .geral .sidebar .containerSidebar .favoritos h4 {font-size:18px;} /* RANKING */ .listagemList .containerList .results .rankingTxt {max-width:70%; float:none; width:100%; margin: 0 auto; border-bottom: 3px solid #e1e1e1; padding:0 0 20px 0;} .listagemList .containerList .results .rankingTxt .mapaMobileRanking {display: block; padding: 10px; background-color: #ebebeb; font-weight: 500; line-height: 14px; border-radius: 3px; text-align: center; margin-top: 20px; margin-right: 5px; width: 20%;} .listagemList .containerList .results .rankingTxt .mapaMobileRanking span {color: #094556; font-family: 'Maven Pro', sans-serif; font-size: 11px; text-transform: uppercase;} /* FOOTER */ footer .nl {padding: 15px 20px 20px;} footer .nl .containerNl .left {width:100%;} footer .nl .containerNl .left h3 {font-size: 18px; margin: 0 0 10px 0;} footer .nl .containerNl .left p {display:none;} footer .nl .containerNl .left form {padding-right:0;} footer .nl .containerNl .left form input {width:100%; border-radius:3px;} footer .nl .containerNl .left form button.blue {margin-left: 0; width: 100%; border-radius: 3px; margin-top: 5px;} footer .nl .containerNl .right {display:none;} footer .footer .containerFooter .containerMenu {width: 100%; border-bottom:1px solid #05232b;} footer .footer .containerFooter .containerMenu h3 {display: none} footer .footer .containerFooter .containerMenu a.menu {display:block; position:relative; margin: 5px 0 5px 0; font-family: 'Maven Pro', sans-serif; color: #21a1c6; font-size:15px; font-weight: 400; text-decoration: none;} footer .footer .containerFooter .containerMenu a.menu:before {content:"\f067"; font-family: FontAwesome; position:absolute; right:0; top:4px; font-size:11px;} footer .footer .containerFooter .containerMenu a.menu.active:before {content:"\f068"; font-family: FontAwesome; position:absolute; right:0; top:4px; font-size:11px;} footer .footer .containerFooter .containerMenu ul {margin-bottom:10px;} footer .footer .containerFooter .containerMenu ul.menuItems {display:none;} footer .footer .containerFooter .containerMenu ul li a {margin: 0 0 5px 0; width:auto;} footer .footer .containerFooter .containerSocial {padding:20px 0 5px;} footer .copyright .containerCopyright .jellymobile {display: block; float: right;} footer .copyright .containerCopyright .jelly {display:none;} } @media screen and (max-width: 667px) { .parcerias .containerPar .dstk {height: 163px; max-width:163px; margin:5px 30px;} .listagemList .containerList .dossier .listDossier .result.dstk .txt .mapaMobileDossiers {width: 25%; margin-right: -10px;} .listagemList .sidebar .containerSidebar .favoritos {padding: 10px;} .resultado .sidebar .containerSidebar .favoritos {padding: 10px;} .geral .sidebar .containerSidebar .favoritos {padding: 10px;} } @media screen and (max-width: 615px) { .resultado .sidebar .containerSidebar .rankingMobile h2 {padding-left: 30%;} .resultado .sidebar .containerSidebar .rankingMobile h5 {padding-left: 30%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {padding-left: 30%;} } @media screen and (max-width: 568px) { .parcerias .containerPar .dstk {height: 150px; max-width:150px; margin: 5px 20px;} } @media screen and (max-width: 540px) { /* HEADER */ header.listagem .blueBar.list {padding:8px 20px 5px 10px; box-shadow: 0 4px 5px rgba(44,56,80,0.3);} header.listagem .blueBar.list .logo {width:50%; padding-left:0;} header.listagem .blueBar.list .logo img {width:138px;} header.listagem .blueBar.list .claim {display:none;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros button.blue {width:60%;} header.listagem .filtersMobile div.order {width: 33.33%;} header.listagem .filtersMobile div.order select {background-position: 90% 55%; padding: 5px 5px 5px 10px;} header.listagem .filtersMobile div.filtros, header.listagem .filtersMobile div.map {width: 33.33%;} header.result .blueBar.list {z-index:1;} /* HOMEPAGE */ .weekDstk .containerWeek {width:100%;} .hpDstk .containerHp {max-width:100%;} .parcerias .containerPar .dstk {height: 140px; max-width:140px; margin: 5px 20px;} /* LISTAGEM */ body.fixo .listagemList {margin-top:0;} body.fixo .listagemList.scrollList {margin-top:0;} .listagemList .containerList .results {padding: 0 0 10px 0;} .listagemList .containerList .results .listResults .containerResults .resultUno {width: 100%;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank {margin-right:10px;} .listagemList .containerList .sidebar {padding: 30px 20px;} .listagemList .containerList .sidebar .containerSidebar {max-width: 100%;} /* RESULTADO */ body.fixo .resultado {margin-top:0;} .resultado .resultContainer .results {padding: 10px 0;} .resultado .resultContainer .results .breadcrumbs {padding:0 20px;} .resultado .resultContainer .results .title {padding:0 20px;} .resultado .resultContainer .results .title h1 {width: 75%;} .resultado .resultContainer .results .title .mapButtonMobile {right:20px;} .resultado .resultContainer .results .tabsResult {padding:0 20px;} .resultado .resultContainer .results .related {padding:0 20px;} .resultado .sidebar {padding: 30px 20px;} .resultado .sidebar .containerSidebar {max-width:100%; padding-right:0;} .resultado .sidebar .containerSidebar .rankingMobile h2 {padding-left: 20%;} .resultado .sidebar .containerSidebar .rankingMobile h5 {padding-left: 20%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {padding-left: 20%;} .resultado .resultContainer .results .aquiPerto {padding:0 20px;} .resultado .sidebar .containerSidebar .dstkSide {margin-left: 0px;width: 100%;} /* GERAL */ .geral .containerGeral .conteudos {padding:10px 20px;} .geral .containerGeral .conteudos h1 {width: 100%;} .geral .containerGeral .conteudos p {width:100%;} .geral .containerGeral .conteudos .contactsForm {float:left; width:100%;} .geral .containerGeral .conteudos .contactsForm form {margin-bottom:0;} .geral .containerGeral .conteudos .mapContacts {float:left; width:100%;} .geral .containerGeral .conteudos form {float:left; width:100%;} .geral #accordion {width: 100%;} /* FAVORITOS */ .listagemList .containerList .results.fav h1 {width: 100%; padding: 0 20px;} .listagemList .containerList .results.mapClosed .listResults.favoritos {width: 100%; float: left;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h1 {padding:0;} .listagemList .containerList .results .rankingTxt p {padding:0;} /* O QUE FAZER */ .listagemList.dossier .containerList .dossier .listDossier .result.dstk .img{width: 100%;margin-bottom: 10px;} .listagemList.dossier .containerList .dossier .listDossier .result.dstk .txt{position: relative;width: 100%;} .listagemList .containerList .dossier .listDossier {max-width:100%; padding:0 20px;} /* RANKING */ .listagemList .containerList .results .rankingTxt {max-width:100%; padding: 0 20px 10px;} .listagemList .containerList .results .rankingTxt .mapaMobileRanking {margin-bottom:20px;} .listagemList .containerList .results .rankingTxt p {font-size:13px;} /* SIDEBAR */ .geral .sidebar {padding: 30px 20px;} .geral .sidebar .containerSidebar {max-width: 100%;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {top: 18%;} } @media screen and (max-width: 480px) { .parcerias .containerPar .dstk {height: 140px; max-width:140px; margin: 5px 10px;} } @media screen and (max-width: 470px) { header .blueBar.fixed .menuMobile ul.menuLife {padding: 40% 0;} header .menuMobile ul.menuLife {padding: 40% 0;} header.listagem .listSearchMobile .resultTxt .searchAgain .iconDesign {right: 27%;} header.listagem .listSearchMobile .resultTxt .searchAgain .blue {max-width:50%;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio {padding:10px;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit .iconDesign {right: 30%;} header.result .listSearchMobile .searchAgain .iconDesign {right: 31%;} header.listagem .menuMobile ul.menuLife {height: calc(100vh - 63px); padding: 40% 0; top:65px;} header.listagem .searchAgainMobile.open .containerSearch {padding: 30% 10%;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros {padding:10%;} /* RESULTADO */ .resultado .resultContainer .results .title a.fav {/*clear:both;*/ margin-left: 0;} .resultado .resultContainer .results .title .ranking {width:auto; margin-left:15px;} .resultado .sidebar .containerSidebar .weekSide {margin: 15px 0 10px 0;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {background-image: url(../img/RANK_mobile_sidebar.png); width: 66px; height:73px; background-size: inherit; top:14%;} .resultado .sidebar .containerSidebar .rankingMobile h2 {padding-left: 17%;} .resultado .sidebar .containerSidebar .rankingMobile h5 {padding-left: 17%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {padding-left: 17%;} } @media screen and (max-width: 435px) { /* LISTAGEM */ .listagemList .containerList .results .listResults .containerResults .resultUno {border-bottom: 5px solid #e1e1e1;height: 112px;} .listagemList .containerList .results {padding:10px 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .img {width: 35%; float:left;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt {width: 65%; float:left;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile {display:block; width: 65%; float:left; padding: 0 0 0 10px; position: relative; margin-top:3px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile .place {float:left; height:21px; width:35px; background-color:#60bbd6; border-radius:3px 0 0 3px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile .place h2 {margin:0; font-size:15px; text-align: center; font-family: 'Maven Pro', sans-serif; font-weight:500; color:#ffffff; padding-top: 2px;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile .of {float:left; height:21px; width:auto; border-radius: 0 3px 3px 0; padding: 0 8px 0 5px; background-color: #f7f7f7;} .listagemList .containerList .results .listResults .containerResults .resultUno .rankMobile .of span {margin:0; font-size:10px; font-family: 'Maven Pro', sans-serif; font-weight:500; color:#094556; padding-top: 1px;} .listagemList .containerList .results .listResults .containerResults .resultUno .report {position:absolute;right:5px; margin-top:-2px; text-align:right;} .listagemList .containerList .results .listResults .containerResults .resultUno .rank {display:none;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h1 {font-size:13px; margin-bottom: -3px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h3 {font-size:11px;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt p {margin: 1% 0 0;} } @media screen and (max-width: 420px) { header {height:100vh;} header .slider {height:100vh;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit .iconDesign {right:27%;} header.result .listSearchMobile .searchAgain .iconDesign {right: 29%;} .parcerias .containerPar .dstk {height:167px; max-width:167px; margin:5px 20px;} /*header .destaqTxt {top: 110px;} header .descontos {top: 485px;} header .reservas {top: 240px;} header .submitSearchMobile {top: 430px;}*/ /* LISTAGEM */ body.fixo .listagemList.scrollList {margin-top:0;} header.listagem .filtersMobile div.order {width: 35.33%;} header.listagem .filtersMobile div.order select {background-position: 90% 55%; padding: 5px 5px 5px 10px;} header.listagem .filtersMobile div.filtros, header.listagem .filtersMobile div.map {width: 31.33%;} header.listagem .divSearchMobile.fixo .searchAgain .iconDesign {right: 29%;} /* LISTAGEM */ .listagemList .containerList .results {padding: 0;} .listagemList .containerList .results .listResults .containerResults .resultUno .img img {max-width:inherit;} .listagemList .sidebar .containerSidebar .favoritos {padding:10px;} .listagemList .sidebar .containerSidebar .favoritos h4 {font-size: 16px;} /* RESULTADO */ .resultado .resultContainer .results .title h1 {font-size:21px; font-weight:600; letter-spacing:-1px;} .resultado .resultContainer .results .title .ranking .place {height:auto; padding: 2px 9px;} .resultado .sidebar .containerSidebar .rankingMobile {padding: 0 10px;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {background-size: 80%; top:22%; left:3%;} .resultado .sidebar .containerSidebar .rankingMobile h2 {padding-left: 17%;} .resultado .sidebar .containerSidebar .rankingMobile h5 {padding-left: 17%;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {padding-left: 17%;} .resultado .sidebar .containerSidebar .favoritos {padding:10px;} .resultado .sidebar .containerSidebar .favoritos h4 {font-size: 16px;} /* DOSSIERS */ .listagemList .containerList .dossier .dstkCat .destaques .dstk h2 {font-size:15px; line-height: 17px;} /* FAVORITOS */ .listagemList .containerList .results.fav {padding: 10px 0 0px 0;} .listagemList .containerList .results.fav h1 {width: 100%; padding:0 20px; font-size:22px;} .listagemList .containerList .results.mapClosed .listResults.favoritos {width: 100%;} .listagemList .containerList .results .listResults .containerResults .resultUno .txt h1 {padding:0} .listagemList .containerList .sidebar .containerSidebar {padding-right:0;} /* PARCEIROS */ .listagemList .containerList .newsList h1 {font-size:22px; width: 100%; margin: 20px 0;} .listagemList .containerList .newsList .pubParc {width: calc(100% + 40px); margin-bottom: 0;} /* O QUE FAZER */ .listagemList .containerList .weekList .line h2 {margin-bottom:10px;} .listagemList .containerList .weekList .filtersWeek a {font-size: 13px; padding: 3px 10px;} .listagemList .containerList .weekList .lineWeek .weekBlock {height: auto; margin-bottom: 30px; float: left;} .listagemList .containerList .weekList .lineWeek .weekBlock .image {float:left; width:100%; padding-bottom:10px;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a {width:100%; height: 120px; margin-right: 0;} .listagemList .containerList .weekList .lineWeek .weekBlock .image a img {height:auto; width:100%;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto {width:100%; height:auto;} .listagemList .containerList .weekList .lineWeek .weekBlock .texto h5 {margin: 0 0 7px 0;} .listagemList .containerList .newsList .noticias.oqfazer h2 {font-size: 22px;} .listagemList .containerList .newsList .noticias.oqfazer .txtNews h3 {font-size:20px;} .listagemList .containerList .newsList .noticias.oqfazer .txtNews h5 {font-size: 16px;} .listagemList .containerList .newsList .noticias .txtNews p {font-size: 13px; margin: 10px 0;} .listagemList .containerList .newsList .noticias h1 {font-size: 24px;} .listagemList .containerList .newsList .noticias .txtNews {padding-right: 0;} /* RANKING */ .rankingTxt {padding-top:20px;} .listagemList .containerList .results .rankingTxt h1 {font-size: 22px;} /* NOTICIAS */ .listagemList .containerList .newsList .filtrosNews {float: left; width:100%; padding-right: 0; margin: -12px 0 10px;} .listagemList .containerList .newsList .filtrosNews h5 {float: left;} /* GERAL*/ .geral .containerGeral .conteudos {padding: 10px 20px;} .geral .containerGeral .conteudos h1 {width: 100%; font-size: 22px;} .geral .containerGeral .conteudos p {width: 100%;} .geral .containerGeral .conteudos form {width: 100%;} .geral #accordion {width: 100%;} .geral .sidebar {padding: 30px 20px;} .geral .sidebar .containerSidebar {max-width: 100%;} .geral .sidebar .containerSidebar .favoritos {padding:10px;} .geral .sidebar .containerSidebar .favoritos h4 {font-size: 16px;} /* CONTACTOS */ .geral .containerGeral .conteudos .contactsForm {float:left; width:100%;} .geral .containerGeral .conteudos .contactsForm form {margin-bottom:0;} .geral .containerGeral .conteudos .mapContacts {float:left; width:100%;} } @media screen and (max-width: 375px) { header.listagem .listSearchMobile .resultTxt .searchAgain .blue {max-width: 65%;} header.listagem .listSearchMobile .resultTxt .searchAgain .iconDesign {right:20%;} header.listagem .filtersMobile .filtros.filtros-open .filtrar .containerFiltros button.blue {width: 100%;} header.listagem .searchAgainMobile.open .containerSearch .searchRadio {padding:10px 0;} header.listagem .divSearchMobile.fixo .searchAgain button.blue {padding-right: 40px;} header.listagem .divSearchMobile.fixo .searchAgain .iconDesign {right: 24%;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit .iconDesign {right: 23%;} header.listagem .searchAgainMobile.open .containerSearch .buttonSubmit button {max-width: 70%;} header.result .listSearchMobile .searchAgain .iconDesign {right: 26%;} .listagemList .containerList .results .listResults .containerResults .resultUno .report {right:5px; top: -1px;} .resultado .sidebar .containerSidebar .rankingMobile .imagem {top:20%;} .resultado .sidebar .containerSidebar .rankingMobile h2 {font-size:15px;} .resultado .sidebar .containerSidebar .rankingMobile h5 {font-size:11px;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank {margin-top:-5px;} .resultado .sidebar .containerSidebar .rankingMobile .containerRank button {font-size:13px;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm form .g-recaptcha div {width:100% !important;} .resultado .resultContainer .results .tabsResult .avaliar .avaliarForm form .g-recaptcha div iframe {width:100% !important;} .parcerias .containerPar .dstk {height:215px; max-width:215px; margin: 5px 80px;} /* O QUE FAZER */ .listagemList .containerList .dossier .listDossier .result h1 {font-size: 12px; margin: 3px 10px 3px 2px;} .listagemList .containerList .dossier .listDossier .result.dstk h1 {font-size: 17px;} /* RANKING */ .listagemList .containerList .results .rankingTxt .mapaMobileRanking {width:25%;} } @media screen and (max-width: 370px) { .resultado .sidebar .containerSidebar .rankingMobile {padding: 0 10px 10px 10px;} .resultado .sidebar .containerSidebar .rankingMobile h2 {margin-top:-5px;} } @media screen and (max-width: 360px) { .parcerias .containerPar .dstk {height:220px; max-width:220px; margin: 5px 70px;} } @media screen and (max-width: 325px) { header {height:560px;} header .slider {height:510px;} header .destaqTxt h1 {font-size: 25px;} header .destaqTxt span {font-size: 25px;margin-top: 20px;margin-bottom: 10px;display: block;} header .destaqTxt h3 {font-size: 15px; line-height: 20px;} header .reservas .searchContainer .secondLine .location input {height: 35px;} header .reservas .searchContainer .secondLine .freeSearch input {height: 35px;} header .submitSearchMobile button {height: 35px; font-size: 16px;} header .submitSearchMobile .iconDesign {top: 7px;} header .descontos {top: 465px;} header .descontos h5 {font-size: 15px;} header .destaqTxt {top:90px;} header .reservas {top: 220px;} header .submitSearchMobile {top: 400px;} header .slider {height: 550px;} /* HOMEPAGE */ .weekDstk .containerWeek .dstk h1.big {line-height: 22px; padding: 5px 40px; height: 55px; font-size: 16px;} .parcerias .containerPar .dstk {height:200px; max-width:200px; margin: 5px 60px;} /* LISTAGEM */ .listagemList .containerList .results .listResults .containerResults .viewMore {margin: 12px 0;} /* RESULTADO */ .resultado .resultContainer .results .title h1 {width:70%;} .resultado .resultContainer .results .slider .slick-slide img {height:200px;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.rest h6 {background-size: 5% auto; padding-left: 40px; background-position: 15px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.hotel h6 {background-size: 9.5% auto; padding-left: 53px; background-position: 15px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt.activ h6 {background-size: 6% auto; padding-left: 42px; background-position: 15px center;} .resultado .resultContainer .results .aquiPerto .line-aquiPerto .box-aquiPerto .txt a {padding: 3px 15px;} /* SIDEBAR */ .resultado .sidebar .containerSidebar .mrec, .geral .sidebar .containerSidebar .mrec {margin-left:-10px;} .listagemList .containerList .sidebar .containerSidebar .mrec {margin-left:-10px;} /* DOSSIERS */ .listagemList .containerList .dossier .listDossier .result.dstk .txt .mapaMobileDossiers {width: 30%;} /* RANKING */ .listagemList .containerList .results .rankingTxt .mapaMobileRanking {width:30%;} /* RANKING */ .listagemList .containerList .newsList .noticias .news {height:190px;} } .social ul li{ display:inline-block; margin-right:5px; } /*Coca Cola*/ .coca_cola_painel{ height: 120px; margin-bottom: 5px; } .coca_cola_slider{ position: absolute; top: 227px; right: 5px; } /*START MODAL*/ .modal_recaptcha { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal_recaptcha-content { display: flex; background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 10px; border: 1px solid #888; width: 320px; /* Could be more or less, depending on screen size */ border-radius: 5px; } /* The Close Button */ .modal_recaptcha .close { color: #aaa; font-size: 28px; font-weight: bold; width: 10%; text-align: right; } .modal_recaptcha-content .row{ width: 95%; margin: 0px; } .modal_recaptcha-content .row .btn_recaptcha_div{ display: flex; justify-content: center; margin-top: 10px; } .modal_recaptcha .close:hover, .modal_recaptcha .close:focus { color: black; text-decoration: none; cursor: pointer; } /*END MODAL*/ @media screen and (max-width: 770px) { .coca_cola_slider{ display:none; } } /* The Modal (background) */ .videopopup { display: none; position: fixed; z-index: 9999999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); } /* Modal Content/Box */ .videopopup .modal-content { background-color: rgba(0,0,0,0.8); margin: auto; padding: 0!important; border: none!important; width: 80%; max-width: 560px; } .videopopup .modal-content iframe{ height: 315px; width: 87%; margin-left: 5%; } /* The Close Button */ .videopopup .close { color: #fff; float: right; font-size: 28px; font-weight: bold; opacity: 0.5; padding: 5px; width: 8%; float: right; height: 315px; } .videopopup .close img{ margin: auto; display: block; margin-top: 5px; } .videopopup .close:hover, .videopopup .close:focus { opacity: 1; text-decoration: none; cursor: pointer; } #myVideo{ width:100%; min-height:300px; height:80%; } .coca_cola_title{ display: none; } .coca_cola_painel{ display: none; } .coca_cola_slider{ display: none; } #menucocacola{ display: none; } #reg-tabs > li:nth-child(4){ display: none; } /*Quality Template*/ .resultado .resultContainer .results .videos, .resultado .resultContainer .results .quality_ranking, .resultado .resultContainer .results .eventos{ width: 100%; margin: 40px 0; padding-right: 20px; } .resultado .resultContainer .results .videos h2, .resultado .resultContainer .results .quality_ranking h2, .resultado .resultContainer .results .eventos h2{ font-family: 'Dosis', sans-serif; font-weight: 500; text-transform: uppercase; font-size: 20px; color: #094556; margin: 0 0 20px 0; } /*Videos List*/ .resultado .resultContainer .results .videos .videos_list{ float: left; width: 100%; } .resultado .resultContainer .results .videos .videos_list .video_element:hover{ cursor: pointer; } /*Individual video DIV*/ .resultado .resultContainer .results .videos .videos_list .video_youtube{ width: 23%; margin-bottom: 15px; position: relative; float: left; margin-right: 2%; height: auto; overflow: hidden; border-radius: 5px; } .resultado .resultContainer .results .videos .videos_list .video_youtube img{ height:125px; width : 100%; } .resultado .resultContainer .results .videos .videos_list .video_youtube p{ margin-top:10px; color: #6b6b6b; font-size: 14px; font-family: 'Maven Pro', sans-serif; } /*Eventos*/ .eventos #evensiMap iframe{ width:100% !important; height:700px !important; } /*Ranking*/ #nearby{ margin-right:35px; } .custom_top_table{ background: #dedede; padding: 10px; width:49%; } #nearby .title_box{ background: #21a1c6; } #region .title_box{ background:#808183; } .custom_top_table .title_box{ height: 40px; width: 100%; } .custom_top_table .title_box h3{ font-family: 'Dosis', sans-serif; height: auto; width: 100%; display: block; text-align: center; line-height: 40px; color: #fff; font-weight: 700; text-transform: uppercase; } .custom_top_table .title_box h3 span{ font-weight: 400 !important; } .custom_top_table .title_box h3 img{ height: auto; width: 40px; } .content_box .ranking_element .destaque_img img{ width:100%; height:85px; } .content_box .ranking_element .title_ranking{ width: 100%; transition: all 0.3s ease 0s; font-family: 'Maven Pro', sans-serif; color: #094556; font-size: 14px; font-weight: 600; text-align: left; padding-bottom:25px; margin: 0; text-transform: uppercase; } #nearby .content_box .boxed h4{color: #26a1c2;} #region .content_box .boxed h4{color: #7d7d7d;} .content_box .boxed h4{ text-transform: uppercase; text-align: center; font-weight: 600; margin-bottom: 25px; font-size: 14px !important; } .custom_top_table .content_box,.ranking_tables{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-justify-content: space-around; /* Safari 6.1+ */ justify-content: space-around; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .custom_top_table .content_box .boxed{ width:43%; } .custom_top_table .content_box .ranking_number{ width:55px; text-align:center; position:relative; } .custom_top_table .content_box .boxed .ranking_element{ margin-bottom: 30px; text-align:left; height:120px; } .custom_top_table .content_box .boxed.left .ranking_element{padding-left: 15px;} .custom_top_table .content_box .boxed.right .ranking_element{padding-right: 15px;} .custom_top_table .content_box .ranking_number ul{ list-style: none; padding-top:85px; } .custom_top_table .content_box .ranking_number ul li:not(:first-child){ padding-top: 150px; } #nearby.custom_top_table .content_box .ranking_number ul li div{background: #60bbd6;} #region.custom_top_table .content_box .ranking_number ul li div{background: #9d9d9f;} .custom_top_table .content_box .ranking_number ul li:after, .custom_top_table .content_box .ranking_number ul li:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid #b5b5b5; transform: translate(-50%); } .custom_top_table .content_box .ranking_number ul li div{ height: 35px; width: 50px; display: block; margin: auto; line-height: 35px; color: #fff; border-radius: 5px; font-size: 20px; font-family: 'Dosis', sans-serif; font-weight: 700; z-index: 1; position: absolute; left: 0; right: 0; } .custom_top_table .content_box .ranking_number ul li div sup{ margin-left: 5px; margin-right: -10px; font-weight: 600; } .show_video_modal{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .slick-slide:first-child{ background-color: #01beff !important; } .banner_pack{ float: left; width: 100%; margin: 40px 0; padding-right: 20px; } .banner_pack img{ width: 100%; } .modal_recaptcha-content .text ul{ color: #818181; list-style: none; padding: 10px; } #close_model_btn{ display: none; } .logo_quality{ position: absolute; left: 15px; top: 10px; z-index: 1; } .listagem_quality{ width: auto !important; height: auto !important; z-index: 1 !important; position: absolute !important; min-width: auto !important; top: 20px !important; right: 0 !important; left: auto !important; } .maps_div_img{ float: left; width: 100%; position: relative; padding-right: 20px; } .maps_div_img img{ width: 100%; height: auto; } #mapaDiv{ display: none; } #mapaDiv.show{ display: block !important; } .maps_div_img img:hover, .mapButtonMobile, .open_map img:hover{ cursor: pointer; } .open_map{ float: right; } header .blueBar .tenho_pack{ float: left; width: 30%; text-align: right; line-height: 50px; margin-top: auto; margin-bottom: auto; } .tenho_pack .btn-default{ background-color: transparent !important; } .tenho_pack .btn-default:hover{ background-color: #5CADCD !important; } .tenho_pack .btn-default a{ color: #fff !important; } header .blueBar .premio{ width: 20% !important; } /*Mobile Ranking*/ @media (max-width:1200px){ header .blueBar .tenho_pack{ width: 50%; } header .blueBar .premio{ display: none; } } @media (max-width:1024px){ .content_box .boxed h4, .content_box .ranking_element .title_ranking{ font-size: 11px !important; } } @media (max-width:900px){ .custom_top_table .title_box h3{ font-size: 17px; } } @media (max-width:870px){ .ranking_tables{ display: block; } #nearby { margin-right: 0px; margin-bottom: 35px; } .custom_top_table{ width: 100%; } } @media screen and (max-width: 699px){ header .blueBar .tenho_pack{ display: none; } .maps_div_img{ display: none; } .logo_quality{ height: 20% !important; } } @media (max-width: 540px){ .resultado .resultContainer .results .videos, .resultado .resultContainer .results .quality_ranking, .resultado .resultContainer .results .eventos{ padding: 0px 20px; } .maps_div_img{ padding-left: 20px; } } /*header .blueBar {background: #21A1C6 url(https://static.lifecooler.com/imagens/topo-lifecooler_neve.gif) repeat-x;}*/ @media screen and (min-width: 1024px){ .listagemList .containerList .newsList .noticias .sliderUno img {width:48%; } } .troll img {float:left; padding: 0 20px 0 0} .troll h3 {color: #21a1c6; font-family: "Dosis",sans-serif; font-size: 21px; font-weight: 500; margin: 0 0 15px;} .troll h5 {color: #6b6b6b; font-family: "Dosis",sans-serif; font-size: 17px; font-weight: 500; margin: 0 0 15px;} .news.full.com-imagem:hover{ cursor: pointer; }