/*==========================================
Header
==========================================*/
ul.place-list li figure figcaption p.txt-justify{min-height: 216px;}
h2.noData{text-align: center; color: #fff; font-size: 30px; min-height: 300px;}
h2.noData2{text-align: center; margin-top: 30px; margin-bottom: 0px;}

header {top:0; z-index:9; background-color:#e9f6fd;}
header #head-top {position:relative; height:250px; padding-top:35px; }
header #head-top-left .fl-right {margin-left:30px; margin-top:-2px}
header #head-top-left img {width:400px}
header #head-top-left p {font-size:14px; color:#1eaeae; line-height:20px; margin-bottom:5px; font-weight:bold}
header #head-top-left table td {font-size:12px; color:#1eaeae; line-height:16px;}
header #head-top-left table td:nth-child(1) {width:45px; font-weight:bold}
header .main-logo {display:block; position:absolute; top:0px; left:calc(50% - 113.5px)}
header .logo-house {position:absolute; bottom:0px; left:calc(50% - 137.5px)}
#head-left, #head-top-right {overflow:hidden}
.lang {position:absolute; right:30px;}
.lang a {font-size:15px; color:#fff; line-height:34px; margin-left:18px}
.lang a:hover, .lang a.selected {color:#e9d72e}
#head-mid {position:relative; width:100%; padding:15px 0; background-color:#1eaeae; z-index:3}
#head-mid-nav .button {position:relative; display:inline-block; width:225px; margin:0 13px; }
#head-mid-nav .button > a {display:block; width:100%; height:34px; border:3px solid #fff; line-height:29px; font-size:20px; color:#fff; font-weight:bold; text-align:center; }
#head-mid-nav .button > a:after {content:" "; position:absolute; right:10px; top:14px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #ffffff transparent transparent transparent;
}
#head-mid-nav .button ul {display:none; position:absolute; top:34px; left:0; width:100%; background-color:rgba(26,156,156, .9); z-index:9}
#head-mid-nav .button ul li {padding:0 10px; }
#head-mid-nav .button ul li a {display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; border-bottom:1px solid #35ced0}
#head-mid-nav .button ul li:nth-last-child(1) a {border:0}
#head-mid-nav .button ul li:hover {background-color:#f4d922; }
#head-mid-nav .button ul li:hover a {color:#746120}
#head-mid-nav .button > a:hover {border-color:#f4d922; color:#f4d922; }
#head-mid-nav .button > a:hover:after {width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color:  transparent transparent #f4d922 transparent;}
#head-mid-nav .button:hover > ul {display:block}

#main-nav {background-color:#4abdd3; line-height:48px}
#main-nav div {position:relative; display:inline-block; }
#main-nav div > a {display:block; font-size:16px; color:#fff; padding:0 32px; text-transform:uppercase}
#main-nav div > a:after {position:absolute; content:" "; left:0; bottom:0; width:100%; height:0px; background-color:#e9d72e; transition:0.4s; -webkit-transition:0.4s }
#main-nav div:hover > a:after {height:5px;}
#main-nav div:hover ul {display:block}
#main-nav div ul {display:none; position:absolute; top:48px; left:0; z-index:9; background-color: rgba(60, 163, 183, .9); width:250px; text-transform:uppercase}
#main-nav div ul li {padding:0 10px; }
#main-nav div ul li a {display:block; width:100%; padding:13px 0; line-height:24px; font-size:16px; color:#fff; border-bottom:1px solid #35ced0}
#main-nav div ul li:nth-last-child(1) a {border-bottom:0}
#main-nav ul li:hover {background-color:#f4d922; }
#main-nav ul li:hover a {color:#746120}

.clouds {position:absolute; top:0; left:0px; width:100%; height:100%; animation:clouds-animted01 40s linear infinite; -webkit-animation: clouds-animted01 40s linear infinite;}
.cloud {position:absolute; top:0; left:0px; width:215px; height:89px; background:url('../images/cloud01.png') no-repeat;}
.cloud-sm {width:155px; height:85px; background-size:100%}
.cloud01 {top:140px; left:60%}
.cloud02 {top:130px; left:80%}
.cloud03 {top:120px; left:30%}
.cloud04 {top:150px; left:10%}
.cloud05 {top:140px; left:-40%}
.cloud06 {top:130px; left:-20%}
.cloud07 {top:120px; left:-70%}
.cloud08 {top:150px; left:-90%}
@keyframes clouds-animted01 {
    from { left:-0 }
    to { left:1920px }
}
@-webkit-keyframes clouds-animted01 {
    from { left:-0 }
    to { left:1920px }
}
.para-show {transform:scale(0,0);-webkit-transform:scale(0,0)}

header .footer-org {margin-bottom:20px}
header .footer-org img {height:50px}
header .footer-org p {color:#1eaeae; margin-bottom:5px}
header .btn-360 {margin-top:30px}

/*==========================================
Common
==========================================*/
/* #home-top, #home-top-slider .swiper-container {height:500px} */
#home-top-slider .swiper-button-prev, #home-top-slider .swiper-button-next {width:33px; height:33px; background:url('../images/icons/arrow_slider01.png'); opacity:0.8; top:20px}
#home-top-slider .swiper-button-prev {background-position:top left; left:auto; right:35px}
#home-top-slider .swiper-button-next {background-position:top right; right:0}
#home-top-slider .swiper-button-prev:hover {opacity:1}
#home-top-slider .swiper-button-next:hover {opacity:1}		
#home-top-slider .swiper-pagination-bullets {bottom:auto; top:10px; }
#home-top-slider .swiper-pagination-bullet {width:8px; height:8px; color:#fff; opacity:1 !important; margin:0 3px}
#home-top-slider .swiper-pagination-bullet {background-color:#1eaeae; }
#home-top-slider .swiper-pagination-bullet-active {background-color:#fff}
#home-event {position:absolute; left:0; bottom:0; z-index:9; background-color:rgba(74, 189, 211, .9); padding:15px 30px}
#home-event p {margin-bottom:10px}
#home-event p .txt-300 {font-size:25px; }
#home-event table td {font-size:15px; line-height:20px; color:#fff;}
#home-event table td:nth-child(1) {width:55px; font-weight:bold}
#home-top-video img {display:block; width:100%;}

.home-article {position:relative; overflow:hidden; padding-bottom:70px}
.home-article article {padding:60px}
.home-article article .btn-readmore {margin-bottom:20px}
.home-place-list {position:absolute; bottom:0; left:0; width:100%}
.home-place-list li {position:relative; display:block; float:left; width:20%; height:70px; line-height:70px; text-align:center}
.home-place-list li .thumb {position:absolute; top:0; left:0; opacity:0; width:100%; height:100px; background-size:cover; background-position:center center}
.home-place-list li a {position:relative; width:100%; height:70px; z-index:3; padding:0 10px}
.home-place-list li a span {position:relative; font-size:16px; color:#fff; padding-right:16px; }
.home-place-list li a span:before {content:" "; position:absolute; right:0; top:30px; width:7px; height:12px; background:url('../images/icons/arrow01.png') no-repeat 0 0;}
.home-place-list li:hover .thumb {top:-100px; opacity:1}
.home-place-list li:hover a {background-color:#f4d922 !important}
.home-place-list li:hover a span {color:#746120}
.home-place-list li:hover a span:before {background-position:-7px 0}
#home-yuen .home-place-list li:nth-of-type(odd) a {background-color:#1c9394}
#home-yuen .home-place-list li:nth-of-type(even) a {background-color:#209e9f}
#home-tuen .home-place-list li:nth-of-type(odd) a {background-color:#94af54}
#home-tuen .home-place-list li:nth-of-type(even) a {background-color:#829a4a}
.home-place {/*height:750px;*/ overflow:hidden}
.home-place .swiper-container {position:relative; border-top:10px solid #f4d922}
.home-place .slider-caption {position:absolute; bottom:0; left:0; width:100%; height:70px; line-height:70px; z-index:9}
.home-place .slider-caption p {float:right; line-height:70px; margin-bottom:0; padding-right:18px;}
#home-yuen .slider-caption {padding:0 30px; background-color:rgba(34,172,173, .9)}
#home-tuen .slider-caption {padding:0 30px; background-color:rgba(164,194,95, .9)}
.home-place .swiper-pagination-bullet {border:2px solid #fff; width:10px; height:10px; color:#fff; opacity:1 !important; margin:0 3px}
#home-yuen .swiper-pagination-bullet {background-color:#22acad; }
#home-tuen .swiper-pagination-bullet {background-color:#a4c25f; }
#home-yuen .swiper-pagination-bullet-active {background-color:#fff}
#home-tuen .swiper-pagination-bullet-active {background-color:#fff}

.place-list .btn-loadmore:hover {}

#home-statment {background-color:#a29061}
#home-statment p {margin:20px 0 30px 0}
#home-statment .wrap-inner {padding:40px 100px; }

.breadcrumb {font-size:14px; color:#fff; line-height:24px; margin:11px 0}
.breadcrumb a {color:#fff; text-transform:uppercase}
.breadcrumb a:hover,
.breadcrumb a.selected {color:#f4d922}
.place-side {width:270px; padding-right:20px}
.place-side .side-title {font-size:30px; line-height:30px; color:#fff; margin-bottom:25px}
.place-side ul {padding-left:90px; background:url('../images/icons/deco06.png') repeat-y left top; margin-bottom:25px}
.place-side ul li {font-size:16px; line-height:24px; margin-bottom:16px}
.place-side ul li:nth-last-child(1) {margin-bottom:0}
.place-side-trim ul li {margin-bottom:10px}
.place-side ul li a {color:#fff}
.place-side ul li a:hover, .place-side ul li a.selected {color:#f4d922}
.page-bottom {position:relative; background-color:#e9f6fd; padding-bottom:30px}
.page-bottom .place-side {position:relative; }
.page-bottom .place-side .deco {position:absolute; top:-65px; left:115px; width:155px; height:95px; background:url('../images/icons/bg_deco01.png'); background-size:305px}
.page-bottom .place-side:after {content:" "; position:absolute; top:30px; left:0; width:6px; height:32px; }
.page-bottom .page-detail-article {margin:30px 0 0 0}


.place-info {width:calc(100% - 270px)}
.place-info .btn-toggle {margin-bottom:0}

.place-list {margin-top:30px}
.place-list li {position:relative; overflow:hidden; margin-bottom:30px}
.place-list li .img-thumb {position:absolute; top:0; left:0; width:calc(50% + 15px); }
.place-list li.active .img-thumb {transform:translateX(30px); -webkit-transform:translateX(30px)}
.place-list li.active figcaption {transform:translateX(-30px); -webkit-transform:translateX(-30px)}
.place-list li figcaption {position:relative; padding:20px 35px 20px 50px; background-color:rgba(70, 187, 207, .9); float:right; width:calc(50% + 15px); margin-top:80px; z-index:2}
.place-list li h2 {font-size:22px; line-height:24px; color:#fff; font-weight:300; margin-bottom:10px}
.place-list li figcaption .deco {position:absolute; top:0; left:0; width:30px; height:38px; background-image:url('../images/icons/deco06.png'); background-repeat:no-repeat; background-size:30px}
.place-list li figcaption:after {content:" "; position:absolute; bottom:0; right:0; width:32px; height:6px; background-color:#f4d922}
.place-list li:nth-last-child(1) {margin-bottom:0}

.place-list-yuen .place-list li figcaption {background-color:rgba(70, 187, 207, .9)}
.place-list-yuen .page-bottom .place-list li figcaption {background-color:rgba(30, 174, 174, .9)}
.place-list-yuen .page-bottom .place-side:after {background-color:#1eaeae}
.place-list-tuen .place-list li figcaption {background-color:rgba(176, 157, 96, .9)}
.place-list-tuen .page-bottom .place-list li figcaption {background-color:rgba(164, 194, 95, .9)}
.place-list-tuen .page-bottom .place-side:after {background-color:#a4c25f}

.place-detail {position:relative; background-color:#e9f6fd}
.place-detail-bg {position:absolute; top:0; left:0; display:block; width:100%; height:260px}
.place-detail-photos {width:100%; padding-top:50px}
#place-yuen .place-detail-photos {background-color:#4abdd3; }
#place-tuen .place-detail-photos {background-color:#b09d60; }
.place-detail-photos .swiper-slide .img-thumb {height:600px}
.place-detail-photos .swiper-slide {text-align:center}
.place-detail-photos .swiper-slide .img-thumb img {width:auto; height:100%; margin:0 auto}
.place-detail-photos .swiper-slide p {width:72%; margin:20px auto 30px auto}
.place-detail-photos .swiper-button-prev,
.place-detail-photos .swiper-button-next {top:calc(50% - 25px); width:50px; height:50px; background:url('../images/icons/arrow_slider02.png'); opacity:1;}
#place-yuen .place-detail-photos .swiper-button-prev {background-position:0 0; left:0}
#place-yuen .place-detail-photos .swiper-button-next {background-position:-50px 0; right:0}
#place-yuen .place-detail-photos .swiper-button-prev:hover {background-position:0 -50px;}
#place-yuen .place-detail-photos .swiper-button-next:hover {background-position:-50px -50px;}
#place-tuen .place-detail-photos .swiper-button-prev {background-position:-100px 0; left:0}
#place-tuen .place-detail-photos .swiper-button-next {background-position:-150px 0; right:0}
#place-tuen .place-detail-photos .swiper-button-prev:hover {background-position:-100px -50px;}
#place-tuen .place-detail-photos .swiper-button-next:hover {background-position:-150px -50px;}
.place-detail-photos .swiper-pagination-bullets {bottom:auto; top:18px; left:0; width:100%}
.place-detail-photos .swiper-pagination-bullet {width:8px; height:8px; color:#fff; opacity:1 !important; margin:0 3px}
.place-detail-photos .swiper-pagination-bullet {background-color:#1eaeae; }
.place-detail-photos .swiper-pagination-bullet-active {background-color:#fff}
.place-detail-photos .swiper-pagination-bullet {border:2px solid #fff; width:10px; height:10px; color:#fff; opacity:1 !important; margin:0 3px}
#place-yuen .place-detail-photos .swiper-pagination-bullet {background-color:#4abdd3; }
#place-tuen .place-detail-photos .swiper-pagination-bullet {background-color:#b09d60; }
#place-yuen .place-detail-photos .swiper-pagination-bullet-active,
#place-tuen .place-detail-photos .swiper-pagination-bullet-active {background-color:#fff}
.page-detail-article {position:relative; padding:30px 90px; }
.page-detail-article h2 {color:#fff}
#place-yuen .page-detail-article {background-color:#1eaeae;}
#place-tuen .page-detail-article {background-color:#a4c25f;}
#event .page-detail-article {background-color:#548956}

.page-detail-article:before {content:" "; position:absolute; right:0; bottom:0; width:32px; height:6px; background-color:#f4d922}
.page-detail-article .btn-360 {color:#fff; border-color:#fff}
.page-detail-article .btn-360:before {background-position:right top; }
.page-detail-article .btn-360:hover {border-color:#f4d922; color:#f4d922}
.page-detail-article .btn-360:hover:before {background-position:left bottom} 
.page-detail-article article {margin-top:20px}
.page-detail-article .deco {position:absolute; top:0; left:0; width:30px; height:90px; background-image:url('../images/icons/bg_deco02.png'); background-size:95px; background-position:left -6px top}
.page-detail-button {margin-bottom:35px}
.page-detail-button > div {height:55px; line-height:55px; }
#place-yuen .page-detail-button > div {background-color:#1c9394}
#place-yuen .page-detail-button > div:nth-of-type(2) {background-color:#209e9f}
#place-tuen .page-detail-button > div {background-color:#7daa17}
#place-tuen .page-detail-button > div:nth-of-type(2) {background-color:#89b91e}
#event .page-detail-button > div {background-color:#49774b}
#event .page-detail-button > div:nth-of-type(2) {background-color:#619c63}
#news .page-detail-button > div {background-color:#1c9394}
#news .page-detail-button > div:nth-of-type(2) {background-color:#209e9f}
.page-detail-button a {margin:15px 20px; line-height:24px}
.page-detail-button .btn-readmore {line-height:24px}
.page-detail-button .btn-readmore:before {top:5px}
.page-detail-related li {margin-bottom:40px}
.page-detail-related li .img-thumb {position:relative; background-color:#fff; width:100%; margin-bottom:10px; overflow:hidden}
.page-detail-related li .img-thumb span {background-color:#f4d922; position:absolute; left:0; bottom:-44px; width:100%; height:44px; padding:0 20px; line-height:44px; font-size:14px; color:#000; text-align:right}
.page-detail-related li .img-thumb span:after {float:right; content:" "; width:7px; height:12px; display:block; background:url('../images/icons/arrow01.png') no-repeat -14px 0; margin:16px 0 0 10px}
.page-detail-related li p {font-size:15px; color:#000; margin-bottom:0}
.page-detail-related li .img-thumb:hover span {transform:translateY(-44px); -webkit-transform:translateY(-44px)}
.page-detail-related li .img-thumb:hover img {transform:translateY(-44px); -webkit-transform:translateY(-44px)}

.event-top {position:relative; background-size:cover}
.event-top .wrap-inner {height:400px}
.event-top h1 {font-size:60px; line-height:60px; margin-top:40%; font-weight:600}
.event-top .place-side ul {padding-left:50px; background-image:url('../images/icons/deco07.png')}
.event-top .place-side {position:absolute; top:35px; left:0}
.event-title {height:calc(100% - 46px)}
.event-title h1 {margin:120px 0 0 0; height:auto}

#event .event-top {background:url('../images/banner_event.jpg') no-repeat; }

.event-bottom {padding-top:60px}
.about-bottom {padding-top:30px}
.event-top .wrap-inner:before {content:" "; position:absolute; right:0; top:90px; width:32px; height:6px; background-color:#fff}
.title-deco {position:absolute; left:0; top:-130px; width:275px; height:95px; background:url('../images/icons/bg_deco01.png') }

.event-photo, .event-info {position:relative; /*height:400px;*/ padding:60px 70px; }

.event-photo {background-color:#5f9a61;}
.event-info {background-color:#1ba569;}
.event-photo .swiper-slide {text-align:center}
.event-photo .swiper-slide img {width:100%; height:auto; margin:0 auto}
.event-photo .swiper-pagination-bullets {width:100%; top:25px; left:0}
.event-photo .swiper-pagination-bullet-active {background-color:#fff}
.event-photo .swiper-pagination-bullet {border:2px solid #fff; width:10px; height:10px; color:#fff; opacity:1 !important; margin:0 3px}
.event-photo .swiper-pagination-bullet {background-color:#5f9a61; }
.event-photo .swiper-pagination-bullet-active {background-color:#fff}
.event-info .table-tr {width:100%; font-size:16px; color:#fff; line-height:24px; padding:10px 0; border-bottom:1px solid #26cc84}
.event-info .table-tr > div:nth-child(1) {font-weight:600; width:90px}
.event-info .table-tr > div:nth-child(2) {width:calc(100% - 90px)}

#about .event-top {background:url('../images/banner_about.jpg') no-repeat; }
.about-article {padding:40px 90px; background-color:#a29061}
.about-article .deco03 {width:30px; background-size:30px}
.about-article .txt-muted {color:#fff}
.about-article .undoreset h2{color:#fff}

.place-history-thumb {margin:0 auto}
.place-history-thumb img {max-width:100%; margin-bottom:10px}

#artists .undoreset h3{color:#fff}
#mentors .undoreset h3{color:#fff}
#mentors .event-top {background-image:url('../images/banner_mentors.jpg') }
#mentors .place-detail-photos {background-color:#4abdd3;}
#mentors .place-detail-photos .swiper-button-prev {background-position:0 0; left:0}
#mentors .place-detail-photos .swiper-button-next {background-position:-50px 0; right:0}
#mentors .place-detail-photos .swiper-button-prev:hover {background-position:0 -50px;}
#mentors .place-detail-photos .swiper-button-next:hover {background-position:-50px -50px;}
#mentors .place-detail-photos .swiper-pagination-bullet {background-color:#4abdd3; }
#mentors .place-detail-photos .swiper-pagination-bullet-active {background-color:#fff; }
#artists .event-top {background-image:url('../images/banner_artists.jpg')}
#artists .place-detail-photos {background-color:#4abdd3;}
#artists .place-detail-photos .swiper-button-prev {background-position:0 0; left:0}
#artists .place-detail-photos .swiper-button-next {background-position:-50px 0; right:0}
#artists .place-detail-photos .swiper-button-prev:hover {background-position:0 -50px;}
#artists .place-detail-photos .swiper-button-next:hover {background-position:-50px -50px;}
#artists .place-detail-photos .swiper-pagination-bullet {background-color:#4abdd3; }
#artists .place-detail-photos .swiper-pagination-bullet-active {background-color:#fff; }
#news .place-detail-photos {background-color:#4abdd3;}
#news .place-detail-photos .swiper-button-prev {background-position:0 0; left:0}
#news .place-detail-photos .swiper-button-next {background-position:-50px 0; right:0}
#news .place-detail-photos .swiper-button-prev:hover {background-position:0 -50px;}
#news .place-detail-photos .swiper-button-next:hover {background-position:-50px -50px;}
#news .place-detail-photos .swiper-pagination-bullet {background-color:#4abdd3; }
#news .place-detail-photos .swiper-pagination-bullet-active {background-color:#fff; }

.page-detail-related.list-lg-i9 li .img-thumb:hover span,
.page-detail-related.list-lg-i9 li .img-thumb:hover img {transform:translateY(-20px); -webkit-transform:translateY(-20px)}
.page-detail-related.list-lg-i9 li .img-thumb span:after {margin:6px 0 0 4px; width:5px; height:8px; background-size:auto 24px; background-position:-4px 0}
.page-detail-related.list-lg-i9 li p {font-size:15px}
.page-detail-related.list-lg-i9 li .img-thumb span {font-size:12px; bottom:-20px; height:20px; line-height:20px; padding:0 5px}

.btn-itour {height:80px; margin:0 10px; border-radius:10px; overflow:hidden}
.btn-itour img {height:100%; display:block }
.btn-itour:hover {box-shadow:0 2px 8px rgba(0,0,0, .5)}

#contact-info > div {vertical-align:top}
.contact-icon {display:inline-block; width:140px; height:140px; background-color:#ab9765; border-radius:100%; background-position:center center; background-repeat:no-repeat; background-size:60px; margin-bottom:10px}
.contact-icon#contact-addr {background-image:url('../images/icons/icon_addr.png')}
.contact-icon#contact-email {background-image:url('../images/icons/icon_email.png')}
.contact-icon#contact-tel {background-image:url('../images/icons/icon_tel.png')}

#contact-map {width:100%; height:500px}
.map-mask {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0, .4); cursor:pointer}
.map-mask.hide {display:none}
.map-mask .btn-readmore {height:32px; border:0; background-color:#1eaeae}

#exhibition .event-top {background-image:url('../images/banner_exhibition.jpg')}
#exhibition .place-detail-photos {background-color:#1ba569}
#exhibition .place-detail-photos .swiper-button-prev {background-position:0 -100px; left:0}
#exhibition .place-detail-photos .swiper-button-next {background-position:-50px -100px; right:0}
#exhibition .place-detail-photos .swiper-button-prev:hover {background-position:0px -150px;}
#exhibition .place-detail-photos .swiper-button-next:hover {background-position:-50px -150px;}
#exhibition .place-detail-photos .swiper-pagination-bullet {background-color:#1ba569; }
#exhibition .place-detail-photos .swiper-pagination-bullet-active {background-color:#fff; }
#exhibition .page-detail-article {background-color:#128e58; margin-top:0}
#exhibition .event-info {background-color:#cdac10}
#exhibition .event-info .table-tr {border-bottom:1px solid #ffe464}
#exhibition .event-info {background-color:#cdac10}
#exhibition .event-info .table-tr {border-bottom:1px solid #ffe464}
#exhibition .event-info .table-tr > div:nth-child(1) {width:140px}
#exhibition .event-info .table-tr > div:nth-child(2) {width:calc(100% - 140px)}
.exhibition-map {position:absolute; top:0; left:0; width:100%; height:100%}

#news .event-top {background-image:url('../images/banner_news.jpg')}
.news-date {padding-right:5px}

#support p {color:#000; margin-bottom:10px; }
.support-org img {max-width:100%; margin-bottom:20px}

#event h1 {text-transform:none}


.swiper-slide img {display:block; width:100%}

.deco01 {position:absolute; top:0; left:0; width:31px; height:90px; background:url('../images/icons/deco01.png') no-repeat; z-index:9}
.deco02 {position:absolute; top:50px; right:0; width:59px; height:343px; background:url('../images/icons/deco02.png') no-repeat; z-index:9}
.deco03 {position:absolute; top:0; right:0; width:71px; height:100%; background:url('../images/icons/deco03.png') repeat-y; z-index:9}
.deco04 {position:absolute; top:50px; left:0; width:54px; height:343px; background:url('../images/icons/deco04.png') repeat-y; z-index:9}
.deco05 {position:absolute; bottom:28px; left:0; width:141px; height:48px; background:url('../images/icons/deco05.png') no-repeat; z-index:9}


/* mobile */

#mobile-bar {width:100%; height:68px; top:-68px; left:0; z-index:11; border-bottom:3px solid #22acad; background-color:#e9f6fd; /*background-image:url('../images/icons/logo_house.png'); background-repeat:no-repeat; background-position:bottom center; background-size:auto 20px*/}
#mobile-bar .wrap {}
#mobile-bar.show {top:0}
#mobile-bar .main-logo {height:45px; margin:10px 0}
#mobile-bar .main-logo img {height:100%}
#mobile-bar-right {float:right}
#mobile-bar-right li {float:left; }
#mobile-bar-right li .lang {font-size:15px; color:#fff; line-height:34px;}
#mobile-main-logo {position:absolute;top:5px; left:calc(50% - 35px); width:60px;}
#mobile-main-logo img:nth-of-type(1) {width:60px}
#mobile-main-logo img:nth-of-type(2) {width:60px; margin-top:9px}
/* #mobile-main-house {position:absolute; bottom:0px; left:calc(50% - 35px); width:70px;} */

.mobile-icon {position:relative; top:15px; height:36px; width:36px; background-color:#e9f6fd;  padding:8px; border:2px solid #e9f6fd; border-radius:5px; z-index:999}
.mobile-icon span {margin:0 auto; display:block; width:17px; height:2px; background-color:#22acad; margin-bottom:5px; transition:0.5s; -webkit-transition:0.5s}
.mobile-icon span:nth-last-of-type(1) {margin-bottom:0}
.mobile-icon.opened {padding:3px 8px}
.mobile-icon.opened span:nth-of-type(1) {transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); margin-bottom:0}
.mobile-icon.opened span:nth-of-type(2) {display:none}
.mobile-icon.opened span:nth-last-of-type(1) {-webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3); transform: translate(0px, 11px) rotate(45deg) scalex(1.3)}

.sb-slidebar {background-color:#1a8888 !important;}

#mobile-lang {overflow:hidden; padding:0; background-color:#e9f6fd; border-bottom:2px solid #22acad}
#mobile-lang:hover {background:#e9f6fd}
#mobile-lang a {padding:0; float:left; display:block; width:33.33%; font-size:16px; line-height:67px; color:#1eaeae; text-align:center; border-right:1px solid #1eaeae;}
#mobile-lang a:hover,
#mobile-lang a.selected {background-color:#e9d72e;color:#fff}
#mobile-lang a:nth-last-of-type(1) {border-right:0}
#mobile-lang-360 {height:60px}
#mobile-lang-360:before {display:block; content:" "; margin:18px auto; width:32px; height:25px; background:url('../images/icons/icon_360.png') no-repeat;}
#mobile-lang-360:hover {background:none !important}
#mobile-lang-360:hover:before {background-position:left bottom}
.mobile-nav {}
.mobile-nav > li {width:100%; overflow:hidden; border-bottom:1px solid #e9f6fd}
.mobile-nav > li:hover {background-color:#e9d72e}
.mobile-nav > li > a {float:left; width:240px; display:block; padding:15px; font-size:16px; color:#fff; line-height:24px}
.mobile-nav > li.mobile-sub {display:none; padding-left:10px}
.mobile-nav > li .txt-muted {color:#fff}
.mobile-nav > li .mobile-toggle {position:absolute; top:0; right:0; width:60px; height:100%; cursor:pointer}
.mobile-nav > li .mobile-toggle:before {content:" "; display:block; width:20px; height:20px; background:url('../images/icons/btn-toggle.png') no-repeat left top; background-size:20px; margin:17px 20px}
.mobile-nav > li .mobile-toggle.actived:before {background-position:left bottom}
.mobile-nav > li p {font-size:14px; color:#1eaeae; line-height:20px; margin-bottom:5px; font-weight:bold}
.mobile-nav > li table td {font-size:12px; color:#1eaeae; line-height:16px;}
.mobile-nav > li table td:nth-child(1) {width:45px; font-weight:bold}
.mobile-nav .mobile-block {padding:25px 15px; }
.mobile-nav .mobile-block a {float:none; padding:0}
.mobile-nav .mobile-block p {width:100%; overflow:hidden; margin-bottom:10px}
.mobile-nav li.mobile-block:hover {background:none}
.mobile-nav > #mobile-social {padding:10px 10px 0 10px; margin-bottom:-10px; background-color:#1a8888}
.mobile-nav > #mobile-social:hover {background-color:#1a8888}
.mobile-block #social-nav li {float:left; margin-right:10px}


.fancybox-close {top:0px; right:-44px; width:34px; height:34px; background:url('../images/icons/icon_fancybox_close.png') no-repeat}

/*==========================================
Footer
==========================================*/
#footer-top {padding:40px 0; background-color:#1a8888}
#footer-top p {margin-bottom:10px}
#footer-nav p {display:inline-block; padding:0 24px 5px 0; border-bottom:1px solid #fff; font-weight:bold}
#footer-nav ul {overflow:hidden; margin-bottom:10px; margin-left:-12px}
#footer-nav ul li {float:left; font-size:15px; line-height:18px; padding:0 12px; margin-bottom:10px; border-right:1px solid #fff}
#footer-nav ul li:nth-last-child(1) {padding-right:0; border-right:0}
#footer-nav ul li a {color:#fff;}
#footer-nav ul li a:hover {color:#e9d72e}
#social-nav li {border-left:0}
#social-nav li a {display:block; width:28px; height:28px; background:url('../images/icons/icon_socials.png')}
#social-nav li .icon-fb {background-position:0 0}
#social-nav li .icon-yt {background-position:28px 0}
#social-nav li .icon-ig {background-position:56px 0}
#social-nav li .icon-fb:hover {background-position:0 28px}
#social-nav li .icon-yt:hover {background-position:28px 28px}
#social-nav li .icon-ig:hover {background-position:56px 28px}
#footer-bottom {padding:10px 0; background-color:#1b9191; text-align:right; }
#footer-bottom .wrap-inner {height:48px; overflow:visible}
#footer-bottom p {margin-bottom:0}
#footer-bottom .txt-muted {color:#24c1c1; }
#footer-bottom .txt-muted a {color:#24c1c1; text-decoration:none}
.footer-org {float:left; }
.footer-org:nth-of-type(1) {margin-right:30px}
.footer-org img {height:60px}

/*Top btn*/
#back-top {display:none; position:fixed; z-index:999; bottom:30px; right:30px;}
#back-top a { display: block; width:24px; height:24px; background:url('../images/icons/btn_top.png') no-repeat left top; text-indent:100%; white-space:nowrap; overflow:hidden;}
#back-top a:hover { background-position:left bottom;}

.underConstruction{color: #000; font-size: 35px; margin-top: 60px; text-align: center; min-height: 100px;}
.underConstruction2{color: #000; font-size: 35px; margin-top: 120px; text-align: center; min-height: 70px;}
.underConstruction3{color: #fff; font-size: 35px; margin-top: 60px; text-align: center; min-height: 100px;}