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


:root {
	--color-main: #333333;
	--color-text: #5b5b5b;
	--color-white: #ffffff;
	
	--color-primary: #A11820;
	--color-second: #E7403E;
	
	--color-opt-1: #c59250;
	--color-opt-2: #7b5d36;
	--color-opt-3: #b84f5b;
	--color-opt-4: #780036;
	--color-opt-5: #bcdee9;
	--color-opt-6: #1a2e3c;	
	--color-opt-7: #619041;
	--color-opt-8: #42652a;
	
	--color-black-900: #171717;
	--color-black-800: #2C2C2C;
	--color-black-700: #404040;
	--color-black-600: #717171;
	--color-black-500: #8C8C8C;
	--color-black-400: #A6A6A6;
	--color-black-300: #C1C1C1;
	--color-black-200: #D8D8D8;
	--color-black-100: #EFEFEF;
	--color-black-50: #fafafa;
	
	--border-radius-b: 1em;
	--border-radius-s: 0.5em;
	/* --bs-gray-100 a --bs-gray-900*/
}

*{ transition: 0.3s; font-style: none;}
*:hover{ transition: 0.3s;}

body, html {	
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	line-height: 22px !important;
	color: var(--color-text) !important;
	font-family: "Poppins", sans-serif !important;
	font-size: 0.84em;
}

.btn_left{margin: 0 auto 0 0;}
.btn_center{margin: 0 auto;}
.btn_right{margin: 0 0 0 auto;}

.btn_main{
	display: table;
	padding: 0.7em 3em;
	text-decoration: none;
	text-transform: uppercase;
 	font-size: 90% !important;
  	letter-spacing: 0.12em;
  	font-weight: 500 !important;
	border: 0px;
	
}

.btn_white{  background: var(--color-white); color: var(--color-main);}
.btn_white:hover{ background: var(--color-primary); color: var(--color-white);}

.btn_primary_block{ background: var(--color-primary); color: var(--color-white);}
.btn_primary_block:hover{ background: var(--color-second);}

.btn_second_block{ background: var(--color-second); color: var(--color-white);}
.btn_second_block:hover{ background: var(--color-primary);}

.btn_primary{ border: 1px solid var(--color-primary); color: var(--color-main);}
.btn_primary:hover{ background: var(--color-primary); color: var(--color-white);}

.btn_second{ border: 1px solid var(--color-second); color: var(--color-main);}
.btn_second:hover{ background: var(--color-second); color: var(--color-white);}

.btn_opt_1{border: 1px solid var(--color-opt-1); color: var(--color-main);}
.btn_opt_1:hover{ background: var(--color-opt-1); color: var(--color-white);}

.btn_opt_2{border: 1px solid var(--color-opt-2); color: var(--color-main);}
.btn_opt_2:hover{ background: var(--color-opt-2); color: var(--color-white);}

.btn_opt_3{border: 1px solid var(--color-opt-3); color: var(--color-main);}
.btn_opt_3:hover{ background: var(--color-opt-3); color: var(--color-white);}

.btn_opt_4{border: 1px solid var(--color-opt-4); color: var(--color-main);}
.btn_opt_4:hover{ background: var(--color-opt-4); color: var(--color-white);}

.btn_opt_5{border: 1px solid var(--color-opt-5); color: var(--color-main);}
.btn_opt_5:hover{ background: var(--color-opt-5); color: var(--color-opt-6);}

.btn_opt_6{border: 1px solid var(--color-opt-6); color: var(--color-main);}
.btn_opt_6:hover{ background: var(--color-opt-6); color: var(--color-white);}

.btn_opt_7{border: 1px solid var(--color-opt-7); color: var(--color-main);}
.btn_opt_7:hover{ background: var(--color-opt-7); color: var(--color-white);}

.btn_opt_8{border: 1px solid var(--color-opt-8); color: var(--color-main);}
.btn_opt_8:hover{ background: var(--color-opt-8); color: var(--color-white);}


.text-right{ text-align: right !important;}


