@import url("https://fonts.googleapis.com/css2?family=Krona+One&family=Poppins:wght@300;700&display=swap");
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 16px; vertical-align: baseline; font-family: "Poppins", sans-serif; font-weight: 300; color: #fff; box-sizing: border-box; }

html { background: #110e0e url("../images/bg-geral.png") no-repeat center 0; }

body { line-height: 20px; }

ul li { list-style: none; }

a { text-decoration: none; }

p { margin-bottom: 20px; line-height: 22px; }

p:last-child { margin-bottom: 0; }

img { vertical-align: middle; }

em, em * { font-style: italic; }

strong, strong * { font-weight: bold; }

u, u * { text-decoration: underline; }

br { line-height: 0 !important; height: 0; }

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 * { color: #807172; font-family: "Krona One", sans-serif; }

h1, h1 * { font-size: 80px; line-height: 90px; }

h2 { margin-bottom: 30px; }

h2, h2 * { font-size: 60px; line-height: 80px; }

h3 { margin-bottom: 30px; }

h3, h3 * { font-size: 60px; line-height: 70px; }

h4 { margin-bottom: 10px; }

h4, h4 * { color: #3c3c3c; font-size: 20px; line-height: 23px; font-weight: bold; font-family: 'Josefin Sans', sans-serif; }

h4.bigger, h4.bigger * { color: #a59f9f; font-family: 'Spectral', serif; font-size: 30px; line-height: 38px; font-weight: normal; }

h5 { margin-bottom: 5px; }

h5, h5 * { color: #3c3c3c; font-size: 16px; line-height: 20px; font-weight: bold; font-family: 'Josefin Sans', sans-serif; }

blockquote { color: #a59f9f; font-weight: bold; padding: 10px 0 30px 40px; position: relative; break-inside: avoid; }

blockquote .line { background-color: #e55f5d; display: block; width: 40px; height: 5px; position: absolute; top: 0; left: 0; border-radius: 5px; }

blockquote { margin-left: 20%; }

blockquote, blockquote * { font-weight: bold; color: #e55f5d; }

.mfp-content, .mfp-content * { color: #110e0e; }

input[type="text"], input[type="password"], input[type="email"], input[type="date"] { border: solid 1px #807172; height: 30px; padding: 0 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

input[type="submit"], input[type="button"] { background-color: #807172; color: #fff; width: 100%; height: 30px; padding: 0 10px; cursor: pointer; font-family: "Krona One", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

textarea { border: solid 1px #807172; padding: 10px 10px; width: 100%; height: 150px; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

select { background: #fff url(../images/bg-select.png) no-repeat right 0; border: solid 1px #807172; height: 30px; padding: 0 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

#loading-container { background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 100000000000000000; display: flex; justify-content: center; align-items: center; display: none; }

#loading-container span { background: url(../images/loading.gif) no-repeat center center; display: block; width: 100%; height: 100%; }

h2.highlight, h2.highlight *, h3.highlight, h3.highlight * { color: #807172; font-size: 50px; line-height: 60px; }

.wrapper, .spw-wrapper { width: 960px; margin: 0 auto; }

.cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.clearfix { clear: both; }

.label { margin-bottom: 3px; }

.showOnScroll { opacity: 0; transition: all 1s ease; }

.showOnScroll.disabled { opacity: 1; }

#general-container { min-height: 400px; padding: 0 0 100px; }

.general-section { padding: 100px 0; }

.btn-knowmore { display: inline-flex; align-items: center; }

.btn-knowmore .text { color: #be1622; white-space: nowrap; margin-right: 10px; }

.btn-knowmore .icon { background: url(../images/knowmore-arrow.svg) no-repeat 0 center; display: inline-flex; width: 182px; height: 11px; flex-shrink: 0; }

.btn-knowmore.plus, .btn-knowmore.open { background: #4f993c; background: linear-gradient(45deg, #4f993c 0%, #fbb825 100%); color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; line-height: 0; opacity: 0.8; transition: all 0.3s ease; }

.btn-knowmore.plus:hover, .btn-knowmore.open:hover { opacity: 1; }

.btn-knowmore.plus .text, .btn-knowmore.open .text { display: none; }

.btn-knowmore.plus .icon, .btn-knowmore.open .icon { background: url(../images/icons.svg) no-repeat -80px -20px; background-size: 400px 400px; display: inline-flex; width: 20px; height: 20px; }

.btn-knowmore.open .icon { background-position-x: -20px; }

.highlight-a .wrapper { display: flex; }

.highlight-a .wrapper .left { width: 465px; flex-shrink: 0; padding-left: 40px; }

.highlight-a .wrapper .left .image { margin-left: 30%; border-radius: 10px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); overflow: hidden; }

.highlight-a .wrapper .left .image img { width: 100%; }

.highlight-a .wrapper .right { width: 100%; padding: 40px 0 0 30px; }

.highlight-b { background-color: #221d1d; height: auto; display: flex; align-items: center; position: relative; margin: 115px 0; padding-top: 150px; }

.highlight-b:before { content: ""; background: url("../images/texture-top-light.png") repeat-x center 0; position: absolute; top: -140px; left: 0; width: 100%; height: 187px; }

.highlight-b:after { content: ""; background: url(../images/texture-bot-light.png) repeat-x center 0; position: absolute; bottom: -140px; left: 0; width: 100%; height: 187px; }

.highlight-b .general-section-title { position: absolute; top: 0; left: 0; display: flex; align-items: center; height: 100%; width: 100%; z-index: 2; pointer-events: none; }

.highlight-b .general-section-title .wrapper { height: 550px; position: relative; }

.highlight-b .general-section-title .wrapper h3 { padding-right: 45%; }

.highlight-b .swiper-container { height: 550px; position: relative; z-index: 1; }

.highlight-b .swiper-slide .wrapper { height: 100%; position: relative; }

.highlight-b .swiper-slide { position: relative; }

.highlight-b .swiper-slide .left { width: 50%; position: absolute; z-index: 2; }

.highlight-b .swiper-slide .right { width: 70%; margin-left: 30%; padding-top: 190px; position: relative; z-index: 1; }

.highlight-b .swiper-slide .image { position: absolute; top: 0; right: 0; height: 290px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); border-radius: 10px; overflow: hidden; z-index: 2; }

.highlight-b .swiper-slide .image, .highlight-b .swiper-slide .text-container { width: 465px; }

.highlight-b .swiper-slide .text-container h4 { color: #807172; font-size: 16px; line-height: 20px; font-weight: bold; font-family: "Krona One", sans-serif; text-transform: uppercase; }

.highlight-b .swiper-slide .content { background-color: #110e0e; padding-top: 100px; position: relative; z-index: 1; display: flex; justify-content: flex-end; border-radius: 10px; }

.highlight-b .swiper-slide .number { position: absolute; bottom: 40px; left: -50px; color: #e55f5d; font-family: "Krona One", sans-serif; font-size: 80px; line-height: 80px; white-space: nowrap; }

.highlight-b .swiper-slide .text-container { padding: 40px 40px 40px 0; }

.highlight-b .swiper-slide .knowmore-container { position: absolute; bottom: -20px; right: 40px; }

.highlight-c { background-color: #221d1d; padding-top: 100px; position: relative; margin-top: 80px; }

.highlight-c .pretop { background: url("../images/texture-top-light.png") repeat-x center 0; position: absolute; top: -140px; left: 0; width: 100%; height: 187px; }

.list-a .item { display: flex; }

.list-a .item:not(:last-child) { border-bottom: solid 1px #807172; padding-bottom: 50px; margin-bottom: 50px; }

.list-a .left { width: 50%; padding-right: 15px; }

.list-a .left img { width: 100%; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); border-radius: 10px; }

.list-a .right { width: 50%; padding-left: 15px; display: flex; flex-direction: column; }

.list-a .right .bot { display: flex; flex-grow: 1; }

.list-a .innerleft { padding-right: 50px; }

.list-a .innerleft, .list-a .innerleft * { font-size: 16px; line-height: 22px; }

.list-a .innerright { width: 140px; /*border-top: solid 5px #a59f9f;*/ padding-top: 50px; align-self: flex-end; }

.list-a .knowmore-container { text-align: right; }

.list-a .item:nth-child(even) { flex-direction: row-reverse; }

.list-a .item:nth-child(even) .left { padding-left: 15px; padding-right: 0; }

.list-a .item:nth-child(even) .right { padding-left: 0; padding-right: 15px; }

.list-a .item:nth-child(even) .right .bot { flex-direction: row-reverse; }

.list-a .item:nth-child(even) .right .bot .innerleft { padding-left: 50px; padding-right: 0; }

.list-a .item:nth-child(even) .knowmore-container { text-align: left; }

.grid-a { margin-bottom: 150px; }
.grid-a .grid-item { width: 50%; margin-bottom: 30px; padding: 0 15px; }
.grid-a .grid-item h2 { margin-bottom: 0; color: #807172; font-size: 50px; line-height: 60px; }
.grid-a .item-content a { display: block; position: relative; padding-top: 95px; position: relative; top: 0; transition: top 0.3s ease; }
.grid-a .item-content .image { background-image: url(../images/photo-default.jpg); display: block; text-align: left; height: 180px; position: absolute; top: 0; left: 0; width: 60%; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2); overflow: hidden; border-radius: 10px; }
.grid-a .item-content .image .mask { background: rgba(190, 22, 34, 0.7) url(../images/knowmore-arrow-white.svg) no-repeat center center; background-size: 180px 11px; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; display: block; z-index: 2px; transition: left 0.3s ease; }
.grid-a .grid-item:nth-child(even) .item-content .image { left: initial; right: 0; }
.grid-a .item-content .textcontent { background-color: #110e0e; padding: 120px 40px 40px; display: block; transition: box-shadow 0.3s ease; border-radius: 10px; }
.grid-a .item-content .title { display: block; font-family: "Krona One", sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #807172; margin-bottom: 5px; transition: color 0.3s ease; }
.grid-a .item-content .subtitle { display: flex; align-items: center; padding-bottom: 10px; transition: color 0.3s ease; }
.grid-a .item-content .subtitle .text { color: #807172; font-family: "Krona One", sans-serif; margin-right: 10px; white-space: nowrap; font-size: 12px; }
.grid-a .item-content .subtitle .line { background-color: #807172; display: inline-flex; width: 100%; height: 1px; }
.grid-a .item-content .description { display: block; font-size: 14px; transition: color 0.3s ease; }
.grid-a .item-content a:hover { top: -5px; }
.grid-a .item-content a:hover .textcontent { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); }

.grid-filters { display: flex; flex-wrap: wrap; margin-top: 30px; }

.grid-filters a { display: flex; align-items: center; margin-bottom: 30px; }

.grid-filters a:hover .text, .grid-filters a.active .text { color: #e55f5d; }

.grid-filters a .innerleft, .grid-filters a .innerright { background-color: #807172; width: 15px; height: 2px; transition: all 0.3s ease; }

.grid-filters a:hover .innerleft, .grid-filters a:hover .innerright, .grid-filters a.active .innerleft, .grid-filters a.active .innerright { background-color: #e55f5d; }

.grid-filters a .text { padding: 0 5px; font-weight: 700; color: #807172; transition: all 0.3s ease; }

.grid-b { margin-bottom: 150px; }

.grid-b .grid-item { width: 50%; margin-bottom: 30px; padding: 0 15px; }

.grid-b .item-content { background-color: #110e0e; padding: 40px; border-radius: 10px; }

.grid-b .item-content a { word-break: break-all; }

.grid-b .item-content h4 { color: #807172; font-family: "Krona One", sans-serif; font-size: 14px; }

.grid-c { margin-bottom: 150px; }

.grid-c .grid-item { width: 50%; margin-bottom: 30px; padding: 0 15px; }

.grid-c .item-content { padding: 40px 0 0 40px; }

.grid-c .item-content .image { background-color: #a59f9f; background-image: url(../images/our-guides-default.png); position: absolute; top: 0; left: 15px; width: 136px; height: 136px; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); }

.grid-c .item-content .textcontent { background-color: #fff; padding: 40px 40px 40px 125px; }

.grid-d { margin-bottom: 150px; /*.grid-item h2 {margin-bottom: 0; color:$brown; font-size: 50px; line-height: 60px;}*/ /*.item-content 
.grid-item:nth-child(even) .item-content .image {left: initial;right: 0;}
.item-content 
.item-content .title {display: block;font-family: $fontB; font-size: 14px; font-weight: bold;text-transform: uppercase; color:$brown; margin-bottom: 5px;transition: color 0.3s ease;}
.item-content .subtitle {display: flex;align-items: center;padding-bottom: 10px;transition: color 0.3s ease;}
.item-content .subtitle .text {color:$brown;font-family: $fontB;margin-right: 10px;white-space: nowrap; font-size: 12px;}
.item-content .subtitle .line {background-color: $brown;display: inline-flex;width: 100%;height: 1px;}
.item-content .description {display: block;font-size: 14px;  transition: color 0.3s ease;}
.item-content a:hover{top:-5px; }
.item-content a:hover .textcontent {box-shadow: 0 10px 30px rgba(0,0,0,0.5);}*/ }
.grid-d .grid-item { width: 50%; margin-bottom: 30px; padding: 0 15px; position: relative; }
.grid-d .item-content { display: flex; padding-top: 100px; position: relative; /*#itinerary-bot a .text,
#itinerary-mid a .text{display: flex; align-items: center; transition: all 0.5s ease;}
#itinerary-bot a .icon,
#itinerary-mid a .icon{background: url(../images/arrow-quotes.png) no-repeat 0 center; width: 100px; height: 100%;}
#itinerary-bot a:hover,
#itinerary-mid a:hover{background-color: $red;}
#itinerary-bot a:hover .text,
#itinerary-mid a:hover .text{margin-right: 40px;}*/ }
.grid-d .item-content .image { background-image: url(../images/photo-default.jpg); display: block; text-align: left; height: 180px; position: absolute; top: 0; left: 0; width: 60%; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2); overflow: hidden; border-radius: 10px; z-index: 2; }
.grid-d .item-content .image .mask { background: rgba(190, 22, 34, 0.7) url(../images/knowmore-arrow-white.svg) no-repeat center center; background-size: 180px 11px; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; display: block; z-index: 2px; transition: left 0.3s ease; }
.grid-d .item-content .textcontent { background-color: #110e0e; padding: 120px 40px 40px; display: block; transition: box-shadow 0.3s ease; border-radius: 10px; position: relative; z-index: 1; }
.grid-d .item-content .title { display: block; font-family: "Krona One", sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 5px; transition: color 0.3s ease; }
.grid-d .item-content .subtitle { display: flex; align-items: center; padding-bottom: 10px; transition: color 0.3s ease; }
.grid-d .item-content .subtitle { color: #807172; font-family: "Krona One", sans-serif; font-size: 12px; }
.grid-d .item-content .price { position: absolute; top: -30px; right: 0; font-family: "Krona One", sans-serif; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #807172; }
.grid-d .item-content .btn-knowmore { background-color: #807172; display: flex; align-items: center; justify-content: space-between; height: 40px; padding: 0 20px; border-radius: 5px; }
.grid-d .item-content .btn-knowmore .text { color: #fff; font-family: "Krona One", sans-serif; font-size: 14px; white-space: nowrap; margin-right: 10px; }
.grid-d .item-content .btn-knowmore .icon { background: url(../images/arrow-quotes.png) no-repeat 0 center; width: 100px; height: 100%; }

.db-content ul, .db-content ol { margin-bottom: 10px; }

.db-content ul li, .db-content ol li { margin-left: 15px; }

.db-content ul li { list-style: disc; }

/*############################################################################
								MAGNIFIC POPUP
#############################################################################*/
.mfp-content { text-align: center; }

#mfp-w2c { position: relative; background: #fff; display: inline-block; text-align: left; padding: 30px; width: auto; max-width: 960px; min-width: 240px; margin: 20px auto; }

#mfp-w2c h1 { text-align: center; }

/*############################################################################
								SWIPER
#############################################################################*/
.swiper-container { height: 100%; overflow: hidden; border-radius: 10px; }

.swiper-pagination { bottom: 0 !important; }

.swiper-pagination.disabled { display: none; }

.swiper-pagination-bullet { background-color: #807172; border-radius: 5px; width: 100px; height: 5px; transition: all 0.3s ease; }

.swiper-pagination-bullet-active { background-color: #e55f5d; height: 10px; cursor: default; }

.swiper-pagination-bullet:hover { height: 10px; }

.swiper-button-next, .swiper-button-prev { background: #4f993c; background: linear-gradient(45deg, #4f993c 0%, #fbb825 100%); width: 40px; height: 40px; opacity: 0.9; transition: all 0.3s ease; background-position-y: -40px; display: inline-flex; align-items: center; justify-content: center; }

.swiper-button-next span, .swiper-button-prev span { background: url(../images/icons.svg) no-repeat 0 -20px; background-size: 400px 400px; display: inline-flex; width: 20px; height: 20px; }

.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 1; }

.swiper-button-next span { background-position-x: -20px; }

.gallery-a .w2-swiper-navigation { position: absolute; bottom: 100px; right: -40px; display: flex; border-radius: 10px 0 10px 0; overflow: hidden; }

.gallery-a .w2-swiper-navigation div { position: initial; top: inherit; left: inherit; bottom: inherit; right: inherit; margin: 0; padding: 0; }

/*############################################################################
								HEADER
#############################################################################*/
header { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; z-index: 1003; transition: all 0.5s ease; }

header .wrapper { width: 1200px; display: flex; align-items: center; justify-content: space-between; height: 100px; position: relative; padding: 0 40px; transition: all 0.5s ease; }

header .left a { display: block; height: 100%; position: relative; }

header .left a .not-truncated { height: 54px; }

header .left a .truncated { display: none; }

header .left a img { height: 100%; }

header .right, header .right nav, header .right ul.level-1, header .right li.level-1 { height: 100%; }

header .right ul.level-1 { display: flex; }

header .right li.level-1 { margin-left: 30px; position: relative; display: flex; align-items: center; }

header .right a.level-1 { display: flex; align-items: center; height: 50px; position: relative; }

header .right a.level-1 .text { color: #807172; font-family: "Krona One", sans-serif; font-size: 12px; line-height: 20px; text-transform: uppercase; white-space: nowrap; transition: all 0.3s ease; }

header .right a.level-1 .icon { background: transparent url(../images/icons.svg) no-repeat -30px -30px; background-size: 200px 200px; display: inline-flex; width: 10px; height: 10px; margin-left: 10px; }

header .right li.level-1 a.level-1:before { content: ""; background-color: #e55f5d; display: block; width: 100%; height: 2px; border-radius: 2px; position: absolute; bottom: 10px; left: -20px; opacity: 0; transition: opacity 0.3s ease, left 0.3s ease; }

header .right li.level-1 a.level-1:hover .text { color: #e55f5d !important; }

header .right li.level-1.active a.level-1:hover .text, header .right li.level-1.active a.level-1 .text { color: #e55f5d !important; display: flex; height: 100%; align-items: center; }

header .right li.level-1 a.level-1:hover:before { left: 0; opacity: 1; }

header .right ul.level-2 { background-color: #fff; position: absolute; top: 100px; left: -40px; opacity: 0; visibility: hidden; padding: 30px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; transition: all 0.7s ease; }

header .right ul.level-2 * { color: #807172; font-family: "Krona One", sans-serif; font-size: 12px; }

header .right a.level-2 { display: block; padding: 10px 10px; white-space: nowrap; border-bottom: solid 1px #f0e6e6; }

header .right li.level-1:hover ul.level-2 { opacity: 1; visibility: visible; box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.2); top: 80px; }

body.truncated header .right li.level-1:hover ul.level-2 { top: 70px; }

header .right li.level-1 li.level-2:last-child a { border-bottom: none; }

header .right li.level-1 li.level-2 a:hover, header .right li.level-1 li.level-2.active a { color: #e55f5d; }

body.truncated header { background-color: #110e0e; box-shadow: 0 10px 30px black; }

body.truncated header .wrapper { height: 80px; }

body.truncated header .left { width: 54px; }

body.truncated header .left a { margin-top: 0; }

body.truncated header .left a .truncated { display: block; }

body.truncated header .left a .not-truncated { display: none; }

/*body.home:before {background: url("../images/arrow-scroll.png") no-repeat center center; content: ""; display: block; width: 19px; height: 15px; position: absolute; top: 660px; left: calc(50% - 9px);}*/
/*############################################################################
									MOBILE
#############################################################################*/
#mobile-menu-switch { background: url(../images/menu-switch.png) no-repeat 0 0; width: 40px; height: 40px; position: fixed; right: 30px; top: 30px; z-index: 1005; cursor: pointer; transition: top 0.3s ease; }

.truncated #mobile-menu-switch { top: 20px; }

#mobile-menu-switch.active { background-position: 0 -40px; z-index: 1007; }

#mobile-menu { background: #110e0e; width: 100%; height: 100%; top: -100px; opacity: 0; padding-top: 80px; position: fixed; z-index: 1006; overflow-y: scroll; transition: all 0.5s ease; pointer-events: none; }

#mobile-menu.active { opacity: 1; top: 0; pointer-events: inherit; }

#mobile-menu a { padding: 5px 40px; text-align: left; display: block; color: #807172; }

#mobile-menu a, #mobile-menu a .text { font-family: "Krona One", sans-serif; color: #807172; font-size: 20px; }

#mobile-menu .level-1 > a { line-height: 20px; }

#mobile-menu .level-1:last-child { margin-bottom: 20px; }

#mobile-menu ul.level-2 { padding-bottom: 20px; margin-bottom: 10px; border-bottom: solid 1px #807172; padding: 0 20px 20px 80px; }

#mobile-menu ul.level-2 a { padding: 5px 0; font-size: 16px; font-family: "Poppins", sans-serif !important; }

#mobile-menu li a:hover, #mobile-menu li a:hover .text, #mobile-menu li.active a .text { color: #e55f5d; }

/*############################################################################
								FOOTER
#############################################################################*/
footer { background-color: #000; position: relative; }

footer .pretop { background: url(../images/footer-pretop.png) repeat-x center bottom; position: absolute; top: -50px; left: 0; width: 100%; height: 71px; }

footer .top .wrapper { padding: 60px 0; display: flex; justify-content: space-between; }

footer .top .left { padding-right: 30px; }

footer .top .left nav ul.level-1 { display: flex; }

footer .top .left nav li.level-1 { margin-right: 30px; }

footer .top .left nav a.level-1 { font-family: "Krona One", sans-serif; display: block; font-size: 14px; line-height: 23px; margin-bottom: 10px; }

footer .top .left nav ul.level-2 { margin-left: 20px; }

footer .top .left nav li.level-2 { margin-bottom: 3px; }

footer .top .left nav a.level-2 { display: block; font-size: 12px; }

footer .top .left a { transition: all 0.3s ease; }

footer .top .left a:hover { text-decoration: underline; color: #fff; }

footer .top .left li.level-1.active a.level-1, footer .top .left li.level-2.active a.level-2 { color: #fff; }

footer .top .right { text-align: right; }

footer .top .right h4 { font-family: "Krona One", sans-serif; font-size: 16px; line-height: 23px; font-weight: normal; }

footer .top .right .box-social { margin-bottom: 30px; }

footer .top .right .box-social .content { display: flex; justify-content: flex-end; }

footer .top .right .box-social .content a { background-color: #807172; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; margin-left: 5px; transition: all 0.3s ease; }

footer .top .right .box-social .content a, footer .top .right .box-social .content a * { color: #000; font-size: 16px; }

footer .top .right .box-social .content a:hover { background-color: #fff; }

footer .top .right .box-social .fa-safaribookings { background: url(../images/safari-booking.png) no-repeat center center; }

footer .bot .wrapper { display: flex; align-items: center; justify-content: center; height: 50px; border-top: solid 1px #807172; }

footer * { color: #807172; font-size: 12px; }

footer a { margin-left: 10px; }

footer a img { height: 14px; }

#form-newsletter { display: flex; flex-direction: column; align-items: flex-end; }

#form-newsletter .content { display: flex; width: 250px; }

#form-newsletter .email { background-color: transparent; border-color: #807172; border-radius: 30px 0 0 30px; }

#form-newsletter .email::placeholder { color: #807172; }

#form-newsletter .email:-ms-input-placeholder { color: #807172; }

#form-newsletter .email::-ms-input-placeholder { color: #807172; }

#form-newsletter .submit { background-color: #807172; border-color: #807172; color: #110e0e; width: 50px; padding: 0; font-size: 12px; border-radius: 0 30px 30px 0; }

#form-newsletter .submit:hover { background-color: #fff; }

/*############################################################################
								HOME
#############################################################################*/
#home-banner, #secbanner { padding-top: 55px; }

#home-banner .wrapper { position: relative; height: auto; width: 1200px; display: grid; grid-gap: 0 100px; grid-template-columns: repeat(2, 1fr); }

#secbanner .wrapper { position: relative; width: 1200px; }

.blog #secbanner .wrapper { margin-bottom: 200px; }

#home-banner .gallery-a .w2-swiper-navigation { bottom: 0; right: 0; }

#home-banner-content { top: 0; right: 0; width: 100%; padding: 80px 0 0 0px; z-index: 3; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; }

#home-banner-content h2 { overflow: hidden; max-height: 260px; font-size: 50px; line-height: 60px; margin-bottom: 10px; }

#home-banner-content .text-container { max-height: 60px; overflow: hidden; margin-bottom: 30px; }

#home-banner-content .text-container, #home-banner-content .text-container * { color: #807172; font-family: "Krona One", sans-serif; font-size: 20px; line-height: 30px; text-transform: uppercase; }

#home-banner-content .knowmore-container { text-align: right; }

#home-banner-gallery { width: 100%; padding: 40px 0 0 0px; position: relative; z-index: 2; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; overflow: hidden; border-radius: 10px; }

#home-banner-gallery .swiper-container { height: 100%; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); border-radius: 10px; }

#home-banner-gallery .swiper-slide .image { background-color: #fff; height: 500px; width: 100%; border: solid 1px #f2f2f2; border-right: none; border-bottom: none; }

#home-banner-video { background: url("../images/bg-video.jpg") no-repeat center center; background-size: cover; width: 100%; height: auto; right: 0; z-index: 1; border-radius: 10px; overflow: hidden; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; position: relative; }

#home-banner-video .btn-video { background-color: rgba(44, 45, 70, 0.7); display: flex; width: 100%; height: 0; padding-bottom: 53%; justify-content: center; align-items: center; transition: background-color 0.3s ease; }

#home-banner-video .btn-video:hover { background-color: rgba(44, 45, 70, 0.4); }

#home-banner-video .btn-video .content { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; }

#home-banner-video .btn-video .icon { display: block; margin-bottom: 10px; position: relative; width: 65px; height: 46px; }

#home-banner-video .btn-video .icon:after { content: ""; width: 68px; height: 48px; display: block; border-radius: 30px; position: absolute; }

#home-banner-video .btn-video .icon:before { background: url("../images/play.png") no-repeat center center; border: solid 2px #fff; content: ""; width: 65px; height: 46px; display: block; border-radius: 30px; position: absolute; z-index: 1; }

#home-banner-video .btn-video:hover .icon:before { background: url("../images/play-hover.png") no-repeat center center; }

#home-banner-video .btn-video:hover .icon:after { background: #4f993c; background: linear-gradient(45deg, #4f993c 0%, #fbb825 100%); }

#home-banner-video .btn-video .text { font-family: "Krona One", sans-serif; font-size: 20px; line-height: 24px; color: #fff; width: 60px; display: inline-block; }

.general-section.highlight-a { padding-top: 130px; }

/* ################################################# 
					video
################################################# */
#video-full-container { background-color: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; transition: all 1s ease; }

#video-full-container.active { visibility: visible; opacity: 1; }

#video-full-container .btn-close { background: #cdac70 url(../images/close-video.png) no-repeat center center; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; z-index: 2; opacity: 0.5; transition: all 0.5s ease; }

#video-full-container .btn-close:hover { opacity: 1; }

#video-full-container video { width: 100% !important; height: 100% !important; }

/*############################################################################
								TOURS
#############################################################################*/
/*#secbanner .wrapper {height: 400px;}*/
#secbanner-contents { display: flex; padding: 60px 40px 0 40px; position: relative; z-index: 2; }

#secbanner-contents .left { width: 50%; position: relative; }

#secbanner-contents .left .image { background-image: url(../images/photo-default.jpg); height: 340px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.5); border-radius: 10px; }

#secbanner-contents .left .swiper-container { height: 340px; box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2); }

#secbanner-contents .right { width: 50%; padding: 50px 0 0 50px; }

#secbanner-contents .right .title { font-size: 50px; line-height: 60px; margin-bottom: 20px; }

#secbanner-contents .right .subtitle { color: #e55f5d; display: flex; align-items: center; margin-bottom: 15px; font-family: "Krona One", sans-serif; text-transform: uppercase; }

#secbanner-contents .right .subtitle .line { background-color: #e55f5d; width: 40px; height: 5px; margin-right: 15px; border-radius: 5px; }

#secbanner-contents .right .time { color: #807172; font-family: "Krona One", sans-serif; font-weight: bold; font-size: 16px; line-height: 23px; }

#secbanner-contents .w2-swiper-navigation { bottom: 0; right: 0; }

body.tours #secbanner-contents .right .time { text-transform: inherit; }

.text-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }

.text-columns p, .text-columns li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; overflow: hidden; }

.text-container a { color: #e55f5d; }

.text-container a:hover { text-decoration: underline; }

.text-container h4, .text-container h4 * { color: #a59f9f; font-family: 'Spectral', serif; font-size: 30px; line-height: 38px; font-weight: normal; }

#itinerary-header { /*margin-bottom: 100px;*/ }

#itinerary-header .wrapper { display: flex; }

#itinerary-header .left { width: 50%; padding: 0 15px 0 40px; }

#itinerary-header .right { width: 50%; padding-left: 15px; }

#itinerary-header .right .proposal { font-size: 30px; line-height: 33px; color: #be1622; }

.itinerary-list { padding: 0 40px 0; }

.itinerary-list li { display: flex; justify-content: space-between; align-items: center; }

.itinerary-list li:not(:last-child) { margin-bottom: 30px; }

.itinerary-list .text { width: 100%; text-align: right; }

.itinerary-list .text, .itinerary-list .text * { color: #807172; font-weight: 700; font-size: 14px; }

.itinerary-list .icon { color: #fff; font-size: 12px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; flex-shrink: 0; margin-left: 15px; padding-bottom: 2px; position: relative; }

.itinerary-list .icon:before { content: ""; background: url("../images/icons.svg") no-repeat -125px -100px; background-size: 500px; width: 25px; height: 25px; z-index: -1; position: absolute; top: 0; left: 0; }

#itinerary-contents .wrapper { position: relative; margin-bottom: 100px; }

#itinerary-contents .item { position: relative; padding-bottom: 50px; }

#itinerary-contents .item:not(:last-child) { border-left: dotted 2px #807172; border-radius: 10px 0 0 10px; }

#itinerary-contents .day { display: flex; align-items: center; height: 20px; width: 50%; position: absolute; top: -10px; padding-right: 15px; }

#itinerary-contents .day .graph { display: flex; align-items: center; width: 100%; height: 100%; }

#itinerary-contents .day .graph .line { border-top: dotted 2px #807172; height: 10px; width: 100%; border-radius: 10px 0 0 0; margin-top: 10px; }

#itinerary-contents .item:last-child .graph .line { border-bottom: dotted 2px #807172; height: 10px; width: 100%; border-radius: 0 0 0 10px; margin-top: 0; margin-bottom: 10px; border-top: none; }

#itinerary-contents .day .graph .icon { background: url(../images/itinerary-daygraph.png) no-repeat 0 0; display: inline-flex; width: 52px; height: 16px; flex-shrink: 0; }

#itinerary-contents .day .text { color: #e55f5d; font-family: "Krona One", sans-serif; font-size: 16px; line-height: 20px; white-space: nowrap; text-transform: uppercase; margin-left: 15px; }

#itinerary-contents .top { padding: 40px; display: flex; }

#itinerary-contents .top .left { width: 50%; padding-right: 15px; position: relative; }

#itinerary-contents .top .left .swiper-container { height: 240px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); }

#itinerary-contents .top .left .w2-swiper-navigation { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; display: flex; justify-content: center; }

#itinerary-contents .top .left .w2-swiper-navigation div { position: initial; top: 0; margin-top: 0; }

#itinerary-contents .top .left .swiper-button-prev { border-radius: 10px 0 0 10px; }

#itinerary-contents .top .left .swiper-button-next { border-radius: 0 10px 10px 0; }

#itinerary-contents .top .left img { width: 100%; }

#itinerary-contents .top .right { width: 50%; padding-left: 15px; margin-top: -50px; }

#itinerary-contents .top .right h3 { font-size: 50px; line-height: 60px; margin-top: 40px; }

#itinerary-contents .bot { padding-left: 40px; display: flex; justify-content: space-between; }

#itinerary-contents .bot .left { width: 30%; padding-right: 15px; }

#itinerary-contents .bot .left * { font-size: 12px; line-height: 18px; color: #807172; }

#itinerary-contents .travelpoints, #itinerary-contents .sidetext { margin-bottom: 30px; }

#itinerary-contents .sidetext ul * { color: #807172; }

#itinerary-contents .travelpoints { display: flex; align-items: center; }

#itinerary-contents .travelpoints .time-group { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: 30px; }

#itinerary-contents .travelpoints .time-group div { color: #e55f5d; white-space: nowrap; font-weight: 700; }

#itinerary-contents .travelpoints .points-group { width: 100%; border-left: solid 1px #807172; padding-left: 10px; }

#itinerary-contents .travelpoints .points-group div { display: flex; align-items: center; height: 25px; }

#itinerary-contents .travelpoints .points-group .icon { background: url("../images/icons.svg") no-repeat -70px -56px; background-size: 280px; display: inline-flex; flex-shrink: 0; width: 14px; height: 14px; margin-right: 10px; }

#itinerary-contents .travelpoints .points-group .text { white-space: nowrap; }

#itinerary-contents .travelpoints li.points { display: flex; }

#itinerary-contents .sidetext strong { color: #e55f5d !important; }

#itinerary-contents .recommendations, #itinerary-contents .recommendations * { color: #807172; }

#itinerary-contents .recommendations p { margin-bottom: 5px; }

#itinerary-contents .recommendations li { list-style: disc; margin: 0 0 3px 15px; }

#itinerary-contents .bot .right { width: 70%; padding: 0 160px 0 15px; position: relative; }

#itinerary-contents .bot .right .content-line { background-color: #e55f5d; display: block; width: 135px; height: 5px; position: absolute; top: 0; right: 0; border-radius: 5px; }

.itinerary-contact { display: flex; justify-content: center; margin-bottom: 100px; }

.itinerary-contact a { background-color: #cdac70; display: inline-flex; align-content: center; flex-direction: row-reverse; height: 50px; padding: 0 20px; opacity: 0.8; transition: all 0.5s ease; }

.itinerary-contact a .text { font-family: 'Spectral', serif; font-size: 20px; margin-right: 10px; color: #fff; display: flex; align-items: center; transition: all 0.5s ease; }

.itinerary-contact a .icon { background: url(../images/arrow-quotes.png) no-repeat 0 center; width: 100px; }

.itinerary-contact a:hover { opacity: 1; }

.itinerary-contact a:hover .text { margin-right: 40px; }

#itinerary-bot, #itinerary-mid { margin-top: -50px; padding-bottom: 100px; }

#itinerary-bot .wrapper, #itinerary-mid .wrapper { display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; }

#itinerary-bot a, #itinerary-mid a { background-color: #807172; display: inline-flex; align-items: center; align-content: center; color: #fff; flex-direction: row-reverse; font-size: 16px; text-transform: uppercase; height: 50px; border-radius: 25px; padding: 0 20px; margin: 0 10px; transition: all 0.5s ease; }

#itinerary-bot .btn-downloaddoc, #itinerary-mid .btn-downloaddoc { background-color: #a59f9f; }

#itinerary-bot a .text, #itinerary-mid a .text { font-family: "Krona One", sans-serif; font-size: 14px; margin-right: 10px; color: #fff; display: flex; align-items: center; transition: all 0.5s ease; }

#itinerary-bot a .icon, #itinerary-mid a .icon { background: url(../images/arrow-quotes.png) no-repeat 0 center; width: 100px; height: 100%; }

#itinerary-bot a:hover, #itinerary-mid a:hover { background-color: #e55f5d; }

#itinerary-bot a:hover .text, #itinerary-mid a:hover .text { margin-right: 40px; }

#itinerary-bot .btn-downloaddoc:hover, #itinerary-mid .btn-downloaddoc:hover { background-color: #e55f5d; }

#contacts-container .wrapper { display: flex; }

#contacts-container .wrapper .left { width: 50%; padding-right: 15px; }

#contacts-container .wrapper .right { width: 50%; padding-left: 15px; }

#contacts-container .wrapper .right .other-texts * { font-size: 14px; }

#contacts-container .wrapper .other-texts p { margin: 0 0 30px 30px; padding: 10px 0 0 40px; position: relative; }

#contacts-container .wrapper .other-texts p:before { content: ""; background-color: #807172; display: block; width: 40px; height: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; }

#contacts-container .wrapper .other-texts p strong { font-family: "Krona One", sans-serif; color: #807172; margin-bottom: 5px; font-size: 14px; line-height: 20px; }

#contacts-container .wrapper .other-texts p em { color: #fff; font-weight: normal; font-family: "Poppins", sans-serif; font-style: normal; }

#contacts-container .wrapper .other-texts a:hover { text-decoration: underline; }

#form-contacts input, #form-contacts select { height: 50px; }

#form-contacts input, #form-contacts select, #form-contacts textarea { background-color: #110e0e; border-color: transparent; border-radius: 10px; }

#form-contacts .box:not(:last-child) { margin-bottom: 20px; }

#form-contacts .label { color: #807172; font-size: 12px; line-height: 17px; margin-bottom: 3px; font-weight: 700; }

#form-contacts .label span { font-size: 14px; color: #807172; }

#form-contacts .box-howmany { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; margin-bottom: 40px !important; }

#form-contacts .box-howmany .box { margin-bottom: 5px; }

#form-contacts .box-title { width: 100%; color: #807172; font-family: "Krona One", sans-serif; font-size: 18px; line-height: 23px; }

#form-contacts .box-notes { color: #e55f5d; width: 100%; font-size: 12px; line-height: 15px; margin-top: 10px; }

#form-contacts .box-adults, #form-contacts .box-children18, #form-contacts .box-children11 { width: 30%; }

#form-contacts .box-message { margin-bottom: 0 !important; }

#form-contacts .box-message .message { padding-bottom: 40px; }

#form-contacts .box-submit { position: relative; }

#form-contacts .submit { background-color: #807172; color: #fff; font-family: "Krona One", sans-serif; font-size: 12px; line-height: 23px; text-transform: uppercase; width: auto; position: absolute; top: -30px; right: 40px; transition: background-color 0.3s ease; }

#form-contacts .submit:hover { background-color: #e55f5d; }

body.about-us.gallery #secbanner { margin-bottom: 180px; height: auto; }

body.about-us.gallery #secbanner .wrapper { height: auto; }

#photo-gallery-container { height: auto; padding: 40px 40px 0; position: relative; }

#photo-gallery-contents .swiper-wrapper { background-color: #fff; }

#photo-gallery-contents .swiper-slide { width: 100%; height: 0; padding-bottom: 56.3%; }

#photo-gallery-contents { height: 100%; position: relative; }

#photo-gallery-contents .w2-swiper-navigation { position: absolute; bottom: -20px; right: 40px; max-width: 30%; display: flex; align-items: center; height: 40px; }

#photo-gallery-contents .swiper-button-prev, #photo-gallery-contents .swiper-button-next, #photo-gallery-contents .swiper-pagination { left: initial; right: initial; top: initial; bottom: initial; position: initial; margin: 0; }

#photo-gallery-contents .swiper-button-next { border-radius: 0 10px 10px 0; }

#photo-gallery-contents .swiper-pagination { background-color: rgba(128, 113, 114, 0.9); white-space: nowrap; width: 100px; height: 40px; display: flex; align-items: center; justify-content: center; font-family: "Krona One", sans-serif; color: #fff; font-size: 16px; border-radius: 10px 0 0 10px; }

#photo-gallery-contents .text { position: absolute; bottom: -80px; left: 40px; width: 60%; background-color: #221d1d; padding: 40px; box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.5); border-radius: 10px; z-index: 2; }

#photo-gallery-contents .text h2 { color: #fff; font-size: 28px; line-height: 32px; margin: 0; }

#popup-newsletter { background-color: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1010; }

#popup-newsletter .wrapper { display: flex; align-items: center; height: 100%; width: 600px; }

#form-popup-newsletter { background: #fff url(../images/popup-newsletter.jpg) no-repeat center bottom; background-size: cover; position: relative; padding: 60px 60px 150px 60px; }

#form-popup-newsletter h3 { color: #be1622; font-size: 30px; line-height: 33px; text-align: center; }

#form-popup-newsletter p { text-align: center; }

#form-popup-newsletter .content { display: flex; padding-top: 30px; }

#form-popup-newsletter .email { display: inline-flex; height: 40px; width: 70%; border: none; }

#form-popup-newsletter .submit { background-color: #be1622; color: #fff; display: inline-flex; height: 40px; font-size: 20px; white-space: nowrap; padding: 0 15px; width: 30%; justify-content: center; transition: all 0.5s ease; }

#form-popup-newsletter .submit:hover { background-color: #d02e3a; }

#popup-newsletter-close { background: url(../images/close-pop-up.svg) no-repeat center center; display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; opacity: 0.5; transition: all 0.5s ease; }

#popup-newsletter-close:hover { opacity: 1; }

#testimonials-top { padding-top: 0; }

#testimonials-top .wrapper { display: flex; justify-content: center; }

#testimonials-top .left { width: 200px; flex-shrink: 0; padding-right: 40px; }

#testimonials-top .right .fb_iframe_widget { border-radius: 10px; overflow: hidden; }

#testimonials-top .separator-a { height: 40px; }

#testimonials-bot > div > div { width: 100% !important; border-radius: 10px; overflow: hidden; }

#languages-container { position: fixed; top: 0px; right: 20px; z-index: 10001; display: flex; flex-direction: column; align-items: flex-end; }

#languages-container .btn { background: #be1622 url(../images/icon-linguas.png) no-repeat 15px center; background-size: 20px; font-family: 'Spectral', serif; height: 50px; color: #fff; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); display: flex; padding: 0 15px 0 45px; font-size: 14px; align-items: center; text-transform: capitalize; cursor: pointer; }

#languages-container .list { position: absolute; opacity: 0; pointer-events: none; right: 0; padding-top: 60px; display: flex; transition: all 0.5s ease; }

#languages-container .list span { box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3); display: flex; height: 40px; overflow: hidden; }

#languages-container .list a { background: #fff; padding: 15px; font-size: 12px; font-family: 'Josefin Sans', sans-serif; font-weight: bold; color: #a59f9f; text-transform: uppercase; line-height: 12px; border-right: solid 1px #f0e6e6; transition: all 0.5s ease; }

#languages-container .list a:last-child { border: none; }

#languages-container .list a.active { display: none; }

#languages-container .list a:hover { color: #be1622; }

#languages-container:hover .list { opacity: 1; pointer-events: all; }

.blog #secbanner-contents .right .title { font-size: 30px; line-height: 33px; }

.blog #secbanner-contents .right .time { font-size: 16px; line-height: 20px; }

.blog .highlight-c { background: none; padding-top: 0; }

.blog .highlight-c .pretop { display: none; }

.blog .grid-a .item-content .textcontent { background-color: #f2eadb; }

.blog #article-detail .title { font-size: 56px; line-height: 60px; margin-bottom: 40px; }

.blog #article-detail .title:before { content: ""; background-color: #be1622; width: 40px; height: 8px; margin-right: 10px; display: inline-block; position: relative; bottom: 10px; }

.blog .video { margin-bottom: 30px; }

.blog .video img { width: 100%; }

.blog .btn-popvideo { position: relative; display: flex; height: 100%; width: 100%; justify-content: center; align-content: center; }

.blog .btn-popvideo .mask { background-color: rgba(186, 22, 33, 0.4); width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; transition: background-color 0.3s ease; }

.blog .btn-popvideo:hover .mask { background-color: rgba(186, 22, 33, 0.8); }

.blog .btn-popvideo .content { display: flex; flex-direction: column; top: 0; left: 0; position: absolute; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 2; }

.blog .btn-popvideo .icon { width: 60px; height: 60px; display: block; margin-bottom: 10px; }

.blog .btn-popvideo:hover .icon { background: url("../images/bg-play-hover.png") no-repeat 0 0; }

.blog .btn-popvideo .icon:before { background: url("../images/play.png") no-repeat center center; border: solid 2px #fff; content: ""; width: 56px; height: 46px; display: block; }

.blog .btn-popvideo:hover .icon:before { background: #fff url("../images/play-hover.png") no-repeat center center; }

.blog .btn-popvideo .text { font-family: 'Spectral', serif; font-size: 24px; line-height: 24px; color: #fff; width: 60px; display: inline-block; }

.blog .db-content a { text-decoration: underline; }

.blog .db-content a:hover { text-decoration: none; color: #be1622; }

.blog .grid-a .item-content * { color: #807172; }