/*
  project: http://client.getclickr.com/ems/en
  maintenance: Jason
  release: 2019-6-8
*/

@charset "utf-8";

@import url("../css/grid.css");
@import url("../js/dropdown/dropdown-menu.css");
@import url("../css/breadcrumb.css");
@import url("../css/pagination.css");
@import url("../css/form.css");
@import url("../css/button.css");
@import url("../css/pager.css");
@import url("../js/meanmenu/meanmenu.css");
@import url("../js/tooltipster/css/tooltipster.css");
@import url("../css/notification.css");
@import url("../css/hover.css");
@import url("../js/jquerymodal/jquery.modal.css");

/* Overall and normalize */
html,button,input,select,textarea{color:#222; font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:none;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
iframe {width:100% !important}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content {word-break: break-word;} /*for Text line breaks*/
.inline-block-fix {display:inline-block;zoom: 1;*display: inline;} /*for fix ie*/

/* full-width */
.full-width{ width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; box-sizing:border-box; }

.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.advanced_search{border: 1px solid #DDD;background: #F7F7F7;margin-bottom: 10px;padding: 8px 10px 3px 10px;}

/* Grid setting */
.grid-container { padding-left: 0px; padding-right: 0px; max-width:1170px; margin-left: auto; margin-right: auto; }
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}

/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal; margin:0; padding:0}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}

