@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300|Quattrocento');

*{margin:0;padding:0;border:0;outline:0;font-size:16px; line-height:22px; vertical-align:baseline;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:300;color:#423f40; box-sizing:border-box;}
html	{}
html, body	{height:100%;}

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *	{font-family: 'Quattrocento', serif;}
h1, h2	{margin-bottom:20px; }
h1, h1 *, h2, h2 *	{font-size:30px;line-height:30px;letter-spacing:2px; text-transform:uppercase;text-align:center; }
h3	{margin-bottom:10px; }
h3, h3 *	{font-size:24px;line-height:30px;text-transform:uppercase;}
h4	{margin-bottom:10px; }
h4, h4 *	{font-size:16px;line-height:20px;text-transform:uppercase;text-align:center; }

ul li, ol li	{list-style:none;}
a	{text-decoration:none;}
p, li	{line-height:22px;margin-bottom:15px;}
p:last-child {margin-bottom:0;}
img {vertical-align:middle;}

.clearfix	{clear:both;display:block;height:0;}
.wrapper	{width:1170px;padding:0 10px;margin:0 auto;}
.showOnScroll {opacity:0;filter:alpha(opacity=0);transition: all 1s ease;}
.showOnScroll.disabled {opacity:1;filter:alpha(opacity=100);}

.db-content, .db-content * {}
.db-content a {text-decoration: underline;}
.db-content a:hover {text-decoration: none;}
.db-content ol,
.db-content ul {margin-bottom: 10px;}
.db-content ul li,
.db-content ol li {margin: 0 0 10px 15px;}
.db-content ul li {list-style: disc;}
.db-content ol li {list-style: decimal;}
.db-content ol,
.db-content ul,
.db-content p,
.db-content blockquote {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
/*.db-content h3,
.db-content h3 * {color: $blue;font-size: 21px;line-height: 15px; font-family: $fontB; font-style: italic;margin-bottom: 10px;}*/

textarea{resize:none;}
input[type=text],input[type=email] , textarea, select {padding:5px 10px; border-radius:3px; border:solid 1px #dedede; font-size:14px}
select {background:#fff; padding:0 10px; height:34px;}
.label {font-family: 'Quattrocento', serif;text-transform:uppercase; font-size:10px; line-height:13px; color:#9e9b90}

textarea, input, select {
     -webkit-appearance: none;
	 box-shadow:none;
}
b, b *, strong, strong * {font-weight: bold}

#btn-contacts {display:none;}

.swiper-pagination {}
.swiper-pagination-bullet {background-color: #fff;width: 16px;height: 16px;border: solid 1px #9e9b90;}
.swiper-pagination-bullet.active {background-color: #9e9b90;}

/* ################################################# 
						HEADER
################################################# */
header {background-color:transparent;padding:20px 0 30px;position:fixed;width:100%;z-index:100;transition: all 0.5s ease;}
header .wrapper {position: relative;}
header.truncated {background-color:#fff;border-bottom:solid 1px #dedede;padding:5px 0;}
header .logo a {background:url(../images/header-logo.png) no-repeat center 0;display:block;height:100%;}
header.truncated .logo a {}
header.truncated nav ul li.st {border-color:transparent;height:50px;}
header.truncated  nav ul a.st {line-height:50px;}
header.truncated nav .sub {top:50px;}
header.truncated nav ul li.st.logo {overflow:hidden;flex-grow: 0;flex-shrink: 0; flex-basis: 60px;width:100px;}

header nav ul.st {display:flex;width:770px;justify-content:space-between;margin:0 auto;}
header nav ul li {margin-bottom:0;}
header nav ul li.st {position:relative;width:100%;text-align:center;height:68px;border-bottom:solid 1px #dedede;display: flex; justify-content: center; align-items: center; transition: all 0.5s ease;}
header nav ul a.st {display:block;height:100%;line-height:68px;font-family: 'Quattrocento', serif;text-transform:uppercase;}
header nav ul a.st.active {background:url(../images/header-st-active.png) no-repeat center bottom;}
header nav ul li.st.logo {flex-grow: 0;flex-shrink: 0;  flex-basis: 230px;width:230px; position:relative; border:none;align-items: flex-start;}
header nav ul li.st.logo a {position:absolute;height:85px;width:100%;}
/*header nav ul .booknow a.st{height: 40px; padding: 0 20px; display: flex; align-items: center; justify-content: center; border:solid 2px #ab8f63; color: #ab8f63; border-radius: 20px; transition: background 0.3s ease, color 0.3s ease; }
header nav ul .booknow a.st:hover {background-color:#ab8f63 !important; color: #fff; }
header nav ul .booknow a.st.active {background: none;}*/
header nav ul .booknow a.st{background-color:#ab8f63 ; height: 40px; padding: 0 20px; display: flex; align-items: center; justify-content: center;  color: #fff; border-radius: 20px; transition: background 0.3s ease, color 0.3s ease; }
header nav ul .booknow a.st:hover {background-color:#423f40 !important; color: #fff; }
header nav ul .booknow a.st.active {background-image: none;}

header nav .sub {position:absolute;top:80px;left:50%;width:170px;margin-left:-85px;z-index:3;visibility:hidden;opacity:0;filter:alpha(opacity=0);transition: all 0.5s ease;}
header nav li.st:hover .sub {visibility:visible;opacity:1;filter:alpha(opacity=100);}
header nav .sub .arrow {height:5px;width:100%;text-align:center;position:absolute;top:-15px;}
header nav .sub .arrow span {display:inline-block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 5px solid #423f40; }
header nav ul.nd {border-radius:4px;}
header nav ul.nd * {}
header nav li.nd {display:block;line-height:12px;}
header nav li.nd:first-child {border-radius:4px 4px 0 0;overflow:hidden;}
header nav li.nd:last-child {border-radius:0 0 4px 4px;overflow:hidden;}
header nav li.nd:not(:last-child) {border-bottom:solid 1px #5c5758;}
header nav ul.nd a {background-color:#423f40;display:block;color:#fff;font-family: 'Quattrocento', serif;text-transform:uppercase;font-size:12px;line-height:12px;padding:15px;transition: all 0.3s ease;}
header nav ul.nd a:hover, header nav ul.nd a.active {background-color:#5c5758;}

header .languages {position: absolute;top: -21px;right: 0;display: none; }
header.truncated .languages {top: -6px;}
header .languages a {background-color: transparent;border: solid 1px #dedede;display: inline-flex;margin-left: 1px;padding: 3px;font-size: 12px;line-height: 12px;text-transform: uppercase;transition: all 0.3s ease;}
header .languages a:hover,
header .languages a.active {background-color: #ab8f63;color: #fff;}
header .languages a.active {cursor: default;pointer-events: none;}

#languages-container {position: fixed; top: 20px; right: 20px; z-index: 101;display: flex; flex-direction: column; align-items: flex-end;}
#languages-container .btn {background: #ab8f63 url(../images/icon-linguas.png) no-repeat 10px center; font-family: 'Quattrocento', serif; height: 50px; border-radius: 25px;  color:#fff; box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25); display: flex; padding: 0 20px 0 50px; align-items: center; text-transform: uppercase; cursor: pointer}
#languages-container .list {position: absolute; opacity:0; pointer-events: none; padding-top: 60px; right:0; 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; border-radius:3px; overflow: hidden;}
#languages-container .list a{background:#423f40; padding: 15px; font-size: 12px; font-family: 'Quattrocento', serif; color:#fff; line-height: 12px; border-right: solid 1px #5c5758;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 {background:#5c5758 }
#languages-container:hover .list{opacity: 1; pointer-events: all;}


.mobi {display:none;}
#mobile-menu, #mobile-menu-switch {display:none;}
#mobile-menu-switch {background:url(../images/toggle-menu-responsivo.png) no-repeat center center; width:40px; height:40px; border:solid 1px #ab8f63; border-radius:20px; top:20px; right:10px; position:absolute; cursor:pointer;}
#mobile-menu-switch.active {background:url(../images/close-menu-responsive.png) no-repeat center center;}
header .mobi.logo a { background-size:100%; width:100px; height:50px; position:absolute; left:20px; top:15px;}
#mobile-menu {background-color:#f2f2f2; position:fixed; height:0; overflow:hidden; width:100%; z-index:100; transition: all 1s ease;} 
#mobile-menu.active {height:100% ; padding-top:80px; overflow:auto}
#mobile-menu .st.logo {display:none;}
#mobile-menu a {font-family: 'Quattrocento', serif;text-transform:uppercase; }
#mobile-menu li {margin-bottom:0; border-bottom:solid 1px #fff;}
#mobile-menu li a {font-size:18px; color:#423f40; display:block; text-align:center; padding:15px; margin:0 auto; }
#mobile-menu li .sub {background:url(../images/arrow-menu-responsive.png) no-repeat center 0; padding-bottom:20px; border-top:solid 1px #dedede; width:50%; margin:0 auto; position:relative; }
#mobile-menu li .sub li {border:none;}
#mobile-menu li .sub a {font-size:14px; color:#777; border:none;}
#mobile-menu li.booknow {border-bottom: none; padding: 30px 0 50px 0px; text-align: center}
#mobile-menu li.booknow a {display: inline-flex; padding: 0 20px; height: 50px; border:solid 2px #ab8f63; border-radius: 50px; color:#ab8f63; align-items: center; line-height: 0; transition: background 0.3s ease; }
#mobile-menu li.booknow a:hover {background-color: #ab8f63; color: #fff;}

/* ################################################# 
						BANNER
################################################# */
#banner {background-color:#423f40;height:100%;}
#banner .swiper-container, #banner .swiper-wrapper	{height:100%;}
#banner .swiper-slide	{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;padding-top:110px;display:flex;justify-content:center;align-items:center;}
#banner .swiper-slide .mask	{background:url(../images/banner-mask.png) no-repeat center 0;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
#banner .scrolldown	{position:absolute;left:0;bottom:40px;width:100%;height:30px;pointer-events:none;z-index:3;text-align:center;}
#banner .scrolldown .icon	{background:url(../images/scrolldown.png) no-repeat center center;display:inline-block;width:30px;height:30px;}
#banner .scrolldown .text	{display:none;}

#banner .content {position:relative;z-index:5;max-width:650px; text-align: center;}
#banner .content h4 {}
#banner .content .box-knowmore {padding:0; display: inline-block }
#banner .content .box-knowmore a{ display: flex; flex-direction: column-reverse;border: none; height: auto; align-items: center; justify-content: center; padding: 0;}
#banner .content .btn-knowmore .icon  {background: url(../images/play-video.png) no-repeat center center; background-size: 80px; width: 80px; height: 80px; border-radius: 50%; margin-left: 0; transition: all 0.5s ease;}
#banner .content .btn-knowmore .text { width: auto; font-size: 14px; margin-top: 20px; font-weight: bold; display: none;}
#banner .content .btn-knowmore:hover .icon{width: 100px;height: 100px; background-size: 100px;}
/*#banner .content .btn-knowmore {background:url(../images/background-bt-banner.png) no-repeat center center; border:none; margin:0; transition: all 0.5s ease; opacity:0.7;filter:alpha(opacity=70);} 
#banner .content .btn-knowmore:hover {opacity:1;filter:alpha(opacity=100);}
#banner .content .btn-knowmore .icon {background:url(../images/arrow-bt-banner.png) no-repeat center center;}*/

#banner .content hr {background:url(../images/underline-banner.png) no-repeat center center; height:6px; margin:30px 0;}

#small-banner {background-repeat:no-repeat;background-position:center center;background-size:cover;height:300px;position:relative;}
#small-banner .mask	{background:url(../images/banner-mask.png) no-repeat center 0;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
#small-banner .wrapper {padding-top:100px;display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:2;}
#small-banner h2 {}
#small-banner h1 span,
#small-banner h2 span {color:#423f40;border:solid 1px #c6b599;border-left:none;border-right:none;padding:20px 0;display:inline-block;}

/* ################################################# 
						FOOTER
################################################# */
footer {background:#423f40 url(../images/separator-01.png) repeat-x center 0;padding-top:40px;}
footer * {color:#9e9b90;}
footer a {font-size:14px;transition: all 0.3s ease;}
footer a:hover {color:#fff;}
footer li {margin-bottom:5px;}
footer .top {margin-bottom:20px;}
footer .top .wrapper {display:flex;justify-content:space-between;}
footer .top .left {width:100%;padding-right:30px;}
footer .top .left ul.st {display:flex;justify-content:space-between;}
footer .top .left li.st {width:145px;}
footer .top .left a.st,
footer .top .left span.st {font-size:16px;line-height:16px;font-family: 'Quattrocento', serif;text-transform:uppercase;border-bottom:solid 1px #5c5758;display:block;padding-bottom:20px;margin-bottom:20px;}
footer .top .left a.nd {font-size:14px;line-height:17px;}
footer .top a .icon {background:url(../images/sprite-25x25.png) no-repeat 0 0;display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:10px; border:solid 1px #9e9b90; border-radius:25px; transition: all 0.3s ease;}
footer .top .btn-facebook .icon2 {background:url(../images/2sbsprite-25x25.png) no-repeat -75px -1px;display:inline-block;width:25px;height:25px;vertical-align:middle;margin-right:10px; border:solid 1px #9e9b90; border-radius:25px; transition: all 0.3s ease;}
footer .top .btn-facebook .icon {background-position:-76px -1px; }
footer .top .btn-instagram .icon {background-position:-151px -1px; }
footer .top .btn-tripadvisor .icon {background-position:-126px -1px; }
footer .top .btn-safaribookings .icon {background-position:-101px -1px; }
footer .top .btn-facebook:hover .icon {border-color:#fff;}
footer .top .text {display:inline-block;vertical-align:middle;font-size:14px;line-height:17px; transition: all 0.3s ease;}
footer .top a:hover .text {color:#fff;}

footer .top .right {flex-shrink: 0;width:240px;text-align:right;}
footer .top .btn-gototop .icon {background:url(../images/sprite-25x25.png) no-repeat -51px -1px;display:inline-block;width:25px;height:25px;vertical-align:middle;margin-left:10px; border:solid 1px #9e9b90; border-radius:25px; transition: all 0.3s ease;}
footer .top .btn-gototop * {transition: all 0.3s ease;}
footer .top .btn-gototop:hover .icon {border-color:#fff;}
footer .top .btn-gototop:hover .text {color:#fff;}
footer .top .btn-gototop .text {display:inline-block;vertical-align:middle;font-size:14px;line-height:17px;}

footer .bot {border-top:solid 1px #5c5758;height:50px;}
footer .bot .wrapper {display:flex; align-items:center;height:100%;}
footer .bot * {font-size:10px;line-height:10px;font-family: 'Quattrocento', serif;text-transform:uppercase;}
footer .bot .right {margin-left: 20px;}
footer .bot img {margin-left: 5px; margin-top: -2px;}

#form-newsletter {margin-bottom: 40px;}
#form-newsletter h4 {text-align: left;margin-bottom: 18px;}
#form-newsletter .content {display: flex;}
#form-newsletter .email {width: 100%; border-radius:3px 0 0 3px}
#form-newsletter .submit {background-color: #ab8f63;color: #fff;padding: 0 10px;width: 40px;flex-shrink: 0; border-radius:0 3px 3px 0; cursor: pointer; transition: all 0.3s ease;}
#form-newsletter .submit:hover {background-color: #957644}

#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:550px;}
#form-popup-newsletter {background: #fff url(../images/popup-newsletter.jpg) no-repeat center bottom;background-size: cover;position: relative;padding: 60px 60px 150px 60px; border-radius:5px;}
#form-popup-newsletter h3 {color: #ab8f63;font-size: 30px;line-height: 33px;text-align: center;}
#form-popup-newsletter p {text-align: center;}
#form-popup-newsletter p,
#form-popup-newsletter p * {}
#form-popup-newsletter .content {display: flex;padding-top: 30px;}
#form-popup-newsletter .email {display: inline-flex;height: 40px;width: 70%;border: none; border-radius: 3px 0 0 3px;}
#form-popup-newsletter .submit {background-color: #ab8f63;color: #fff;display: inline-flex;height: 40px;font-size: 20px;white-space: nowrap;padding: 0 15px;width: 30%; justify-content: center;border-radius: 0 3px 3px 0; transition: all 0.5s ease; cursor: pointer;}
#form-popup-newsletter .submit:hover {background-color: #404040;}
#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;}
/* ################################################# 
						GENERAL
################################################# */
.box-knowmore {text-align:center;padding-top:40px;}
.btn-knowmore, .btn-video {border:solid 1px #dedede;padding:15px 30px;height:40px;border-radius:40px; position:relative;}
.btn-knowmore .text {font-size:16px;line-height:16px;font-family: 'Quattrocento', serif;text-transform:uppercase;display:inline-block;vertical-align:middle;transition: all 0.3s ease;}
.btn-knowmore .icon {background:url(../images/sprite-25x25.png) no-repeat 0 0;display:inline-block;width:25px;height:25px;vertical-align:middle;margin-left:10px;}
.btn-knowmore:hover .text {}

.container-a {background:#fff url(../images/separator-03.png) repeat-x center bottom;;position:relative;}
.container-a h1,
.container-a h2 {margin-bottom:40px;}
.container-a h1 span,
.container-a h2 span {color:#ab8f63;border:solid 1px #dedede;border-left:none;border-right:none;padding:20px 0;display:inline-block;}
.container-a .top {background:url(../images/separator-02.png) repeat-x center 0;height:10px;position:absolute;top:-10px;left:0;width:100%;z-index:3;}
.container-a .wrapper {padding-top:80px;padding-bottom:80px;width:960px;}
.container-a .wrapper .content {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}
.container-a .wrapper .content h2,
.container-a .wrapper .content h3,
.container-a .wrapper .content h4 {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.container-a .wrapper .content h3 {color:#9e9b90;border:solid 1px #9e9b90;border-left:none;border-right:none;padding:30px 0;text-align:right;margin-bottom:20px;}
.container-a .wrapper .content.with-image {display: flex;}
.container-a .wrapper .content.with-image .left {background-color:#dedede;background-position:center center;background-repeat:no-repeat;background-size:cover;width:50%;}
.container-a .wrapper .content.with-image .left.text {background:none;}
.container-a .wrapper .content.with-image .left.text h3 {color:#9e9b90;border:solid 1px #9e9b90;border-left:none;border-right:none;padding:30px 0;text-align:right;margin-bottom:0;}
.container-a .wrapper .content.with-image .right {width:50%;padding-left:30px;}

.container-b {background:#f4f0eb;position:relative;}
.container-b h2 {margin-bottom:40px;}
.container-b h2 span {color:#ab8f63;border:solid 1px #dedede;border-left:none;border-right:none;padding:20px 0;display:inline-block;}
.container-b .wrapper {padding-top:80px;padding-bottom:80px;}
.container-b .wrapper .box-knowmore {display: flex;align-items: center;justify-content: center;position: relative;}
.container-b .wrapper .box-knowmore:before,
.container-b .wrapper .box-knowmore:after {content: "";display: inline-flex;width: 50%;height: 0;border-top: solid 1px #a88d62;}
.container-b .wrapper .box-knowmore a {display: inline-flex;align-items: center;height: 40px;padding: 0 40px;border-radius: 40px;border: solid 1px #a88d62;margin: 0 40px;flex-shrink: 0;position: relative;}
.container-b .wrapper .box-knowmore a .text{white-space: nowrap;color: #a88d62;font-family: 'Quattrocento', serif;font-size: 14px;line-height: 20px;text-transform: uppercase;}

.highlight-a {background-color:#423f40;background-position:center center;background-repeat:no-repeat;background-size:cover;height:400px;position:relative;}
.highlight-a .wrapper {height:100%;display:flex;align-items:center;justify-content:center; position: relative;}
.highlight-a .mask {background:url(../images/highlight-a-mask.png) no-repeat center center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;}
.highlight-a .content {text-align:center;}
.highlight-a .content * {color:#fff;}
.highlight-a h2 {margin-bottom:60px;}
.highlight-a h2 span {border:solid 1px #fff;border-left:none;border-right:none;padding:20px 0;display:inline-block;}
.highlight-a .btn-knowmore {border-color:#fff;}
.highlight-a .btn-knowmore .icon {background-position:-25px 0;}

.list-a ul {}
.list-a li {width:470px;float:left;margin:0 30px 30px 0;}
.list-a li a,
.list-b li a {display:block;position:relative;}
.list-a li .image,
.list-b li .image {background-color:#423f40;height:300px;display:block;position:relative;overflow:hidden;}
.list-a li .image .mask,
.list-b li .image .mask {background:url(../images/highlight-a-mask.png) no-repeat center center;background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition: all 1s ease;opacity:1;filter:alpha(opacity=100);}
.list-a li a:hover .image .mask,
.list-b li a:hover .image .mask {opacity:0;filter:alpha(opacity=0);}
.list-a li .image .img,
.list-b li .image .img {background-image: url(../images/popup-newsletter.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;display:block;height:100%;transition: all 1s ease;}
.list-a li a:hover .image .img,
.list-b li a:hover .image .img {transform:scale(1.15);}
.list-a li .info,
.list-b li .info {background-color:#fff;display:flex;align-items:center;flex-direction:column;padding:55px;position:relative;}
.list-a li .info {flex-direction:row}
.list-a li .text,
.list-b li .text {display:block;}
.list-a li .arrow,
.list-b li .arrow {display:block;text-align:center;position:absolute;left:0;top:-20px;width:100%;z-index:5;}
.list-a li .arrow span,
.list-b li .arrow span {background-color:#fff;width:40px;height:40px;display:inline-block;border-radius:40px;}
.list-a li .title,
.list-b li .title {color:#9e9b90;font-size:20px;line-height:25px;display:block;font-family: 'Quattrocento', serif;text-transform:uppercase;margin-bottom:15px;}
.list-a li .description, .list-b li .description {display:block;}
.list-a li .description,
.list-a li .description *,
.list-b li .description,
.list-b li .description * {font-size:14px;}

.list-a li:nth-child(2) {width:650px;margin-right:0;}
.list-a li:nth-child(2) a {display:flex;flex-direction:row-reverse;}
.list-a li:nth-child(2) .image {width:40%;height:270px;}
.list-a li:nth-child(2) .info {width:60%;}
.list-a li:nth-child(2) .arrow {top:50%;margin-top:-20px;left:auto;right:-20px;width:40px;}

.list-a li:nth-child(3) {width:650px;margin-right:0;}
.list-a li:nth-child(3) a {display:flex;}
.list-a li:nth-child(3) .image {width:40%;height:270px;}
.list-a li:nth-child(3) .info {width:60%;}
.list-a li:nth-child(3) .arrow {top:50%;margin-top:-20px;left:-20px;width:40px;}

.list-a li:nth-child(4) {width:100%;margin-right:0;}
.list-a li:nth-child(4) a {display:flex;}
.list-a li:nth-child(4) .image {flex-grow:0;flex-shrink:0;flex-basis:470px;width:470px;height:270px;}
.list-a li:nth-child(4) .info {width:60%;}
.list-a li:nth-child(4) .arrow {top:50%;margin-top:-20px;left:-20px;width:40px;}


.list-b ul {display: flex;flex-wrap: wrap;}
.list-b li {background-color: #fff;width:360px;min-height: 540px;/*float:left;*/margin:0 11px 22px 11px;}
.list-b li .image .knowmore {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;opacity:0;filter:alpha(opacity=0);transition: all 1s ease;}
.list-b li a:hover .image .knowmore {opacity:1;filter:alpha(opacity=100);}
.list-b li .image .knowmore span {background:url(../images/listed-knowmore.png) no-repeat 0 0;color:#423f40;font-family: 'Quattrocento', serif;text-transform:uppercase;font-size:14px;line-height:20px;display:block;width:130px;height:54px;text-align:center;padding-top:25px;}
.list-b li .info {padding:36px;/*height:210px;*/border-top:solid 1px #c6b599;}
.list-b.simple li .info {height:100px; display:flex; align-self:center;}
.list-b li .info .arrow span {position: relative;display: inline-flex;align-items: center;justify-content: center;}
.list-b li .info .arrow span:after {content: "";display: block;width: 30px;height: 30px;}
.list-b li[data-type="photo"] .info .arrow span:after {background: url("../images/article-photo.png") no-repeat 0 0;background-size: 30px 30px;}
.list-b li[data-type="video"] .info .arrow span:after {background: url("../images/article-video.png") no-repeat 0 0;background-size: 30px 30px;}
.list-b li .info .top {padding-bottom: 20px;display: block;}
.list-b li .title {margin-bottom:0;}
.list-b li .subtitle {color:#9e9b90;font-size:14px;line-height:17px;display:block;font-family: 'Quattrocento', serif;text-transform:uppercase;}
.list-b li .description {border-top:solid 1px #dedede;padding-top:20px;}


#hbanner-container {background-color: #f4f0eb; position: relative;}
#hbanner-container:before{content:""; display:block;background:url(../images/separator-03.png) repeat-x center 0;height:10px;position:absolute;top:-10px;left:0;width:100%;z-index:3;}
#hbanner-container .swiper-container {height: 510px;}
#hbanner-container .swiper-slide {background-color:#fff;height: 100%;max-width: 370px;}
#hbanner-container .swiper-slide a {display: block;width: 100%;height: 100%;}
#hbanner-container .swiper-slide a span {display: block;}
#hbanner-container .swiper-slide .image {background-color: #9e9b90;height: 300px;position: relative;display: flex;align-items: center;justify-content: center;}
#hbanner-container .swiper-slide .image:after {content: "";display: block;position: absolute;bottom: -20px;left: 50%;margin-left: -20px;width: 40px;height: 40px;border-radius: 40px;background-color: #fff;}
#hbanner-container .swiper-slide .image .icon {background-color: #ceb699;height: 40px;padding: 0 30px;border-radius: 40px;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;position: relative;opacity: 0;transition: all 0.3s ease; }
#hbanner-container .swiper-slide .image .icon:before {content: "";display: block;position: absolute;top: -20px;left: 50%;margin-left: -20px;width: 40px;height: 40px;background-image: url("../images/hover-gallery.png");z-index: 1;}
#hbanner-container .swiper-slide .image .icon span {color: #423f40;font-family: 'Quattrocento', serif;font-size: 14px;line-height: 20px;text-transform: uppercase;position: relative;z-index: 2;}
#hbanner-container .swiper-slide a:hover .image .icon {opacity: 1;}
#hbanner-container .swiper-slide a[href="javascript:void(0);"] {cursor: default;}
#hbanner-container .swiper-slide .info {padding: 30px;position: relative;overflow: hidden;height: 212px;}
#hbanner-container .swiper-slide .info:after {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;background-color: #fff;background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);z-index: 2;}
#hbanner-container .swiper-slide .title {color: #9e9b90;font-family: 'Quattrocento', serif;font-size: 20px;line-height: 23px;text-transform: uppercase;margin-bottom: 5px;}
#hbanner-container .swiper-slide .subtitle {color: #9e9b90;font-family: 'Quattrocento', serif;font-size: 14px;line-height: 17px;text-transform: uppercase;margin-bottom: 5px;}
#hbanner-container .swiper-slide .description {font-size: 14px;line-height: 20px;padding-top: 15px;margin-top: 15px;border-top: solid 1px #dedede;}
#hbanner-container .box-knowmore {display: flex;align-items: center;justify-content: center;position: relative;}
#hbanner-container .box-knowmore:before,
#hbanner-container .box-knowmore:after {content: "";display: inline-flex;width: 50%;height: 0;border-top: solid 1px #a88d62;}
#hbanner-container .box-knowmore a {display: inline-flex;align-items: center;white-space: nowrap;color: #a88d62;font-family: 'Quattrocento', serif;font-size: 14px;line-height: 20px;text-transform: uppercase;height: 40px;padding: 0 40px;border-radius: 40px;border: solid 1px #a88d62;margin: 0 40px;flex-shrink: 0;position: relative;}
#hbanner-container .box-knowmore a:after {content: "";    background: url(../images/sprite-25x25.png) no-repeat 0 0; display: inline-block; width: 25px;
 height: 25px; margin-left: 10px;}

#campsites-days {padding:20px 30% 40px 30%;border-top: solid 1px #dedede;}
#campsites-days p {text-align: center;color: #a88d62;font-family: 'Quattrocento', serif;font-size: 12px;line-height: 15px;text-transform: uppercase;margin-bottom: 5px;}
#campsites-days .rangeslider {}
#campsites-days .irs--big {height: 30px;}
#campsites-days .irs--big .irs-handle{top:0;}
#campsites-days .irs--big .irs-line {background: transparent !important;border: solid 1px #a88d62;border-radius: 20px !important; top:5px; height: 20px;}
#campsites-days .irs--big .irs-line:before{background: #a88d62; content: ""; display: block; height: 1px; width: calc(100% - 14px); position: absolute; left:7px; top:8px}
#campsites-days .irs-bar {background-color: #9e9b90 !important;}
#campsites-days .irs--big .irs-bar {background: #a88d62 !important; height: 8px; border:none; top:11px; box-shadow: none;}
#campsites-days .irs-handle {border-color: #fff !important;background: #a88d62 !important;box-shadow: none !important;}
#campsites-days .irs-from, .irs-to {background: transparent !important;color: #a88d62 !important; top: 30px; font-size: 12px; font-weight: bold;}
#campsites-days .irs-single {background: #ab8f63 !important;}
#campsites-days .irs--big .irs-min{background: transparent; left: -20px; top:3px; font-size: 12px; color: #404040; visibility: visible !important;}
#campsites-days .irs--big .irs-max{background: transparent; right: -25px; top:3px; font-size: 12px; color: #404040; visibility: visible !important;} 

/* ################################################# 
						Itineraries
################################################# */
#itinerary-top {background:#fff;}
#itinerary-top .map-content { display: flex; justify-content: center;margin-bottom:40px;}
#itinerary-top .map-content .left {background-size: cover; background-position: center center; width:700px;height:400px;}
#itinerary-top .map-content .right {background-color:#f4f0eb;width:270px;display:flex;align-items:center; padding:0 20px;}
#itinerary-top h3 {font-size:20px;line-height:23px;}
#itinerary-top ol {list-style-type: none; list-style-type: decimal !ie; counter-reset: li-counter; }
#itinerary-top ol > li{ position: relative; padding-left: 40px; min-height:30px; font-size:14px; line-height:20px; }
#itinerary-top ol > li:before {background:url(../images/ol-bullets.png) no-repeat center center;color: #ab8f63; position: absolute; top: 0; left: 0; width: 30px; height: 30px; font-size: 14px; line-height: 30px; text-align: center;  content: counter(li-counter); counter-increment: li-counter; font-family: 'Quattrocento', serif; }
/*#itinerary-top ol li { list-style:decimal;margin-left:15px; }*/
#itinerary-top .text {margin:0 70px 20px 70px;padding:30px 0;border:solid 1px #f4f0eb;border-left:none;border-right:none;  }
#itinerary-top .text .left {background: none; padding: 0 150px 0 0; width: 100%; margin-bottom: 30px;}
#itinerary-top .text .right {padding: 0; width: 100%}
#itinerary-top .text .left * {color:#9e9b90;font-size:20px;line-height:25px;font-family: 'Quattrocento', serif;text-transform:uppercase;}

#itinerary-top .btn-quote-box,
#itinerary-bot .btn-quote-box{display: flex;flex-wrap: wrap;justify-content: center;text-align:center;}
#itinerary-top .btn-quote-box a,
#itinerary-bot .btn-quote-box a{ display:inline-block; height:40px; padding:0 15px 0 55px; border-radius: 20px; border:solid 1px #ab8f63;font-family: 'Quattrocento', serif; line-height:40px; text-transform:uppercase; color: #ab8f63;transition: all 0.5s ease;}
#itinerary-bot {padding-bottom: 100px}
#itinerary-top .btn-quote-box a:hover,
#itinerary-bot .btn-quote-box a:hover {background-color:#f4f0eb}
#itinerary-top .btn-quote-box a,
#itinerary-bot .btn-quote-box a {margin: 0 15px 20px;}
#itinerary-top .btn-quote-box a.btn-quote,
#itinerary-bot .btn-quote-box a.btn-quote {background:url(../images/envelope.png) no-repeat 10px 0;}
#itinerary-top .btn-quote-box a.btn-downloaddoc,
#itinerary-bot .btn-quote-box a.btn-downloaddoc {background:#f4f0eb url(../images/icon-pdf.png) no-repeat 10px 0;}
#itinerary-days {margin-bottom:80px;}
#itinerary-days li.item {margin-bottom:0;}
#itinerary-days .header,
#itinerary-days .content {display:flex;}
#itinerary-days .content .left,
#itinerary-days .content .right {padding:20px 0 50px;}
#itinerary-days .left {width:370px;padding-right:30px;}
#itinerary-days .center {flex-grow:0;flex-shrink: 0;flex-basis:120px;width:120px;}
#itinerary-days .right {width:670px;padding-left:30px;}
#itinerary-days .right .media.multiple a {height:100%;}

#itinerary-days .header .center {background-color:#ab8f63;color:#fff;font-family: 'Quattrocento', serif;text-transform:uppercase;text-align:center;padding:5px;border-radius:40px;}

#itinerary-days .left .subtitle {color:#ab8f63;font-weight:bold;margin-bottom:20px;border:solid 1px #dedede;border-left:none;border-right:none;padding:15px 0;}
#itinerary-days .left .rec-title {font-weight:bold;}
#itinerary-days .left .rec-subtitle {}
#itinerary-days .left .rec-list ul,
#itinerary-days .left .recdist ul {padding:5px 0 15px;}
#itinerary-days .left .rec-list li,
#itinerary-days .left .recdist li {background:url(../images/dot.svg) no-repeat 0 center; background-size:5px 5px; padding-left:10px; color:#9e9b90;font-size:14px;line-height:20px;margin-bottom:0;list-style:none; margin-left:0;}

#itinerary-days .right .title {color:#9e9b90;font-family: 'Quattrocento', serif;text-transform:uppercase;margin-bottom:10px;letter-spacing:1px;}
#itinerary-days .right blockquote {background:url(../images/icon-blockquote.png) no-repeat 75px 45px; padding:40px 0 40px 100px;}
#itinerary-days .right blockquote,
#itinerary-days .right blockquote * {color:#ab8f63;font-size:20px;line-height:25px;font-family: 'Quattrocento', serif;text-transform:uppercase;}

#itinerary-days .content .center {position:relative;text-align:center;}
#itinerary-days .content .center span {background-color:#dedede;width:1px;height:100%;display:inline-block;}
#itinerary-days li.item.last .center span {background:#ab8f63; width:20px; height:20px; border-radius:10px;}
#itinerary-days .right .media {margin-top:20px; }
#itinerary-days .right .media a {background-color:#dedede;background-repeat:no-repeat;background-position:center center;background-size:cover;display:block; height:200px; margin-bottom:2px; }
#itinerary-days .right .media.multiple a:nth-child(1) {}
#itinerary-days .right .media.multiple a:nth-child(2){}
#itinerary-days .right .media.multiple a:nth-child(3){}
#itinerary-days .right .media.multiple a:nth-child(4){}
#itinerary-days .right .media.multiple a:nth-child(5) {}


/* ################################################# 
					Kilimanjaro
################################################# */
#itinerary-top.alt .content .left {margin: auto}
#itinerary-top.alt .content .right {display: none;}
#itinerary-days.alt .content {flex-direction: column; align-items: center;}
#itinerary-days.alt .content .left {display: none}
#itinerary-days.alt .header .left, #itinerary-days.alt .header .right{display:none;}
#itinerary-days.alt li.item {display: flex; flex-direction: column; align-items: center; text-align: center;}
#itinerary-days.alt li.item .content .center {background:url(../images/line-responsive.jpg) repeat-y center center; flex-basis: 50px; }
#itinerary-days.alt .content .center span {display: none;}
#itinerary-days.alt li.last .center {position: relative}
#itinerary-days.alt li.last .center span {display: block; position: absolute; bottom: 0; left: -10px; margin-left: 50%;}
/* ################################################# 
						About us
################################################# */
/*.team .wrapper{width:970px;}*/
.team ul {display:flex;flex-wrap: wrap;justify-content: center;}
.team ul li {background: url(../images/header-st-active.png) no-repeat center bottom; width:260px; margin-right:30px;margin-bottom: 40px; padding-bottom: 30px;}
.team ul li:nth-child(4n+4),
.team ul li:last-child {margin-right:0;}
.team ul li span{display:block;}
.team ul li .avatar {background: url(../images/user-default.jpg) no-repeat center center; width:170px; height:170px; border-radius:85px; border:solid 3px #ab8f63; margin-bottom:20px; overflow:hidden; margin: 0 auto;}
.team ul li .avatar img{width:100%}
.team ul li .name {display:flex; align-items:center; justify-content:center;font-family: 'Quattrocento', serif; font-size:20px; line-height:22px; text-transform:uppercase; color:#9e9b90; height:55px; text-align:center; border-bottom:solid 1px #dedede; margin-bottom:10px; }
.team ul li .function {text-align:center; font-size:14px; line-height:18px; color:#9e9b90}

#about-questions-top {border-bottom:solid 1px #dedede;} 
#about-questions-top .wrapper{max-width:770px;}
.accordion-container ol {list-style-type:decimal; counter-reset:li-counter; width:770px; margin:0 auto;}
.accordion-container ol > li {background:none; position:relative; padding:20px 0  20px 40px; min-height:30px; font-size:14px; line-height:30px; display:flex; border-bottom:solid 1px #dedede; margin:0; }
.accordion-container ol > li:before {color:#ab8f63; position:absolute; top:20px; left:0;height:28px; width:28px; font-family: 'Quattrocento', serif; font-size:18px; line-height:30px; text-align:center; content: counter(li-counter); counter-increment: li-counter; border:solid 1px #ab8f63; border-radius:15px;}
.accordion-container li.active {background:url(../images/background-question.png) no-repeat; background-position:right 35px; margin-bottom:50px; border-bottom:none;}
.accordion-container li .info {width:700px; padding-right:40px;}
.accordion-container li .info .question {font-weight:bold; color:#9e9b90; cursor:pointer;}
.accordion-container li.active .info .question {padding-bottom:25px; margin-bottom:25px; border-bottom:solid 1px #dedede;}
.accordion-container li .info .answer {display:none; overflow:hidden;transition: all 1s ease;}
.accordion-container li.active .info .answer {display:block; overflow:auto;}
.accordion-container li .arrow {background:#ab8f63 url(../images/show-answer.png) no-repeat center center; width:30px; height:30px; border-radius:15px; flex-shrink: 0; }
.accordion-container li.active .arrow {background:#ab8f63 url(../images/hide-answer.png) no-repeat center center;}

#about-testimonials-top .wrapper {width: 770px;}
#about-testimonials-top .wrapper .content{display: block;}
#about-testimonials-top .social-line-1 {display: flex; margin-top: 30px; justify-content: center;} 
#about-testimonials-top .social-line-1 .col-1 {display: flex; flex-direction: column; align-items: center; margin-right: 30px; }
#about-testimonials-top .social-line-1 .col-1>div:first-child {margin-bottom: 30px;}
#about-testimonials-top .social-line-1 .col-2 {width: auto}
#testimonials-container .wrapper{display: flex; width: 770px; flex-wrap: wrap;}
#testimonials-container .wrapper>div {width: 100%;}
#testimonials-container .wrapper>div>div {width: 100% !important;}


/* ################################################# 
				Campsites and lodges
################################################# */
#campsites-categories {margin-bottom:40px; text-align:center;}
#campsites-categories li {display:inline-block; margin:5px;font-family: 'Quattrocento', serif; font-size:14px; line-height:14px; text-transform:uppercase; color:#ab8f63; padding:5px 10px; border:solid 1px #ab8f63; border-radius:20px;transition: all 0.5s ease;cursor: pointer;}
#campsites-categories li:hover, #campsites-categories li.active {background:#ab8f63; color:#fff;}
#campsites-categories li.active {cursor: default;}
.list-b.simple li.item {display:none;min-height: 400px;}
.list-b.simple li.item.active {display:block;}
#campsite-detail.container-a, #about-questions-top.container-a {background:none;}
#campsite-detail .text{max-width:770px; margin:0 auto;}
#campsite-detail .text {margin-bottom:40px;}
#campsite-detail .media-gallery {width:770px; margin:0 auto;}
.box-video .btn-video {padding:3px 3px 0 20px; height:38px; display:inline-block; transition: all 1s ease;}
.box-video:hover .btn-video:hover {background:#423f40; border-color:#423f40;}
.box-video .btn-video .text {display:inline-block; vertical-align:middle; margin-right:10px;font-family: 'Quattrocento', serif; text-transform:uppercase; margin-top:5px;}
.box-video .btn-video .icon{background:url(../images/icon-video.png) no-repeat center center; width:30px; height:30px; display:inline-block; border-radius:15px; border:solid 1px #fff; vertical-align:middle;} 

/* ################################################# 
					Galeria
################################################# */
#gallery-container h3 {padding: 30px 0; border: solid 1px #f4f0eb; border-left: none; text-align:center; border-right: none; color:#9e9b90; margin:0 auto 40px auto; max-width:770px;}
.masonry-grid .grid-item,
.masonry-grid .grid-item {height:155px;width:190px;position:relative;padding:1px !important;}
.masonry-grid .grid-sizer,
.masonry-grid .grid-item {width:20%;}
.masonry-grid .grid-item a {background-position:center center;background-repeat:no-repeat;background-size:cover;display:block; height:100%; position:relative}
.masonry-grid .grid-item a .mask{background: url(../images/highlight-a-mask.png) no-repeat center center; display:block; width:100%; height:100%; opacity:1;filter:alpha(opacity=100);transition: all 1s ease;}
.masonry-grid .grid-item a .icon {background: url(../images/hover-gallery.png) no-repeat center center; display:block; width:100%; height:100%; position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition: all 1s ease;}
.masonry-grid .grid-item a:hover .mask {opacity:0;filter:alpha(opacity=0);}
.masonry-grid .grid-item a:hover .icon {opacity:1; filter:alpha(opacity=100);}

.masonry-grid .grid-item.r_xl {width:40%;height:270px;}
.masonry-grid .grid-item.r_m {width:20%;height:154px;}
.masonry-grid .grid-item.r_s {width:20%;height:116px;}
.masonry-grid .grid-item.r_l {width:20%;height:270px;}


/* ################################################# 
					Contactos
################################################# */
#contacts-top .wrapper {max-width:770px;}   
#contacts-top .wrapper h3 {padding: 30px 0; border: solid 1px #f4f0eb; border-left: none; text-align:center; border-right: none; color:#9e9b90; margin-bottom:40px;}
#contacts-form form {max-width:970px; margin:0 auto;}
#contacts-form form .left, #contacts-form form .center {width:270px; margin-right:30px; float:left;}
#contacts-form form .right {float:left; width:370px;}
#contacts-form form .box:not(:last-child) {margin-bottom:24px;}
#contacts-form form .box input[type=text], #contacts-form form .box input[type=email], select, textarea, select {width:100%; height: 40px;}
#contacts-form form  textarea {height:200px}
#contacts-form form input[type="submit"] {background:#ab8f63; height:40px; border-radius:20px; line-height:40px; font-family: 'Quattrocento', serif; font-size:14px; color:#fff; text-transform:uppercase; padding:0 20px; cursor:pointer;transition: all 1s ease;}
#contacts-form form input[type="submit"]:hover {background:#423f40;}
#contacts-form form .box-submit {text-align:center;padding-top: 60px;}
#contacts-bot {background:none;}
#contacts-bot .wrapper {padding-bottom:30px;}
#contacts-bot .left , #contacts-bot .left *, #contacts-bot .right, #contacts-bot .right * {background:none; text-align:left;}
#contacts-bot .box {margin-bottom:50px;}
#contacts-bot h4 {color:#9e9b90; text-align: left;}
#contacts-bot p {padding-bottom:15px; border-bottom:solid 1px #dedede}
#contacts-bot .box p:last-child {padding-bottom:0; border-bottom:none;}
#contacts-bot strong {color:#9e9b90; }
#contacts-bot a {text-decoration: none; color:#9e9b90; font-weight: bold;} 
#contacts-bot a:hover {text-decoration: underline;}

#contacts-form form .label span {font-size: 10px; font-weight: 700; color:#9e9b90; font-family: 'Quattrocento', serif;margin-left:5px; line-height: 13px;}
#contacts-form form .box.box-howmany {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#contacts-form form .box.box-title {font-family: 'Quattrocento', serif; text-transform: uppercase; color:#9e9b90; width: 100%; margin-bottom: 10px; font-size: 14px;}
#contacts-form form .box-adults,
#contacts-form form .box-children18,
#contacts-form form .box-children11 {width: 33.3%; padding-right: 20px; margin-bottom: 5px !important;}
#contacts-form form .box-children11 {padding:0;}
#contacts-form form .box-notes{width: 100%; font-size: 10px; text-transform: uppercase; color:#9e9b90;font-family: 'Quattrocento', serif;}
#contacts-form form .box-budget{}


#contacts-form .box-budget .label {font-family: 'Quattrocento', serif; text-transform: uppercase; color:#9e9b90; width: 100%; margin-bottom: 10px; font-size: 14px;}
#contacts-form .box-budget .irs--big {height: 66px;}
#contacts-form .box-budget .irs--big .irs-bar {background:#ab8f63 ; height: 38px;border:none; border-radius: 5px; top:14px}
#contacts-form .box-budget .irs--big .irs-line{background: #fff !important; height: 40px; border:solid 1px #dedede; border-radius: 5px; top:13px}
#contacts-form .box-budget .irs--big .irs-handle{background:#ab8f63; height: 40px; width: 20px; top:33px; border-radius: 20px; border: solid 1px #dedede; box-shadow: none; top:13px;}
#contacts-form .box-budget .irs--big .irs-min,
#contacts-form .box-budget .irs--big .irs-max,
#contacts-form .box-budget .irs--big .irs-single{background: transparent !important; color:#9e9b90; font-size: 10px; top:-8px; visibility: visible!important}
#contacts-form .box-budget .irs--big .irs-single{top: 50px;}

#pop-send-mail {min-width:300px; text-align: center;}
#pop-send-mail .loading {background:url(../images/loading-mail.gif) no-repeat center center; width: 50px; height:50px; display: inline-block; }



/* ################################################# 
					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: #ceb699 url(../images/close-video.png) no-repeat center center; ;position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;border-radius: 50%; 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; }

/* ######################### ARTICLES ######################### */
#article-detail {}
#article-detail .date {color: #9e9b90;font-family: 'Quattrocento', serif; text-transform: uppercase;font-size: 14px;line-height: 14px;display: flex;align-items: center;white-space: nowrap;margin-bottom: 30px;position: relative;}
#article-detail .date:after {content: "";display: inline-flex;width: 100%;height: 0;border-top: solid 1px #9e9b90;margin-left: 10px;}
#article-detail .title {color: #ab8f63;text-align: left;}
#article-detail .gallery {background-color: #f4f0eb; margin: 0 auto 40px auto;position: relative; width: auto; height: 350px; border-bottom:solid 1px #dedede;}
#article-detail .swiper-container {height: 100%}
#article-detail .gallery .swiper-slide {height: 100%; text-align: center;opacity:0 !important; transition: opacity 0.3s ease}
#article-detail .gallery .swiper-slide-active {opacity:1 !important;} 
#article-detail .gallery .swiper-slide img{height: 100%; width:auto; }
#article-detail .description {}
#article-detail .gallery .swiper-button-next {background: url("../images/arrow-right.png") no-repeat 0 0; width: 40px; height: 40px; margin-top: -20px; right: 20px;} 
#article-detail .gallery .swiper-button-prev {background: url("../images/arrow-left.png") no-repeat 0 0; width: 40px; height: 40px; margin-top: -20px; left: 20px;} 

.columns-2 { -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.columns-2 .image,
.columns-2 .video {margin-bottom: 20px;padding-top: 5px;}
.columns-2 .video .btn-popvideo {display: block;position: relative;}
.columns-2 .video .btn-popvideo:before {content: "";background: url("../images/article-video.png") no-repeat 0 0;background-size: 80px 80px;position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;opacity: 0.3;transition: opacity 0.5s ease;}
.columns-2 .video .btn-popvideo:hover:before {opacity: 1;}
.columns-2 .image img,
.columns-2 .video img {width: 100%;}