.container_xxl{
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
}


ul.list_opt_1 li, ul.list_opt_2 li{ list-style: none; position: relative;}

ul.list_opt_1 li::before, ul.list_opt_2 li::before{
	position: absolute;
	left: -1.5em;
	top: 0em;
	font-style: normal;
}
ul.list_opt_1 li::before, ul.list_opt_2 li::before{	
	content: "🗹";
	color: var(--color-opt-7);
}
ul.list_opt_2 li::before{
	content: "☒";
	color: var(--color-opt-3);
}




/* MENU */
.main_menu{
	padding: 1em 0em;
	background: var(--color-black-50);
}

.logo_web { padding: 0em !important; margin: 0em 12em !important; }
.logo_web, .logo_web a img {height: 100px; display: block; padding: 0.8em 0.8em 0.8em 0.8em;}
.logo_web a img{}


.navbar-brand img{ max-width: 12em; }

.navbar{ padding: 0em !important; }

.nav-link{
	text-transform: uppercase;
	font-size: 90% !important;
	letter-spacing: 0.12em;
	font-weight: 500 !important;
	color: var(--color-main) !important;
	padding: 1em 1em !important;
	margin: 1em 1em 1em 1em !important;
}
.nav-link:hover{
	color: var(--color-primary) !important;
}

@media screen and (max-width: 992px) {
	.nav-link{
		font-size: 90% !important;
		letter-spacing: 0.12em;
		font-weight: 500 !important;
		padding: 0.3em 1em !important;
		margin: 0.3em 1em 0.3em 1em !important;
		text-align: center;
	}
	.dropdown-menu{
		text-align: center !important;
		background: none !important;
		border: 0px !important;
	}
	.dropdown-menu a{
		color: var(--color-black-700);
		letter-spacing: 0.2em;
		font-size: 80%;
	}
}


@media screen and (max-width: 575px) {}
@media screen and (min-width: 576px) {}
@media screen and (min-width: 768px) {} /*MD*/
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1400px) {}

/* FIN MENU */





.details_title_w, .details_title_b{ position: relative; display: block;}
.details_title_w:before, .details_title_b:before{ background: url("../images/assets/details-title.webp") left no-repeat; background-size: 100%; width: 5em; height: 0.4em; position: absolute; bottom: -0.45em; left: 0em; right: 0em; content: ""; margin: 0 auto;}
.details_title_w:before{ background-position: bottom;}
.details_title_b:before{ background-position: top;}

@media screen and (max-width: 575px) {
	.details_title_w, .details_title_b{ font-size: 1.8em !important;}
}



.recommended{ padding: 4em 0em;}
.recommended strong{ font-weight: bold; font-size: 1.2em; color: var(--color-text); margin: 0em auto 2em auto; display: table;}
.recommended .recommended_home img{ width: 100%; filter: grayscale(1); opacity: 0.5;}

@media screen and (max-width: 991px) {
	.recommended .recommended_home img{ width: 60%; margin: 0 auto !important; display: table;}
}


.footer{
	padding: 0em;
	font-size: 85%;
}

.download_guide{
	overflow: hidden;
	width: 100%;
	position: relative;
	background: var(--color-main);
}

.gtop,.gbottom { position: absolute; left: 0em; width: 100%; height: 35em; }

.gtop {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	top: 0em;}
.gbottom { 
	background: rgb(51,51,51);
	background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
	bottom: 0em;
}

.download_guide .guide_image img{width: 100%; opacity: 0.7;}

.download_guide .main_instagram{ position: absolute; display: table; margin: 0 auto; top: 3em; left: 0em; right: 0em; z-index: 2;}
.download_guide .main_instagram a{ text-decoration: none; color: var(--color-main);}
.download_guide .main_instagram a svg{ fill: var(--color-white); width: 1.8em; padding: 0.35em; border-radius: var(--border-radius-s);
background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,201,69,1) 100%);
}

.download_guide .guide_info {position: absolute; top: 30%; width: 100%; z-index: 1; color: var(--color-white); }

