/* ------------------------------------------------layout */
:root { --apricot-green: #006C57; --apricot-navy-light: #2c5282; --apricot-gold: #c9a227; --apricot-gold-light: #e5c76b; --apricot-warm: #b8860b; --apricot-cream: #faf8f5; --apricot-text: #2d3748; --apricot-muted: #718096; --apricot-font-body: YsabeauInfant, -apple-system, BlinkMacSystemFont, sans-serif; }
body { min-height: 100%; font-size: 16px; font-family: var(--apricot-font-body) !important; }
@font-face { font-family: YsabeauInfant; src: url('/fonts/ysabeau-infant-latin-500-normal.woff') format('woff'); }

.displaynone { display: none }
.navbar-brand { border-right: 1px solid #ccc }

.navbar-brand:hover { background: #fff; opacity: 0.7; }


.apricot-header { width: 100%; padding: 10px 0px;position:relative;z-index:3 }
.menunavscroll { position: fixed !important; left: 0; background: #fff; color: #1E1E1E !important}
.changecolor li a { color: #1E1E1E !important}
.changecolor li a:hover { color: #CFA62B !important }
.TextContent img { max-height: 200px }

/*Video background-----------------*/
.toggle-play-button, .toggle-mute-button { float: right; margin-bottom: 34px; color: #fff; font-size: 38px; }
.toggle-play-button, .toggle-mute-button:hover {cursor:pointer}
.content-VideoBannerHome { display: table; width: 100%; min-height: 90vh; z-index: 1; position: relative; }
#banner-aboutus .content-VideoBannerHome { min-height: auto; }

.content-VideoBannerHome .inner { display: table-cell; vertical-align: bottom; text-align: center; padding-left: 16px; padding-right: 16px; }

.content-VideoBannerHome .inner h1,
.content-VideoBannerHome .inner h2 { color: white; text-shadow: 0px 1px 3px rgba(0,0,0,0.5); }

.content-VideoBannerHome .inner h1 { font-size: 62px; }

.video-background-controls button { font-size: 32px; display: inline-block; padding: 0px; margin: 0px; height: 32px; width: 32px; border-radius: 16px; line-height: 32px; border: none; background: none; appearance: none; color: white; filter: drop-shadow(0px 0px 1px black); cursor: pointer; opacity: 1; transition: all 250ms ease-in-out; margin-left: 10px; }

.video-background-controls button:hover { opacity: 0.5; }

:root { --seek-bar-thumb-color: #fff; --seek-bar-progress-background: #fff; --seek-bar-background: rgba(255, 255, 255, 0.4); }

.seek-bar-wrapper { height: 6px; background: var(--seek-bar-background); position: relative; }

.seek-bar-progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; background: transparent !important; border: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

.seek-bar-progress::-webkit-progress-bar { background: transparent; }

.seek-bar-progress::-webkit-progress-value { background: var(--seek-bar-progress-background); }

.seek-bar-progress::-moz-progress-bar { background: var(--seek-bar-progress-background); }

.seek-bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: calc(50% - 10px); z-index: 1; display: block; width: 100%; height: 20px; margin: 0; cursor: pointer; background: transparent; }

.seek-bar { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: calc(50% - 10px); z-index: 1; display: block; width: 100%; height: 20px; margin: 0; cursor: pointer; background: transparent; }

.seek-bar::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; height: 6px; cursor: pointer; background: transparent; border: 0; border-radius: 0; }

.seek-bar::-moz-range-track { -moz-appearance: none; appearance: none; width: 100%; height: 6px; cursor: pointer; background: transparent; border: 0; border-radius: 0; }

.seek-bar::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 12px; height: 12px; margin-top: 3px; cursor: pointer; background: var(--seek-bar-thumb-color); border: 0; border-radius: 8px; transform: translateY(-50%); transition: opacity 0.4s ease-in-out; }

.seek-bar::-moz-range-progress { margin-top: 0; background: transparent; border: 0; }

.seek-bar::-moz-range-thumb { -moz-appearance: none; appearance: none; width: 16px; height: 16px; margin-top: 0; cursor: pointer; background: var(--seek-bar-thumb-color); border: 0; border-radius: 8px; transition: opacity 0.4s ease-in-out; }

.seek-bar-wrapper ::-webkit-slider-thumb { opacity: 0; }

.seek-bar-wrapper ::-moz-range-thumb { opacity: 0; }

.seek-bar-wrapper:hover .seek-bar:not([disabled])::-webkit-slider-thumb { opacity: 1; }

.seek-bar-wrapper:hover .seek-bar:not([disabled])::-moz-range-thumb { opacity: 1; }
/*Video background end-----------------*/

body { background: url('../img/bg.jpg') }

#VideoBannerHome {width: 100%; max-height: 100%; }
#VideoBannerHome video {max-width:100%}
.titlebanner { bottom: 50%; color: #f1f1f1; width: 100%; text-align: center; position: absolute; font-family: "Abril Fatface"; }
.titlebanner p { color: #fff; margin: 0; font-family: auto; font-size: 29px; font-weight: 600;}


#SearchHeader { height: 100% }

#bgHomeSearch { background: rgba(255, 255, 255, 0.1); }

#SearchHeader input[type=text] { width: 211px; color: #fff; border: none; height: 42px; padding: 0px 12px; background: transparent; }

#SearchHeader #SearchSubmit { background: url(../img/ButtonSeachHome.png) no-repeat; width: 22px; height: 23px; border: none; margin: 10px; float: right; }

#SearchHeader #SearchSubmit:hover { cursor: pointer }
#error_Keyword { position: absolute; background: #fff; border: 1px solid #000; padding: 5px 10px; border-radius: 5px; top: 49px; }

#bannerheader p { margin: 20px 0px }

#bannerheader img { width: 100% }

.container { max-width: 1140px !important }

#menunav { float: right; padding: 0; }

#menunav img { float: left; margin: 5px 10px; }

#menunav nav-item a, #quicklink ul li a, footer a { color: #fff; }

#menunav a:hover { background:#006C57; color: #CFA62B;}

#menunav .nav-link { color: #fff; padding: 6px 15px; font-weight: 500; border-radius: 4px; font-size: 18px; }
#menunav .nav-link i {font-size:13px}
.dropdown-toggle::after { background-image: url('../img/arrow-menunav.png') !important; border: none; width: 11px; height: 7px; margin-top: 10px; float: right; }

.dropdown-menu { border-radius: 0; border: none; background: none; padding: 0; }

.dropdown-item { color: #fff !important; border: 1px solid #CFA62B; padding: 5px 13px; margin-bottom: 1px; border-radius: 4px; background: #006C57; font-weight: 500; }

.dropdown-item:hover { background: none; color: #CFA62B; }

.navbar .megamenu { padding: 1rem; }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu { position: static !important; }
    .navbar .megamenu { left: 0; right: 0; width: 100%; margin-top: 0; }
}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top: 10px; }
}
/* ============ mobile view .end// ============ */

.list-lv3 li a { color: #000; text-decoration: none }
.list-lv3 li a:hover, .dropdown-item:hover { color: #F37521 }


#bttop:hover { background: #CFA62B }

footer { color: #006C57; padding: 30px 0px; }
#social-footer ul { padding: 0; margin: 15px 0px 0px 0px; }
#social-footer ul li { display: inline; padding-right: 23px }
#social-footer ul li a { color: #006C57 }
#social-footer ul li a:hover { text-decoration: none;color:#CFA62B }

#menufooter .item-list-menufooter { float: left; margin-bottom: 25px; width: 170px; }
.item-list-menufooter h4 { font-size: 16px;font-weight:600 }
.item-list-menufooter ul {margin:0;padding:0}
.item-list-menufooter ul li { list-style: none; padding-bottom: 7px; }
.item-list-menufooter a {color:#006C57;text-decoration:none}
.item-list-menufooter a:hover {color:#CFA62B }

#footer2 { padding: 14px 0px; border-top: 2px solid #CFA62B }
#copyright { text-align: center; color: #006C57; font-size: 13px; }

/* Back to top */
#bttop { position: fixed; bottom: 24px; right: 24px; z-index: 1000; padding: 0px 10px; border: none; border-radius: 4px; border: 2px solid var(--apricot-green); color: var(--apricot-green); font-size: 30px; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(201, 162, 39, 0.4); transition: background .2s, transform .2s; background:none}

#bttop:hover { color: var(--apricot-gold-light); border: 2px solid var(--apricot-gold-light); transform: translateY(-2px); background:none}

.breadcrumb { color: #006C57; font-family: var(--apricot-font-body); font-size: 17px; padding-top: 20px; font-weight: bold; }
.breadcrumb a { color: #006C57;text-decoration: none; font-size: 17px; }
.breadcrumb span { color: #006C57;text-transform:lowercase }

.ContentLayout { padding-bottom: 20px;}
.ContentLayout h2 { color: #CFA62B; font-size: 33px; margin: 0; font-family: 'Abril Fatface'; font-weight: bold; text-align: center; }
.ContentLayout a { color: #006C57 }

.overview { text-align:center }
.overview p { font-weight:600}


.page-item:first-child .page-link, .page-item:last-child .page-link { border: none; }
.page-item:first-child .page-link:hover, .page-item:last-child .page-link:hover { border: none; background: none; }
.page-item.active .page-link { background: #2B8A05 }
/* ------------------------------------------------home */


/* ---------------------slideshow*/
:root { --opacity-slide: 0.5; --height-slider: 500px; --color-slider: #ff3e00; --height-responsive: 500px; }

section.slide { position: relative; display: block; width: 100%; height: 500px; }

@media only screen and (max-width: 766px) {
    section.slide { height: var(--height-responsive); }
}

section.slide .slider-container { width: 100%; height: 100%; float: left; display: block; margin: 0 auto; overflow: hidden; position: relative; background-color: #FFFFFF; }
section.slide .slider-container .slider-wrapper { margin: 0; padding: 0; width: 100%; z-index: 90; height: 100%; position: relative; }
section.slide .slider-container .slider-wrapper li { display: none; }
section.slide .slider-container .slider-wrapper li.slide-current { display: block; }
section.slide .slider-container .slider-wrapper li.video { height: 100%; position: relative; background: #000000; }
section.slide .slider-container .slider-wrapper li.video .include { top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; position: absolute; }
section.slide .slider-container .slider-wrapper li.video .include::before { top: 0; left: 0; z-index: 4; content: ""; width: 100%; height: 100%; position: absolute; }
section.slide .slider-container .slider-wrapper li.video .include iframe, section.slide .slider-container .slider-wrapper li.video .include object, section.slide .slider-container .slider-wrapper li.video .include embed, section.slide .slider-container .slider-wrapper li.video .include video { top: 0; left: 0; z-index: 2; width: 100%; height: 100%; position: absolute; }
section.slide .slider-container .slider-wrapper li img { position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
section.slide .slider-container .slider-wrapper li .capa { top: 0; left: 0; width: 100%; z-index: 92; height: 100%; display: block; position: absolute; background: rgba(0, 0, 0, 0.1); }
section.slide .slider-container .drt-control { top: 40%; z-index: 90; color: white; padding: 30px; cursor: pointer; font-size: 22px; position: absolute; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 0, 0, var(--opacity-slide)); }

@media only screen and (max-width: 766px) {
    section.slide .slider-container .drt-control { padding: 20px; font-size: 20px; }
}

section.slide .slider-container .drt-control:hover { background: black; }
section.slide .slider-container .drt-control.control-left { left: -20px; border-radius: 0px 50px 50px 0px; }
section.slide .slider-container .drt-control.control-right { right: -20px; border-radius: 50px 0 0 50px; }
section.slide .slider-container .slider-controls { z-index: 90; width: 100%; bottom: 0px; padding: 5px; text-align: center; margin-bottom: 0px; position: absolute; padding-bottom: 15px; background: rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 766px) {
    section.slide .slider-container .slider-controls { background: rgb(0, 0, 0); }
}

section.slide .slider-container .slider-controls li { zoom: 1; width: 25px; height: 8px; margin: 0 6px; cursor: pointer; *display: inline; background: #DA4453; text-indent: -9999px; display: inline-block; background: rgba(59, 59, 59, 0.5); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

@media only screen and (max-width: 766px) {
    section.slide .slider-container .slider-controls li { width: calc(25% - 40px); }
}

section.slide .slider-container .slider-controls li.active { background: var(--color-slider); }
section.slide .slider-container .tempo-bar { position: absolute; bottom: 0px; height: 5px; background: var(--color-slider); width: 0%; z-index: 91; display: block; float: left; }


/*
* Owl Carousel - Core
*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ height: 351px; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; width: auto }
.owl-carousel .owl-item img { display: block; max-width: 100%; max-height: 400px; height: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
.owl-carousel.owl-loaded { display: block; max-height: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-item, .item { max-height: 400px; }
/* No Js */
.no-js .owl-carousel { display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height { transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item { /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/*----------------------end*/
.section p { text-align: center; font-weight: 600; }
#section1 { padding: 10px 0 }
#section1 img { margin: 10px 0px }

.section h2 { color: #CFA62B; font-size: 35px; text-align: center; font-family: auto; font-weight: 600; }

#CruiseHome { margin-bottom:20px}
#cruisehome-swiper .swiper-slide video { width: 100%; max-height: 500px; aspect-ratio: 16 / 9;  object-fit: cover;}
#cruisehome-swiper .swiper-button-next, #cruisehome-swiper .swiper-button-prev { top: var(--swiper-navigation-top-offset,35%) }

.overview-cruise { color: #006C57; font-weight: 500; margin-top: 10px; font-size: 15px; }
.overview-cruise p { text-align:left }
.overview-cruise a { color: #CFA62B; border: 1px solid #CFA62B; border-radius: 4px; padding: 5px 10px; text-decoration: none; }
.overview-cruise a:hover { color:#006C57 }

/* Hero / Swiper */
.apricot-hero { position: relative; width: 100%; }
.apricot-swiper.swiper, .mySwiper.swiper { width: 80%; height: auto; }
.swiper-slide { display: flex; align-items: center; justify-content: center; }
.swiper-slide img, .swiper-slide video { width: 100%; max-height: 627px;height:auto /*object-fit: cover;*/ }
.swiper-button-next, .swiper-button-prev { color: #fff; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 28px; }
.swiper-pagination-bullet { background: #fff; opacity: 0.6; }
.swiper-pagination-bullet-active { opacity: 1; background: var(--apricot-gold); }

.autoplay-progress { position: absolute; right: 16px; bottom: 16px; z-index: 10; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--swiper-theme-color); }

.autoplay-progress svg { --progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 4px; stroke: var(--swiper-theme-color); fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg); }

#section3 { background-color: rgba(0, 0, 0, 0.7); min-height: 200px; background-image: linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-home-bg.jpg"); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-home-bg.jpg"); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-home-bg.jpg"); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-home-bg.jpg"); background-image: -webkit-gradient(rgba(0, 0, 0, 0.1)), url("/img/experience-home-bg.jpg"); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-home-bg.jpg"); padding: 20px 0px; color: #fff }

#section3 h2 { font-family: 'Abril Fatface'; font-weight: 600; display: inline; }
#section3 h2, #section3 h3{ color:#CFA62B }

.item-experience-home { margin-top:40px }
.item-experience-home video { max-width:100%;border:2px solid #CFA62B}
.item-experience-home a { text-decoration: none; color: #CFA62B }
.item-experience-home h3 a:hover { color: #006C57 }
.item-experience-home h3 { font-size:25px;color:#CFA62B }
.section3-viewmore { padding: 5px 10px; border: 1px solid #CFA62B; border-radius: 4px; float: right; }
.section3-viewmore:hover { background: #006C57;color:#CFA62B }

/*------------------------------cruises*/
.itemCruiseFact img { width: 100%; max-height: 200px; }
.itemCruiseFact div { background: #006C57; font-weight: 600; padding: 5px 0px; text-align: center; }
.itemCruiseFact a { display: block; color: #fff;text-decoration:none }
.itemCruiseFact a:hover { color: #CFA62B }

.contentCruise { padding: 25px 0px 15px 0px; margin-top: 20px; background-image: linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/bg-cruises.jpg"); background-color: rgba(0, 0, 0, 0.7); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/bg-cruises.jpg"); background-image: -webkit-gradient(rgba(0, 0, 0, 0.5)), url("/img/bg-cruises.jpg") background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/bg-cruises.jpg") }
.contentCruise h3 { color: #CFA62B; font-weight: 400; }

.content h2 { text-align: left; display: inline; }
.content p { color: #fff;}
.content video { width:100%; border:2px solid #CFA62B }

.textdes3 {padding:20px 0px; font-weight: 600; }
.textdes3 img { max-width:100% }

/*------------------------------experience*/
.contentExperience { padding: 20px;background-image: linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-bg.png"); background-color: #006C57; background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-bg.png"); background-image: -webkit-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-bg.png") background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.5)), url("/img/experience-bg.png"); background-size: contain; }

.contentExperience ul { list-style: none; padding: 0; margin: 0; }
.contentExperience ul li { color: #fff; position: relative; padding-left: 30px; line-height: 29px; font-weight: 500; }

.contentExperience ul li:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; /* Desired width */ height: 20px; /* Desired height */ background-image: url("/img/list-style-experience.png");background-size: contain;background-repeat: no-repeat; }


/*------------------------------AboutUs*/
#banner-aboutus { position: relative }
#banner-aboutus video { position: absolute;object-fit:cover;z-index:0 }

#aboutus-content-container { position: relative; margin: 0 auto; max-width: 1140px; z-index: 2; }
#aboutus-content {color:#fff}
.aboutus-content-img { text-align: center }
.aboutus-content-img img { border: 1px solid #CFA62B; max-width: 100% }
#aboutus-content h2, #aboutus-content h1 { font-family: auto; text-align: left; display: inline; color: #fff }
#aboutus-content p { color: #fff; font-weight: 500; margin-top: 12px; }

.footer-aboutus { position: relative;}

#breadcrumb-aboutus span, #breadcrumb-aboutus a, #breadcrumb-aboutus .breadcrumb-item::before { color: #fff !important }
#row-content { padding:25px; background-image: linear-gradient(rgba(0, 0, 0, 0.3)), url("/img/experience-bg.png"); background-color: #006C57; background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.3)), url("/img/experience-bg.png"); background-image: -webkit-gradient(rgba(0, 0, 0, 0.3)), url("/img/experience-bg.png") background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3)), url("/img/experience-bg.png"); background-size: contain; 
width: 80%; margin: 0 auto; }

#row-content h2 { color: #CFA62B; font-size: 28px; font-size: 23px; font-family: inherit; font-weight: 400; }

/*------------------------------Contact*/
#contact-overview, #contact-overview h2 { text-align: left }
#contact-textcontent, #contact-textcontent a { color: #006C57; font-family: auto; font-size: 17px; }

/*------------------------------blog*/
#menuArtices h1, #SearchArticles { border-bottom: 2px solid #CFA62B; font-size: 16px; padding-bottom: 8px; }
#menuArtices ul li a { font-size: 16px; color: #515151; text-decoration: none ;padding: 6px 0px; display: block; font-weight: 500; }
#menuArtices ul li a:hover { color: #006C57 }

#listitemblog .card { border: none; }
.card-img img { width: 100%; height: 175px }
.itemblog { padding:0;border:none; }
.itemblog-info { padding: 10px; background: #E0C9A6;font-family:YsabeauInfant }

.itemblog-info h4 { color: #CFA62B; font-style: italic; font-size: 16px; }
.itemblog-info h5 { color: #006C57; font-size: 16px; font-weight: 600; }
.dateitemblog { border-top: 2px solid #CFA62B; color: #CFA62B; font-style: italic; font-size: 16px; background: #E0C9A6; padding:12px 10px 4px 10px }
.itemblog-info a { text-decoration:none}
.itemblog-info h5:hover { color:#CFA62B }


.descriptionlistnews { margin-top: 8px }
#SearchArticles {margin-bottom:50px}
#SearchArticles input[type="text"] { width: 90%; font-style: italic; background: none; border: none }
#SearchArticles input[type="text"]:focus-visible {outline-offset: inherit;outline:none }
#SearchSubmit { background: url("/img/icon-search.png") no-repeat; background-position: center; border: none; width: 17px; }
#loadmore { font-weight: 600; font-style: italic; text-align: center; display: block; margin: 20px 0px; }
/*---------------------------------detail news*/
#content-articles { background: #E0C9A6; color: #1E1E1E; font-family: var(--apricot-font-body); padding: 15px }
#content-articles h1 { font-size: 22px; font-style: normal; font-weight: 700; border-bottom: 1px solid #CFA62B; padding-bottom: 11px; }
#content-articles img {max-width:100%}
#datepostnews { color: #CFA62B }
#list-recent {padding:10px 13px}

.imgcenter { text-align: center }
.title-recent { border-bottom: 1px solid #CFA62B;font-size:17px;padding-bottom:6px }
.item-articles-recent { margin-bottom: 30px; border-bottom: 1px solid #E0C9A6; padding-bottom: 10px; }
.item-articles-recent a { font-size: 14px; color: #1E1E1E; text-decoration: none; font-weight: 500; line-height: 16px; display: block; }
.item-articles-recent a:hover {color:#006C57 }
.item-articles-recent img { max-width: 100% }
.item-articles-recent span {color:#CFA62B;font-style:italic;font-size:14px;font-weight:500;margin-top:10px}
@media only screen and (min-width: 1901px) { }

@media only screen and (min-width: 1141px) and (max-width: 1900px) {
    .aboutus-content-img { width: 100%; }
}


@media only screen and (max-width: 1140px) {
    .aboutus-content-img img{ width: 50%; }
}

@media only screen and (min-width: 770px) {
}

@media only screen and (max-width: 767px) {

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    
}

/* iphone X , XS, 11 Pro, 12 Mini */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    
}

/* iphone 12, 12 Pro */
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
   
}


@media only screen and (max-width: 490px) {
    footer img, #logo img { max-width: 100% }
    .slidehome-desc { height: 65px; top: -64px; }
}

@media screen and (min-width: 392px) and (max-width:490px) {
}