@charset "utf-8";
/* CSS Document */


.certifica-m img{width: 85px!important; height: 85px!important;}
.image-top {
	position: relative;
    width: 100%;
	height: 470px;
    background-image: url(../img/turismo-amazonais-slide.jpg);
	background-position: center center;
    background-size: cover;
}
.bg-top{height: 110px; background-image: url(../img/bg-topo.webp); background-position: center center; background-size: cover;}

.certifica{float:left; position: relative; left: 30%; top: 9px;}
.certifica .ano1{position: absolute; top:71px; text-align: center; width: 80px; z-index: 3;font-size: 10px;}
.certifica .ano2{position: absolute; top:71px; text-align: center; width: 80px; z-index: 3;font-size: 10px; left:85px;}

.certifica-m{display: none;}
.copy{line-height: 60px; text-align: center; font-size: 13px;}

.t-promo{padding:30px 0px; text-align: center; display: block;}
.col1{float: left; width: 25%;}
.col2{float: left; width: 50%;}
.col1 .content{padding: 10px; font-size: 14px !important;}
.col1 .content li{line-height: 25px;}
.col1 .content span{font-size: 14px;}

.col2 .content{padding: 10px; font-size: 14px !important;}
.col2 .content li{line-height: 25px;}
.col2 .content span{font-size: 14px;}