.download_guide .guide_info .guide_brochure img{ width: 100%; }
.download_guide .guide_info .guide_text h2{ font-size: 3em; font-weight: 900; position: relative; margin: auto auto 0.5em auto;}

.download_guide .guide_info .guide_text p{ }


@media screen and (max-width: 575px) {
	.download_guide .guide_image img{ width: 450%; }
	.download_guide .guide_info { text-align: center; display: block;}
	.download_guide .guide_info .guide_brochure img{ max-width: 250px; }
	.download_guide .guide_info .guide_text { margin: 2em auto 0em auto;}
	.download_guide .guide_info .guide_text h2{ font-size: 2em; font-weight: 900;}
	.download_guide .guide_info .guide_text .btn_main{ margin: 0 auto;}
}
@media screen and (max-width: 992px) {
	.download_guide .guide_info .guide_text h2{ font-size: 2.2em; font-weight: 900;}
}


.footer_top{
	background: url("../images/assets/footer_texture.svg") repeat-x 0px 25px var(--color-main);
	background-size: 60em;
	padding: 12em 0em 1em 0em;
}

.footer_top_logo{ text-align: center;}
.footer_top_logo img{ height: 6em;}

.footer_travel_links ul{
	display: table;
	margin: 0em;
	padding: 0em;
}
.footer_travel_links ul li{
	display: table-cell;
	padding: 0em 0.5em;
}
.footer_travel_links ul li a{
	color: var(--color-white);
	text-decoration: none;
	opacity: 1;
}
.footer_travel_links ul li a:hover{
	opacity: 0.4;
}





.footer_travel_info{
	display: table;
	margin: 4em auto 0 auto;
}
.footer_travel_info ul{
	display: table;
	margin: 0em;
	padding: 0em;
}
.footer_travel_info ul li{
	display: table-cell;
	padding: 0em 0.5em;
}
.footer_travel_info ul li a{
	color: var(--color-white);
	text-decoration: none;
}
.footer_travel_info ul li a:hover{
	color: var(--color-black-300);
}
@media screen and (max-width: 575px) {
	.footer_travel_info ul{
		display: block;
	}
	.footer_travel_info ul li{
		display: block;
		text-align: center;
	}
}


.footer_middle{
	margin: 4em auto;
}




.footer_middle_info{
	color: var(--color-black-100);}

.footer_middle_text{
	text-align: right;
}
.footer_middle_text a{
	color: var(--color-second);
	text-decoration: none;
}
@media screen and (max-width: 575px) {
	.footer_middle_text{
		text-align: center;
		margin-bottom: 2em;
	}
}


.footer_middle_social ul{
	display: table;
	margin: 1em 0em;
	padding: 0px;
}
.footer_middle_social ul li{display: table-cell;}
.footer_middle_social ul li a{
	padding: 0.5em;
	margin: 0.2em;
	display: block;
	border: 1px solid var(--color-black-100);
	
}
.footer_middle_social ul li a svg{
	width: 1.5em;
	fill: var(--color-black-100);
	display: block;
}
.footer_middle_social ul li a:hover{background: var(--color-white);}
.footer_middle_social ul li a:hover svg{fill: var(--color-second);}


@media screen and (max-width: 575px) {
	.footer_middle_social ul{
		margin: 0 auto !important;
	}
	.footer_middle_social{
		text-align: center;
	}
}


.footer_bottom .copyright{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: var(--color-black-400);
	font-size: 90%;
}


form .col-form-label, form .input-group-text{ letter-spacing: 0.08em; font-size: 85%; }
form .col-form-label span{ color: var(--color-second) !important;}
form .details_title_w{ color: var(--color-primary) !important;}

form .form-control{ color: var(--color-black-600) !important; letter-spacing: 0.08em; font-size: 85%; text-transform: uppercase; }





@media screen and (max-width: 575px) {}
@media screen and (min-width: 576px) {}
@media screen and (min-width: 768px) {} /*MD*/
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1400px) {}