/* Author's custom styles */
body{margin:0; font-family: 'Nunito', sans-serif; /*font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;*/ font-size:14px;line-height:20px;overflow-x: hidden;}
body { color:#000; }
a{color:#000;text-decoration:none}
a:hover {color:#888888;text-decoration:underline}
a:active {color:#888888;text-decoration:underline}
.mean-container .mean-bar {background:#3AC9C5;}
.mean-container .mean-nav {background:#3AC9C5;}
.list-layout-01 .date {background:#3AC9C5;}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {background-color:#3AC9C5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#3AC9C5}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#3AC9C5}
.pagination ul>.active>a,.pagination ul>.active>span{background:#3AC9C5}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {border-color:#3AC9C5;}

/* buttons */
.btn-style { 
  background: rgb(58,201,197); color: #FFF; font-size: 16px; padding: 10px 30px; display: inline-block; border: 0;
  background: -moz-linear-gradient(left, rgba(58,201,197,1) 0%, rgba(58,179,197,1) 100%);
  background: -webkit-linear-gradient(left, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  background: linear-gradient(to right, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ac9c5', endColorstr='#3ab3c5',GradientType=1 );
}
.btn-style:hover, .btn-style:focus { 
  background: rgb(58,201,197); color: #FFF; text-decoration: none; border: 0;
  background: -moz-linear-gradient(left, rgba(58,201,197,1) 0%, rgba(58,179,197,1) 100%);
  background: -webkit-linear-gradient(left, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  background: linear-gradient(to right, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ac9c5', endColorstr='#3ab3c5',GradientType=1 );
}

.btn-secondary { 
  color: #FFF; font-size: 16px; padding: 10px 30px; display: inline-block; border: 0;
  background: rgb(39,51,50);
  background: -moz-linear-gradient(left, rgba(39,51,50,1) 0%, rgba(17,33,32,1) 100%);
  background: -webkit-linear-gradient(left, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%);
  background: linear-gradient(to right, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273332', endColorstr='#112120',GradientType=1 );
}
.btn-secondary:hover, .btn-secondary:focus { 
  color: #FFF; text-decoration: none; border: 0;
  background: rgb(39,51,50);
  background: -moz-linear-gradient(left, rgba(39,51,50,1) 0%, rgba(17,33,32,1) 100%);
  background: -webkit-linear-gradient(left, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%);
  background: linear-gradient(to right, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273332', endColorstr='#112120',GradientType=1 );
}

/* owl-theme */
.owl-theme .owl-nav [class*=owl-]:hover{background:#000000!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#3AC9C5!important}
.tooltipster-default {background:#3AC9C5}
.tooltipster-float {background:#4dc247}
.image-description { position: absolute;left: 0;right:0; bottom: 0; text-align:left; padding:5px 8px;background:rgba(0,0,0,.68);font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* /image-frame */
.image-frame { margin:5px; position: relative; }
.image-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:#000000;}

/* thumbnail-frame */
.thumbnail-frame{ margin:5px; position: relative; overflow: hidden; border-radius: 10px; }
.thumbnail-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;;border:1px solid #eee; content:'';z-index: 0;}
.thumbnail-frame .cover { position: relative; z-index: 1; transform: scale(1.0); transition: all .3s; }
.thumbnail-frame:hover .cover{ transform: scale(1.1); }

/* bx slider */
.bx-wrapper .bx-controls-direction a {background-color:#000000!important;}

/* warpper */
.warpper { background:#FFF; padding:0; margin:auto; }

/* header */
header { padding:20px 0 0 0;}

header .logo img { max-width:100%; max-height:100%;}

header nav{ float: left; }
header nav ul { list-style:none; margin:0; padding:0; }
header nav > ul > li { float: left; position:relative; line-height: 60px; }
header nav > ul > li > a { font-size:16px; display: block; padding: 0 20px; color:#FFF; }
header nav > ul > li > a:hover,header nav > ul > li.active > a { 
  color:#FFF; text-decoration:none;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
header .dropdown .caret{ margin-top: 28px; border-top-color: #FFFFFF !important; }
header .dropdown-menu{ top: 100%; border:0; min-width: 160px; box-shadow: 0 0 10px 10px rgba(0,0,0,0.125); }
header .dropdown-menu a{ font-size: 16px; line-height: 36px; }

header .search-bar { margin:10px 0; }

.page-title { font-size: 36px;background:#F7F7F7; padding:38px 20px; line-height: 150%; }
.pager{ margin-bottom:20px; }

/* footer */
footer { padding:0; background: #273332; color: #E5E5E5; }
footer .copyright { color:#FFFFFF; }
footer .created { color:#808080; }
footer .created a{ color: #808080; }
footer ul{ list-style: none; padding: 0; margin: 0; }
.footer-msg{ border-top: 1px solid #405451; padding: 20px 0; font-size:14px; }
.footer-msg>div>div{ display: inline; margin: 0 5px; }
.footer-main{ padding: 50px 0; }
.footer-info{ font-size:16px; }
.footer-info i{ font-size:18px; width:20px; text-align: center; margin-right: 10px; }
.footer-info a{ color: #E5E5E5; }
.footer-info a:hover{ text-decoration: none; color: #FFF; }
.footer-info li{ margin-bottom: 20px; }
.footer-link{ margin-bottom: 20px; }
.footer-btn-contact{ text-align: center; font-weight:700; display: block; height: 54px; line-height: 54px; background: #FFF; color: #182322; font-size: 24px; border-radius: 54px; }
.footer-btn-contact:hover{ text-decoration: none; }
.footer-social{ text-align: center; }
.footer-social li{ display: inline-block; margin: 0 10px; }
.footer-social a{ border-radius: 100%; display: block; width: 40px; height:40px; text-align: center; line-height: 40px; font-size: 24px; color: #CBCBCB; background:#3C4C4A; }
.footer-social .link-facebook:hover{ background-color: #3B5998; }
.footer-social .link-instagram:hover{ background-color: #E40033; }
.footer-social .link-mail:hover{ background-color: #f3671b; }

/* footer-map */
.footer-map{ border-top:1px solid #ddd; }



/* list style */
.list-layout { margin-left:-10px; margin-right:-10px;}
.list-layout .title { font-size: 18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top: 10px; }
.list-layout .cover { background:#F2F2F2; width:100%}
.list-layout .date { color:#888; display: none; }
.list-layout .details {color:#666}
.list-layout-01 { position:relative; padding-left:75px; min-height: 68px;}
.list-layout-01 .title { font-size: 20px; line-height: 20px; }
.list-layout-01 .date {text-align:center; width:60px; position:absolute; left:0; top:0; padding:10px 0; color:#FFF}
.list-layout-01 .month { font-size:24px; margin-bottom:5px;}
.list-layout-01 .year { font-size:14px;}
.list-layout-06 .title { font-size: 20px; line-height: 20px; }
.list-layout-06 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}
.list-layout-07 .title { font-size: 24px; line-height: 24px; }
.list-layout-07 .title a{ color: #3abec5; }
.list-layout-07 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}
.list-layout-08 .title { font-size: 20px; line-height: 20px; }
.list-layout-08 .date { font-size:14px; color:#888;}
.list-layout-09 .title { font-size: 20px; line-height: 20px; }
.list-layout-09 .date { font-size:14px; color:#888;}
.list-layout-10 .title { font-size: 20px; line-height: 20px; }
.list-layout-10 .date { font-size:14px; color:#888;}
.list-layout-11 .title { font-size: 20px; line-height: 20px; }
.list-layout-11 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1}
/* list style end */

.page-tags{ margin-bottom: 20px;}
.page-tags > span{ font-size:14px; margin-right:5px; margin-bottom:5px;}
.page-tags .tags-lists{ display: inline-block; padding: 0; margin: 0;}
.page-tags .tags-lists li{ display: inline-block; margin-right: 5px;margin-bottom: 5px;}
.page-tags .tags-lists li a{ display: block; padding: 3px 5px; border: 1px solid #EEE; background-color: rgba(229, 229, 229, 0.6); color: #9F9E9C; border-radius: 3px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.page-tags .tags-lists li a:hover{ text-decoration: none; background-color: rgba(229, 229, 229, 1); color: #646464;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border-color: #ddd;}

.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .star-highlights{ color: #F00; }
.form-inline .grid-100 { margin-bottom:10px;}

ul.slideshow { list-style:none; margin:0; padding:0}
a.imgresize { display:block}
.google-maps { height:180px;}

/* go-top */
.go-top{ box-shadow:0 0 10px 10px rgba(0,0,0,0.2); width: 54px; height: 54px; border-radius: 100%; line-height: 54px; text-align: center; position:fixed; bottom:2em; right:20px; background:#FFF; text-decoration:none; color:#3AC9C5; font-size:30px; display:none; filter:Alpha(Opacity=50); opacity:.5; z-index:9999;}
.go-top:hover{color:#3AC9C5;text-decoration:none;filter:Alpha(Opacity=100);opacity:1;}

.search-box { background:#F7F7F7; border:1px solid #DDD;}
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li { border-bottom:1px dashed #DDD; padding:8px 0;}

.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }

div.pull-right-gallery { width:40%; padding-left:20px;}
div.pull-left-gallery { width:40%; padding-right:20px;}

ul.share { list-style:none; margin:20px 0; padding:0; text-align:center;}
ul.share li { display:inline-block;zoom: 1;*display: inline; }
ul.share li a {font-size:18px;color: #b6abaa; display: block; width: 42px; height: 42px; text-align: center; line-height: 42px; border-radius: 5px;background-color:#000000;color: #FFF;}
ul.share li a:hover {filter: Alpha(Opacity=80);opacity: 0.8;}
ul.share li.facebook a {background-color: #3C5A99}
ul.share li.twitter a {background-color: #1da1f2}
ul.share li.googleplus a {background-color: #DB4F43}
ul.share li.weibo a {background-color: #FE484C}

.float_button {position: fixed;right: 30px;top: 80px;}
a.float_wechat,a.float_wechat:hover,a.float_whatsapp,a.float_whatsapp:hover{color:#FFF;display:block;font-size:2em;height:50px;width:50px;text-align:center;line-height:50px;border-radius:50px;box-shadow:0 0 7px rgba(0,0,0,.3);padding:2px;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:100;outline:0;margin-bottom:10px}
a.float_whatsapp {background-color: #4dc247;}
a.float_wechat {background-color: #4dc247;}

.page-tools {color:#888;border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:15px 0;}
.page-tools .page-share { text-align: center; }
.page-tools .page-share ul { list-style: none; margin:0; padding:0; }
.page-tools .page-share li { display:inline-block;zoom: 1;*display: inline; margin-left:8px; }
.page-tools .page-share a,.page-tools .page-share span { cursor: pointer; color: #888; font-size:15px; }
.page-tools .page-share a:hover,.page-tools .page-share span:hover { color: #333; }
.page-tools .page-share span.copy-success { color: #5cb85c }
.page-count {color:#888;text-align: right}

.clipboardbox { padding-bottom: 10px; }
.clipboardbox input { width: 380px; }
.success-tips{display: none;color: #3c763d;background-color: #dff0d8;padding:10px 15px; margin:10px auto;max-width: 150px; border-radius: 4px;border-color: #d6e9c6;}

/* content table display styles */
.enter-content p { line-height: 150%; margin: 5px 0;word-break: break-word !important; font-size:16px; }
.enter-content h1,.enter-content h2,.enter-content h3,.enter-content h4,.enter-content h5,.enter-content h6 {line-height:150%;font-weight:bold; margin:0.5em 0; padding:0}
.enter-content h1{font-size:2em;}
.enter-content h2{font-size:1.5em;}
.enter-content h3{font-size:1.17em;}
.enter-content h4{font-size:1em;}
.enter-content h5{font-size:.83em;}
.enter-content h6{font-size:.67em;}
article.enter-content table { max-width:100%!important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 9px 10px; text-align: left; }

/* header-lang */
.header-lang{ line-height: 90px; color: #808080; }
.header-lang a{ color: #808080; font-size:16px; }
.header-lang a:hover,.header-lang a.active,.header-lang i{ color: #3AC9C5; text-decoration: none; }
.header-lang i{ margin-right: 10px; }
.header-lang span{ margin: 0 10px; }

/* header-menu */
.header-menu{ 
  height: 60px; margin-top:20px;
  background: rgb(58,201,197);
  background: -moz-linear-gradient(left, rgba(58,201,197,1) 0%, rgba(58,179,197,1) 100%);
  background: -webkit-linear-gradient(left, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  background: linear-gradient(to right, rgba(58,201,197,1) 0%,rgba(58,179,197,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ac9c5', endColorstr='#3ab3c5',GradientType=1 );
}

/* header-social */
.header-social { list-style: none; line-height: 60px; margin: 0; padding: 0; float: right; }
.header-social li{ display: inline-block; }
.header-social li+li{ margin-left: 20px; }
.header-social a{ transition: all .3s; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border:1px solid #FFF; border-radius: 100%; color: #FFF; font-size:16px; }
.header-social a:hover{ background: #FFF; color: #3AC9C5; }

/* home-banner*/
.home-banner .owl-theme .owl-nav [class*=owl-]{ top: 50%; margin-top: -32px; position: absolute; font-size:30px; padding: 0; line-height: 65px; width: 36px; height:65px; background: #FFF !important; color: #3AC9C5; }
.home-banner .owl-theme .owl-nav [class*=owl-]:hover{ color: #3AC9C5; }
.home-banner .owl-prev{ left: 0; }
.home-banner .owl-next{ right: 0; }
.home-banner .owl-dots{ position: absolute; bottom: 30px; width: 100%; left: 0; text-align: center; }
.home-banner .owl-theme .owl-dots .owl-dot span{ background: #FFFFFF; }
.home-banner .owl-theme .owl-dots .owl-dot.active span, 
.home-banner .owl-theme .owl-dots .owl-dot:hover span{ background: #3AC9C5 !important; }
.home-banner .owl-theme .owl-nav{ margin: 0; }
.home-banner .main{ position: absolute; top: 0; left: 0; width: 100%; bottom: 0; }
.home-banner .main>div{ height: 100%; }
.home-banner .main-inner{ display: flex; flex-direction: column; align-content: center; justify-content: center; height: 100%; }
.home-banner .title{ font-size:96px; color: #FFF; line-height: 100%; text-shadow: 0 0 20px rgba(0,0,0,0.5); }
.home-banner .btn-area{ margin-top: 40px; }
.home-banner .btn-more{ 
  transition: all .3s; width: 180px; height: 60px; line-height: 60px; border-radius: 60px; color: #FFF; font-size: 24px; border: 0; box-shadow:0 0 10px 10px rgba(0,0,0,0.125);
  background: rgb(223,190,50);
  background: -moz-linear-gradient(left, rgba(223,190,50,1) 0%, rgba(223,145,50,1) 100%);
  background: -webkit-linear-gradient(left, rgba(223,190,50,1) 0%,rgba(223,145,50,1) 100%);
  background: linear-gradient(to right, rgba(223,190,50,1) 0%,rgba(223,145,50,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfbe32', endColorstr='#df9132',GradientType=1 );
}
.home-banner .btn-more:hover{ box-shadow:0 0 10px 10px rgba(0,0,0,0.3); }

/* home-purpose */
.home-purpose{ padding: 80px 0; }
.home-purpose h3{ font-size:36px; color: #3AC9C5; margin-top: 0; }
.home-purpose .content{ color: #4D4D4D; font-size:16px; margin-top: 30px; line-height: 30px; }
.home-purpose .btn-area{ margin-top: 30px; }
.home-purpose .btn-style{ border-radius: 30px; }

/* home-kids-class */
.home-kids-class{ padding: 70px 0; background:url('../img/home-kid-class-bg.jpg') no-repeat center; background-size:cover; }
.home-kids-class .index-title{ text-align: center; font-size: 36px; line-height: 100%; color: #FFF; margin-bottom: 50px; }
.home-kids-class .item{ opacity: .95; display:block; color: #FFF; background-position:center center; background-size:cover; border-radius: 5px; height:120px; }
.home-kids-class .item:hover{ text-decoration: none; opacity:1; }
.home-kids-class .title{ box-sizing: border-box; padding: 5px; height: 100%; font-size:18px; display: flex; flex-direction: column; justify-content: center; align-content: center; }
.home-kids-class .title div{ border: 1px solid #FFF; display: flex; padding:0 15px; height: 100%; border-radius: 5px; flex-direction: column; justify-content: center; align-content: center; }
.home-kids-class .title span{ display: block; white-space: normal; /*text-overflow: ellipsis;*/ overflow: hidden; }
.home-kids-class .owl-stage>.owl-item:nth-child(1n+1) .item{ background-image: url('../img/home-btn-bg01.png'); }
.home-kids-class .owl-stage>.owl-item:nth-child(2n+1) .item{ background-image: url('../img/home-btn-bg02.png'); }
.home-kids-class .owl-stage>.owl-item:nth-child(3n+1) .item{ background-image: url('../img/home-btn-bg03.png'); }
.home-kids-class .owl-stage>.owl-item:nth-child(4n+1) .item{ background-image: url('../img/home-btn-bg04.png'); }
.home-kids-class .more-jumper .item{
  background: rgb(39,51,50) !important;
  background: -moz-linear-gradient(-45deg, rgba(39,51,50,1) 0%, rgba(17,33,32,1) 100%) !important;
  background: -webkit-linear-gradient(-45deg, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%) !important;
  background: linear-gradient(135deg, rgba(39,51,50,1) 0%,rgba(17,33,32,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273332', endColorstr='#112120',GradientType=1 );
 }
.home-kids-class .more-jumper .title div{ border:0 !important; }
.home-kids-class .more-jumper i{ display: inline-block; }


/* home-training */
.home-training{ padding: 70px 0; }
.home-training .index-title{ text-align: center; font-size: 36px; line-height: 100%; color: #3AC9C5; margin-bottom: 50px; }
.home-training .home-more{ margin-top: 50px; }
.home-training .btn-style{ border-radius: 30px; }
.home-training .title{ line-height:30px; margin-top: 15px; }
.home-training .owl-theme .owl-nav [class*=owl-]{ opacity:0.7; padding: 0; font-size:36px; background: #F1F1F1; color: #3AC9C5; position: absolute; top: 50%; margin-top: -54px; text-align: center; line-height: 65px; width: 36px; height: 65px; }
.home-training .owl-theme .owl-nav>div:hover{ opacity: 1; background: #F1F1F1 !important; color: #3AC9C5; }
.home-training .owl-prev{ left: -20px; }
.home-training .owl-next{ right: -20px; }
.home-training .thumbnail-frame:before{ display: none; }
.home-training .thumbnail-frame{ margin: 0; border-radius: 10px; overflow: hidden; }
.home-training .cover{ margin-bottom: 0; }

/* detail-page-slides */
.detail-page-slides .owl-nav [class*=owl-]{ padding: 10px 20px !important; font-size:20px !important; }
.detail-page-slides .owl-nav [class*=owl-]:hover{ background: #3AC9C5 !important; }

/* alerts */
.alert{ position: relative; padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; font-size:16px; }
.alert-warning{ color: #856404; background-color: #fff3cd; border-color: #ffeeba; }


/* margins */
.mt-1{ margin-top: 10px; }
.mt-3{ margin-top: 30px; }
.mb-6{ margin-bottom: 60px; }

/* booking */
.booking-title{ text-align: center; font-size:20px; font-weight:700; color:#3AC9C5; }

/* page-release */
.page-release{ display: none; }




/* small screen */
@media only screen and (max-width:1169px){

  /* header */
  header nav > ul > li > a { font-size:14px; padding: 0 15px; }
  header .dropdown-menu a{ font-size: 14px; line-height: 30px; }
  header>.grid-container , .header-menu .grid-container{ padding: 0 10px; }
  
  /* header-social */
  .header-social li+li{ margin-left:10px; }

  /* home-banner */
  .home-banner .title{ font-size:60px; }
  .home-banner .btn-area{ margin-top: 20px; }
  .home-banner .btn-more{ width: 140px; height: 44px; border-radius: 44px; line-height: 44px; font-size: 18px; }
  .home-banner .owl-dots{ bottom: 10px; }
  .home-banner .grid-container{ padding: 0 5%; }

  /* home-purpose */
  .home-purpose h3{ margin-top: 0; }
  .home-purpose .content{ margin-top: 15px; line-height: 24px; }
  .home-purpose .btn-area{ margin-top: 15px; }

  /* home-kids-class */
  .home-kids-class .list-layout{ margin: 0 10px; }

  /* home-training */
  .home-training .list-layout{ margin: 0 10px; }
  .home-training .owl-prev{ left: 0; }
  .home-training .owl-next{ right: 0; }

}



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

  /* content */
  #content{ padding: 0 15px; }

  /* hidden */
  .hidden-desktop{display: block !important;}
  .hidden-phone{display: none !important;}

  /* text */
  .text-left,.text-right{ text-align:center; }

  /* grid */
  .grid-parent-left { padding-left:10px }
  .grid-parent-right { padding-right:10px }

  /* enter-content */
  .enter-content img{ max-width:100% !important;height:auto !important} /*for img set style width and height unable responsive*/
  .enter-content table { margin-bottom: 0; }
  .enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
  .enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
  .enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }

  /* page-title */
  .page-title { font-size: 28px; }

  /* share */
  ul.share li a { font-size:14px; }

  /* form */
  .form-inline .grid-50 { margin-bottom:10px; }

  /* maps */
  .google-maps { height:120px; }

  /* list-layout */
  .list-layout-01 { padding-left:60px; }
  .list-layout-01 .date { width:50px; padding:8px 0; }

  /* gallery */
  div.pull-right-gallery { width:100%;}

  /* float_button */
  .float_button { position: fixed; right: 30px; top: 40%; }

  /* page-tools */
  .page-tools .page-release { margin-bottom: 8px }
  .page-tools .page-share { text-align: left; }
  .page-tools .page-share li { margin-left:0; margin-right:5px; }
  .page-count { text-align:left; margin-bottom:20px; }

  /* clipboardbox */
  .clipboardbox input { width: 120px; }

  /* warpper */
  .warpper { padding:0; }

  /* header */
  header{ padding: 0; border-bottom: 1px solid #e6e6e6; }
  header .search-bar { margin-bottom:0; }

  /* header-menu */
  .header-menu { display: none; }

  /* header-lang */
  .header-lang{ line-height: 44px; }

  /* logo */
  .logo img{ max-width:60% !important; }

  /* home-banner */
  .home-banner .title{ font-size:30px; }

  /* home-purpose */
  .home-purpose{ padding: 40px 0; text-align: center; }
  .home-purpose h3{ margin-top: 0; }
  .home-purpose .btn-area{ margin-bottom: 30px; }

  /* home-kids-class */
  .home-kids-class .grid-parent>div+div{ margin-top: 20px; }

  /* footer-link */
  .footer-link{ margin-top: 30px; }

  /* footer-social */
  .footer-social{ margin-bottom: 30px; }

  /* footer-msg */
  .footer-msg>div>div{ display: block; margin: 0 5px; }

  /* go-top */
  .go-top{ right: 10px; }

}