img.rounded-circle {
    max-width: 32px;
    height: 32px;
}

.main-container {
    padding-top: 40px;
}


.descritivo {
    padding: 60px 0px 10px !important;
    border-bottom: 1px solid #dadada;
}

.post {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 90px;
    color: var(--cor-cinza-escuro);
}
#barra_menu {
    height: 160px !important;
    padding-top: 20px !important;
    background: var(--cor-cinza-verde-claro) !important;
}


#barra_menu.sticky, #barra_menu.sticky nav {
    height: 120px !important;
    padding-top: 0px !important;
    background: var(--cor-branco) !important;
    background: var(--cor-cinza-verde-claro) !important;
}


	.container{max-width: 1320px !important;}
    .descricao, .descricao p{ 
	    font-family: var(--ff-normal);
	    font-size: 15px;
	    line-height: 24px;
	    font-weight: 500;
	    margin: 0px;
	    letter-spacing: 0px;
	    color: var(--cor-cinza-escuro);
	}
	.descricao {
	    padding: 40px 0px;
	    display: inline-block;
	}

	.descricao strong {
	    font-family: var(--ff-normal);
	    font-weight: 700;
	}


    .descricao a, .descricao p a{
    	font-family: var(--ff-normal);
    	color: color: var(--cor);
    	transition:all 0.8s ease-in-out;
     }
     .descricao a:hover, .descricao p a:hover{
    	color: color: var(--cor-cinza-escuro);
     }



    .noti_title{
    	font-size: var(--fs-650);
    	line-height: var(--lh-650);
    	font-weight: 700;
    	margin-bottom: 0px;
    	font-family: var(--ff-normal);
    	color: var(--cor-cinza-escuro);
    }
    .not_hol{
    	
    	margin: 0px;
    	padding: 15px 0px;
    	border-radius: 0px;


    }

    .cont_not{  }
    
    .post{ width:100%; padding-top: 0px;}


    @media (max-width: 1024px) and (min-width: 300px){


    	.main-container {
		    padding-top: 0px;
		}

    	.not_barra {
    		background-color: var(--cor-cinza-claro);
   
    	height: 200px; 
    }
		.cont_not { padding: 0px !important;}
		.not_hol {
		    margin-top: 0px;
	    background-color: #fff;
	    padding: 15px 0px;
	    border-radius: 0px 0px 0px 0px;

		   
		}
.not_hol .post-details {margin-top: 80px; }
		

		.not_hol_bt {
		    padding: 30px 0px !important;
		}
		.content img{ margin: 15px 0px 0px !important; }
	}

	
   .app_description iframe{
	    width: 100%;
    	height: calc(100%/1.77);
	}



.bt {
    color: var(--cor);
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid var(--cor);
    padding: 10px 20px;
    height: 42px;
    font-size: 13px;
    font-family: var(--ff-normal);
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.9s ease;
}
.bt:hover {
    background: var(--cor);
    color: #ffffff;
}

.bt2 {
    color: #ffffff;
    background: var(--cor);
    border-radius: 0px;
    border: 1px solid var(--cor);
    padding: 10px 20px;
    height: 42px;
    font-size: 13px;
    font-family: var(--ff-normal);
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.9s ease;
}
.bt2:hover {
    background: #ffffff;
    color: var(--cor);
}
.mr40{ display: inline-block;margin-right: 40px;}

@media (max-width: 519px) and (min-width: 300px){
 	.not_barra {
	    height: 130px !important;
	}
	.not_hol {
	    margin: 0px !important;
	    background-color: #ffffff;
	    padding: 15px !important;
	    border-radius: 0px !important;
	    width: 100% !important;
	}
	.not_hol .post-details {
	    margin-top: 0px !important;
	}

	.post-details {
	    padding: 0px !important;
	}
	.post-details .col-md-6{
	    padding: 7.5px 0px !important;
	}

	.noti_title {
	    font-size: 24px !important;
	    font-weight: 700 !important;
	    line-height: 28px !important;
	    margin-bottom: 30px !important;
	    font-family: var(--ff-normal);
	    color: var(--cor-cinza-escuro);
	}

	.bt, .bt2{
		width: 80% !important;
	    display: inline-block !important;
	    text-align: center !important;
	    margin: 3% 10% !important;
	}

}

.loo_breadcumb{ color:var(--cor-cinza-escuro);}
.loo_breadcumb .azul{ color:var(--cor); }


.item_pricex{
    text-align: right;
  }
  .item_pricex a{
    font-size: var(--fs-650);
    text-align: left;
    font-family: var(--ff-normal);
    color: var(--cor-cinza-escuro);
    line-height: var(--lh-650);
    letter-spacing: 0px;
    font-weight: 700;
  }
  .item_pricex a:hover{
    color: var(--cor);
  }
.item_pricex .desde{
    font-size: var(--fs-200);
    color: var(--cor-cinza-escuro);
    font-weight: 500;
}

.incl strong{ 
	font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 20px;
}
.incr strong{ 
	font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 20px;
}