.verde{color:#60b250;}
.branca{background-color: #fff;}
.space{height: 135px;}


.form-top{position:absolute !important; width: 350px; right: 4%; top: 30px; padding-top: 20px !important; padding-bottom: 20px!important;}
.form-top h2{font-size: 1.5rem !important;}
.form-top input{width: 95% !important;}
.form-top .bt-enviar{width: 244px !important;}

.box-d2{ width: 33%; float: left;}
.box-d{width: 33%; float: left; padding: 10px; margin-bottom: 25px;}
.box-d h6, .box-d h2, .box-d h3{text-align: center;}
.box-d h2, .box-d h3{color:#2B689C;}
.box-d p{color:#7C7C7C; line-height: 20px; text-align: center;}
.contente{padding: 10px;}
.effect2{background-color:#F0F0F0; position: relative;}
.effect2:before, .effect2:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;}

.bt-ligar{color:#fff; padding: 30px 0px;}
.bt-ligar a{background-color: rgba(255,255,255,0.88); border-radius: 5px; padding: 10px 20px;}
.bt-ligar2{display: none;}
.box-d .far, .box-d .fas {font-size: 40px; padding-bottom: 10px;}
figure{position: relative; font-family: 'fonartoregular';}
figure .tag{position: absolute; right: 10px; top:0px; width: 75px; height: 70px; background-color: #10C12F; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; padding: 17px 10px; color: #fff; text-align: center; font-size: 16px;}
figure .tag span{font-size: 11px;}
.pacote h3{font-size: 1.50rem !important;}
.col1 .content li {font-size: 13px !important;}

#resorts.suites .menu {background: #60ae13;}
					.main-content .filtros .suites {color: #60ae13}
					.main-content .filtros label.suites input + span {border-color: #60ae13;}
					.main-content .filtros label.suites input:checked + span:before {background: #60ae13;}
					.pacote .suites header figure .stickers {background: #60ae13;}
					.pacote .suites h2,
					#interna.suites .titulo-pacote,
					.pacote .suites h3 {color: #60ae13;}
					.suites svg path {fill: #60ae13;}
					.pacote .suites footer span.button {background: #60ae13; border-color: #60ae13;}
					.pacote .suites:hover footer span.button {background: #fff; color: #60ae13;}
					#interna.suites #fixed h2 {color: #60ae13;}
					#interna.suites .the-description .inner h2 {color: #60ae13;}
					#interna.suites .the-description .inner .condicoes {color: #60ae13; border-color: #60ae13;}
					#interna.suites .the-content .detalhes .reserva {background: #60ae13; border-color: #60ae13;}
					#interna.suites #fixed .compra {background: #60ae13; border-color: #60ae13;}
					#interna.suites .the-content .detalhes .reserva:hover {color: #60ae13; background: #fff;}
					#interna.suites #fixed .compra:hover {color: #60ae13; background: #fff;}
					#interna.suites .the-content .melhorias h3 {color: #60ae13;}
					#interna.suites .resort .vantagens .slider .item .content p.sub {color: #60ae13;}
					#interna.suites .resort .servicos {background: #60ae13;}
					#interna.suites .pacotes .veja-mais {border-color: #60ae13; color: #60ae13;}
					#interna.suites .pacotes .veja-mais:hover {background-color: #60ae13; color: #fff;}
					#resorts.suites {background: #60ae13;}
					#resorts.suites #onda:before,
					#resorts.suites #onda:after {border-color: #60ae13;}
					#resorts.suites svg path {fill: #60ae13;}
					#resorts.suites #slides > div .inner .button {background: #60ae13;}
					.pacote footer .resort-logo.suites {background: url(https://www.beachpark.com.br/pacotes/wp-content/uploads/2017/05/logo-suites.png) no-repeat center center; display: inline-block;}
					.pacote .suites footer .valor-depara,
					.pacote .suites footer .valor-parcelas,
					.pacote .suites footer .valor-apartir {display: inline-block; margin: 0; text-align: left; position: relative;}
					.pacote .suites header figure .overlay {background: rgba(96,174,19,.75);}

					#resorts.suites {background: #60ae13;}
					#resorts.suites .menu ul.slick-dots li button {border: 3px solid #4b870f; box-shadow: 0 0 6px rgba(75,135,15,.75);}
					#resorts.suites .menu ul.slick-dots li.slick-active button:before {background: #4b870f;}
					#resorts.suites #onda path.detail {fill: #4b870f;}

					#interna.suites .banners ul.slick-dots li button {border: 3px solid #60ae13; box-shadow: 0 0 6px rgba(96,174,19,.75);}
					#interna.suites .banners ul.slick-dots li.slick-active button:before {background: #4b870f;}
										#resorts.oceani .menu {background: #faa01a;}
					.main-content .filtros .oceani {color: #faa01a}
					.main-content .filtros label.oceani input + span {border-color: #faa01a;}
					.main-content .filtros label.oceani input:checked + span:before {background: #faa01a;}
					.pacote .oceani header figure .stickers {background: #faa01a;}
					.pacote .oceani h2,
					#interna.oceani .titulo-pacote,
					.pacote .oceani h3 {color: #faa01a;}
					.oceani svg path {fill: #faa01a;}
					.pacote .oceani footer span.button {background: #faa01a; border-color: #faa01a;}
					.pacote .oceani:hover footer span.button {background: #fff; color: #faa01a;}
					#interna.oceani #fixed h2 {color: #faa01a;}
					#interna.oceani .the-description .inner h2 {color: #faa01a;}
					#interna.oceani .the-description .inner .condicoes {color: #faa01a; border-color: #faa01a;}
					#interna.oceani .the-content .detalhes .reserva {background: #faa01a; border-color: #faa01a;}
					#interna.oceani #fixed .compra {background: #faa01a; border-color: #faa01a;}
					#interna.oceani .the-content .detalhes .reserva:hover {color: #faa01a; background: #fff;}
					#interna.oceani #fixed .compra:hover {color: #faa01a; background: #fff;}
					#interna.oceani .the-content .melhorias h3 {color: #faa01a;}
					#interna.oceani .resort .vantagens .slider .item .content p.sub {color: #faa01a;}
					#interna.oceani .resort .servicos {background: #faa01a;}
					#interna.oceani .pacotes .veja-mais {border-color: #faa01a; color: #faa01a;}
					#interna.oceani .pacotes .veja-mais:hover {background-color: #faa01a; color: #fff;}
					#resorts.oceani {background: #faa01a;}
					#resorts.oceani #onda:before,
					#resorts.oceani #onda:after {border-color: #faa01a;}
					#resorts.oceani svg path {fill: #faa01a;}
					#resorts.oceani #slides > div .inner .button {background: #faa01a;}
					.pacote footer .resort-logo.oceani {background: url(https://www.beachpark.com.br/pacotes/wp-content/uploads/2017/05/logo-oceani-1.png) no-repeat center center; display: inline-block;}
					.pacote .oceani footer .valor-depara,
					.pacote .oceani footer .valor-parcelas,
					.pacote .oceani footer .valor-apartir {display: inline-block; margin: 0; text-align: left; position: relative;}
					.pacote .oceani header figure .overlay {background: rgba(250,160,26,.75);}

					#resorts.oceani {background: #faa01a;}
					#resorts.oceani .menu ul.slick-dots li button {border: 3px solid #c67f13; box-shadow: 0 0 6px rgba(198,127,19,.75);}
					#resorts.oceani .menu ul.slick-dots li.slick-active button:before {background: #c67f13;}
					#resorts.oceani #onda path.detail {fill: #c67f13;}

					#interna.oceani .banners ul.slick-dots li button {border: 3px solid #faa01a; box-shadow: 0 0 6px rgba(250,160,26,.75);}
					#interna.oceani .banners ul.slick-dots li.slick-active button:before {background: #c67f13;}
										#resorts.acqua .menu {background: #003c80;}
					.main-content .filtros .acqua {color: #003c80}
					.main-content .filtros label.acqua input + span {border-color: #003c80;}
					.main-content .filtros label.acqua input:checked + span:before {background: #003c80;}
					.pacote .acqua header figure .stickers {background: #003c80;}
					.pacote .acqua h2,
					#interna.acqua .titulo-pacote,
					.pacote .acqua h3 {color: #003c80;}
					.acqua svg path {fill: #003c80;}
					.pacote .acqua footer span.button {background: #003c80; border-color: #003c80;}
					.pacote .acqua:hover footer span.button {background: #fff; color: #003c80;}
					#interna.acqua #fixed h2 {color: #003c80;}
					#interna.acqua .the-description .inner h2 {color: #003c80;}
					#interna.acqua .the-description .inner .condicoes {color: #003c80; border-color: #003c80;}
					#interna.acqua .the-content .detalhes .reserva {background: #003c80; border-color: #003c80;}
					#interna.acqua #fixed .compra {background: #003c80; border-color: #003c80;}
					#interna.acqua .the-content .detalhes .reserva:hover {color: #003c80; background: #fff;}
					#interna.acqua #fixed .compra:hover {color: #003c80; background: #fff;}
					#interna.acqua .the-content .melhorias h3 {color: #003c80;}
					#interna.acqua .resort .vantagens .slider .item .content p.sub {color: #003c80;}
					#interna.acqua .resort .servicos {background: #003c80;}
					#interna.acqua .pacotes .veja-mais {border-color: #003c80; color: #003c80;}
					#interna.acqua .pacotes .veja-mais:hover {background-color: #003c80; color: #fff;}
					#resorts.acqua {background: #003c80;}
					#resorts.acqua #onda:before,
					#resorts.acqua #onda:after {border-color: #003c80;}
					#resorts.acqua svg path {fill: #003c80;}
					#resorts.acqua #slides > div .inner .button {background: #003c80;}
					.pacote footer .resort-logo.acqua {background: url(https://www.beachpark.com.br/pacotes/wp-content/uploads/2017/05/logo-acqua.png) no-repeat center center; display: inline-block;}
					.pacote .acqua footer .valor-depara,
					.pacote .acqua footer .valor-parcelas,
					.pacote .acqua footer .valor-apartir {display: inline-block; margin: 0; text-align: left; position: relative;}
					.pacote .acqua header figure .overlay {background: rgba(0,60,128,.75);}

					#resorts.acqua {background: #003c80;}
					#resorts.acqua .menu ul.slick-dots li button {border: 3px solid #002a59; box-shadow: 0 0 6px rgba(0,42,89,.75);}
					#resorts.acqua .menu ul.slick-dots li.slick-active button:before {background: #002a59;}
					#resorts.acqua #onda path.detail {fill: #002a59;}

					#interna.acqua .banners ul.slick-dots li button {border: 3px solid #003c80; box-shadow: 0 0 6px rgba(0,60,128,.75);}
					#interna.acqua .banners ul.slick-dots li.slick-active button:before {background: #002a59;}
										#resorts.wellness .menu {background: #850d75;}
					.main-content .filtros .wellness {color: #850d75}
					.main-content .filtros label.wellness input + span {border-color: #850d75;}
					.main-content .filtros label.wellness input:checked + span:before {background: #850d75;}
					.pacote .wellness header figure .stickers {background: #850d75;}
					.pacote .wellness h2,
					#interna.wellness .titulo-pacote,
					.pacote .wellness h3 {color: #850d75;}
					.wellness svg path {fill: #850d75;}
					.pacote .wellness footer span.button {background: #850d75; border-color: #850d75;}
					.pacote .wellness:hover footer span.button {background: #fff; color: #850d75;}
					#interna.wellness #fixed h2 {color: #850d75;}
					#interna.wellness .the-description .inner h2 {color: #850d75;}
					#interna.wellness .the-description .inner .condicoes {color: #850d75; border-color: #850d75;}
					#interna.wellness .the-content .detalhes .reserva {background: #850d75; border-color: #850d75;}
					#interna.wellness #fixed .compra {background: #850d75; border-color: #850d75;}
					#interna.wellness .the-content .detalhes .reserva:hover {color: #850d75; background: #fff;}
					#interna.wellness #fixed .compra:hover {color: #850d75; background: #fff;}
					#interna.wellness .the-content .melhorias h3 {color: #850d75;}
					#interna.wellness .resort .vantagens .slider .item .content p.sub {color: #850d75;}
					#interna.wellness .resort .servicos {background: #850d75;}
					#interna.wellness .pacotes .veja-mais {border-color: #850d75; color: #850d75;}
					#interna.wellness .pacotes .veja-mais:hover {background-color: #850d75; color: #fff;}
					#resorts.wellness {background: #850d75;}
					#resorts.wellness #onda:before,
					#resorts.wellness #onda:after {border-color: #850d75;}
					#resorts.wellness svg path {fill: #850d75;}
					#resorts.wellness #slides > div .inner .button {background: #850d75;}
					.pacote footer .resort-logo.wellness {background: url(https://www.beachpark.com.br/pacotes/wp-content/uploads/2017/03/logo-wellness.png) no-repeat center center; display: inline-block;}
					.pacote .wellness footer .valor-depara,
					.pacote .wellness footer .valor-parcelas,
					.pacote .wellness footer .valor-apartir {display: inline-block; margin: 0; text-align: left; position: relative;}
					.pacote .wellness header figure .overlay {background: rgba(133,13,117,.75);}

					#resorts.wellness {background: #850d75;}
					#resorts.wellness .menu ul.slick-dots li button {border: 3px solid #5e0953; box-shadow: 0 0 6px rgba(94,9,83,.75);}
					#resorts.wellness .menu ul.slick-dots li.slick-active button:before {background: #5e0953;}
					#resorts.wellness #onda path.detail {fill: #5e0953;}

					#interna.wellness .banners ul.slick-dots li button {border: 3px solid #850d75; box-shadow: 0 0 6px rgba(133,13,117,.75);}
					#interna.wellness .banners ul.slick-dots li.slick-active button:before {background: #5e0953;}