.breadcumb {
    background: var(--cor-cinza-claro);
    border-top: 1px solid #e4e4e4;
    padding: 35px 0px 35px;
    width: 100%;
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
}

.inc_exc_holder{
    border: 1px solid #eaebee;
    padding: 30px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 6px !important;
}

.divider {
    opacity: 0.3;
    background: -webkit-gradient(linear, right top, left top, color-stop(-5.7%, rgba(75, 80, 81, 0)), color-stop(44.9%, #4b5051), color-stop(101.96%, rgba(75, 80, 81, 0)));
    background: linear-gradient(270deg, rgba(75, 80, 81, 0) -5.7%, #4b5051 44.9%, rgba(75, 80, 81, 0) 101.96%);
    width: 1px;
    height: 182px;
}

/*.divider2 {
    width: 1px;
    height: 20px;
    opacity: 0.3;
    display: inline-block;
    margin-right: 15px;
    background: -webkit-gradient(linear, right top, left top, color-stop(-5.7%, rgba(75, 80, 81, 0)), color-stop(44.9%, #4b5051), color-stop(101.96%, rgba(75, 80, 81, 0)));
    background: linear-gradient(270deg, rgba(75, 80, 81, 0) -5.7%, #4b5051 44.9%, rgba(75, 80, 81, 0) 101.96%);
}*/

.divider2 {
    width: 1px;
    height: 12px;
    opacity: 0.3;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    background: #000;
}

.ul{
	margin: 0px;
    padding: 0px;
}
.list {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--cor-cinza-escuro);
    line-height: 1.5;
    padding-left: 22px;
    padding-bottom: 6px;
}

.list::before {
    content: "\f3c1";
    position: absolute;
    top: 10px;
    left: 8px;
    font-size: 5px;
    font-family: "remixIcon";
    color: var(--cor-cinza-escuro);
    font-weight: 400;
}


.descricaoxxx ul{ 
	padding-left:15px !important; 
	margin-bottom: 0px !important;
}
/*.descricaoxxx li {
    list-style-type: disc !important;
    margin: 8px 0px !important;
}	
*/
.descricaoxxx li {
    list-style-type: none !important;
    margin: 8px 0px !important;
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    padding-right: 30px;
}

.descricaoxxx li span {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: var(--cor);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}






/* target only the content area you render from CKEditor */
.descricaoxxx ol {
  list-style: none;          /* hide default 1. 2. 3. */
  padding-left: 0;
  margin-left: 0;
  counter-reset: step;
}

.descricaoxxx ol > li {
  counter-increment: step;
  position: relative;
  padding-left: 48px;        /* space for the badge */
  margin: 0 0 12px 0;
  line-height: 1.5;
}

.descricaoxxx ol > li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: -3px;

  width: 32px;
  height: 32px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-weight: 700;
  font-size: 14px;

  /* match your design */
  background: #111;
  color: #fff;
}


















.descricaoxxx p {
    margin-bottom: 8px !important;
}
li.list p {
    font-size: inherit;
}


.descricaoxxx * {
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    margin: inherit !important;
}

.obs * {
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    margin: inherit !important;
}


.slogan{
	font-family: 'Playfair Display';
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}

.slogan p{
	font-family: inherit !important;
	font-size:   inherit !important;
	font-weight:  inherit !important;
	line-height:  inherit !important;;
	color: #222 !important;
    margin-top: 10px;
}


.slogan blockquote {
    color: rgb(0 0 0);
    font-family: 'Playfair Display';
    font-size: 26px;
    width: 60%;
    margin: 30px 0px;
    padding: 40px 30px 0px 15px;
    border-left: 5px solid #eeeeee;
}

.slogan blockquote p:first-child::before {
    content: "“";
    font-family: 'Playfair Display';
    font-size: 12rem;
    margin: -30px 0 10px 0px;
    position: absolute;
    opacity: 0.5;
    color: var(--cor);
}


@media (max-width: 1024px) and (min-width: 300px){
    #barra_menu {
        height: 95px !important;
        padding-top: 0px !important;
        background: #ffffff !important;
    }

    .breadcumby {
        padding: 145px 0px 45px !important;
    }

    .post {
        padding: 30px 15px !important;
    }
    .post-details {
        margin-top:0px !important;
    }


    .descritivo, .destaques, .itinerario, .observacoes{
        font-size: var(--fs-600) !important;
        padding: 0px !important;
        margin-bottom: 0px !important;
    }

    .fareharbour{
        float: left !important; 
        width: 100% !important; 
    }


    .wwo_h2 {
        font-size: 24px !important; 
        padding: 60px 0px 10px !important; 
        line-height: 24px !important; 
    }

    .inc_exc_holder {
        border: 1px solid #eaebee;
        padding: 30px;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: flex-start;
        gap: 0px;
        margin-top: 30px;
        margin-bottom: 30px;
        border-radius: 6px !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

    .inc_exc_holder .divider {
        display: none !important;
    }

    .post-details .col-md-6 {
        padding: 30px 0px !important;
    }


}


.obs li {
    list-style-type: initial;
    padding: 0px !important;
    line-height: 24px !important;
    margin: 8px 0px !important;
}