/* Please keep this css at the last of all css/scss */
/*arrow(line/triangle) & icon(check, cross, plus...) by css :before & :after */
@import url(css_icons.css);

html{font-size: 16px;}
html[lang=en-GB]{font-size: 14px;}

body{
	background-color:transparent;
	padding:0;
	margin:0;
	font-family: Helvetica,Arial,"Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体',simsun, sans-serif;
	font-size: 1rem;
	color:#7b7b7b;
	line-height: 1.8em; 
	letter-spacing:0;
}
html[lang=en-GB] body{font-family: Helvetica, Arial, "Microsoft JhengHei","微軟正黑體","Microsoft YaHei","微软雅黑体",PMingLiU,"新細明體",'宋体', simsun, sans-serif;}

html, body{transition:0.5s background-color, 0.5s color;
	-webkit-transition:0.5s background-color, 0.5s color;
	-moz-transition:0.5s background-color, 0.5s color;
	-o-transition:0.5s background-color, 0.5s color;
	-ms-transition:0.5s background-color, 0.5s color;}

body>*{z-index: 1; position: relative}
body.lock, body.mfp-zoom-out-cur{ overflow: hidden; }

a, a>img, .btn, button, .trans-effect, .hover-effect,  .trans-effect a, .hover-effect a, .trans-effect img, .hover-effect img{
 transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

a{color: inherit;} /*a:focus, a:hover*/
/* by richard  a,a:focus, a:hover{text-decoration: none; color:inherit;} */
a,a:focus, a:hover{text-decoration: none; color:#2196f3;}



h1,h2,h3,h4,h5,h6{
	margin:0;
	padding: 0;
	font-weight:inherit;
	line-height: 1.25em;
 transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color: inherit;
	font-family: "Microsoft YaHei","Microsoft JhengHei",PMingLiU,simsun,Helvetica, Arial,sans-serif;
}
.h1, h1{ font-size: 2em; margin-bottom: 0.5em}
.h2, h2{ font-size: 1.5em; margin-bottom: 0.5em}
.h3, h3{ font-size: 1.2em;  margin-bottom: 0.5em}
.h4, h4{ font-size: 1.1em; margin-bottom: 0.5em}
.h5, h5{ font-size: 1em;margin-bottom: 0.5em}
.h6, h6{ font-size: 1em; margin-bottom: 0}

p{margin:0 auto; text-align: justify;}
html[lang=en-GB] p{text-align: left;}

blockquote{border-left: none; margin: 0; font-size: 1rem; line-height: 1.25em;}

input::placeholder, .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: inherit;
 /*opacity: 1;*/ /* Firefox */
	opacity: 0.6;
}

input:-ms-input-placeholder, .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: inherit;
	opacity: 0.6;
}

input::-ms-input-placeholder, .form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: inherit;
	opacity: 0.6;
}

input, textarea, button, .form-control{
	transition:0.5s background-color, 0.5s color;
	-webkit-transition:0.5s background-color, 0.5s color;
	-moz-transition:0.5s background-color, 0.5s color;
	-o-transition:0.5s background-color, 0.5s color;
	-ms-transition:0.5s background-color, 0.5s color;
}

.video-responsive{max-width: 100% !important;}

.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.container{width:96%;max-width:1170px;margin:auto;}
.container-lg{width:96%; max-width: none; margin:auto;}
.container-md{width:96%;max-width:962px;margin:auto;}
.container-sm{width:96%;max-width:768px;margin:auto;}

.container .container, .container-lg .container, .container-md .container, .container-sm .container, .container-xs .container,
.container .container-lg ,.container .container-md ,.container .container-sm ,.container .container-xs{width: auto;}

.row-flex, .d-flex{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row-flex{ margin-right: -15px; margin-left: -15px;}

.row-flex>* {
	-ms-flex: 1 0 auto;
 flex: 1 0 auto;
	max-width: 100%;
	float: none;
}
.row-flex.none-grow-items>* {
	-ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
	 /*-ms-flex-preferred-size: 0;
  flex-basis: 0;*/
}

.row-flex>.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	padding-left: 15px; padding-right: 15px;
}

.row-flex>*>div.row{height: auto !important;}

.row.row-flex:before, .row.row-flex:after{content: none;}

.d-flex{display: -ms-flexbox; display: flex;}
.d-flex>*{flex:1 1 auto; position: relative}

.grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-sm-1, .grid-sm-2, .grid-sm-3, .grid-sm-4, .grid-sm-5, .grid-sm-6, .grid-sm-7, .grid-sm-8, .grid-sm-9, .grid-sm-10,.grid-xs-1, .grid-xs-2, .grid-xs-3, .grid-xs-4, .grid-xs-5, .grid-xs-6, .grid-xs-7, .grid-xs-8, .grid-xs-9, .grid-xs-10,.grid-lg-1, .grid-lg-2, .grid-lg-3, .grid-lg-4, .grid-lg-5, .grid-lg-6, .grid-lg-7, .grid-lg-8, .grid-lg-9, .grid-lg-10{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.grid-md-1, .grid-md-2, .grid-md-3, .grid-md-4, .grid-md-5, .grid-md-6, .grid-md-7, .grid-md-8, .grid-md-9, .grid-md-10, .grid-lg-1, .grid-lg-2, .grid-lg-3, .grid-lg-4, .grid-lg-5, .grid-lg-6, .grid-lg-7, .grid-lg-8, .grid-lg-9, .grid-lg-10{margin-left: -15px; margin-right: -15px;}
.grid-md-1>*, .grid-md-2>*, .grid-md-3>*, .grid-md-4>*, .grid-md-5>*, .grid-md-6>*, .grid-md-7>*, .grid-md-8>*, .grid-md-9>*, .grid-md-10>*, .grid-lg-1>*, .grid-lg-2>*, .grid-lg-3>*, .grid-lg-4>*, .grid-lg-5>*, .grid-lg-6>*, .grid-lg-7>*, .grid-lg-8>*, .grid-lg-9>*, .grid-lg-10>*{ padding: 15px;}

.grid-md-1{margin-left: 0; margin-right: 0;}
.grid-md-1{padding: 0 0 15px;}

.grid-md-1>*{-ms-flex:0 0 100%; flex:0 0 100%; }
.grid-md-2>*{-ms-flex:0 0 50%; flex:0 0 50%; }
.grid-md-3>*{-ms-flex:0 0 33.333%; flex:0 0 33.333%; }
.grid-md-4>*{-ms-flex:0 0 25%; flex:0 0 25%; }
.grid-md-5>*{-ms-flex:0 0 20%; flex:0 0 20%; }
.grid-md-6>*{-ms-flex:0 0 16.666%; flex:0 0 16.666%; }
.grid-md-7>*{-ms-flex:0 0 14.285%; flex:0 0 14.285%; }
.grid-md-8>*{-ms-flex:0 0 12.5%; flex:0 0 12.5%; }
.grid-md-9>*{-ms-flex:0 0 11.111%; flex:0 0 11.111%; }
.grid-md-10>*{-ms-flex:0 0 10%; flex:0 0 10%; }


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>*{ /*.no-gutters > .col, .no-gutters > [class*="col-"] */
  padding-right: 0;
  padding-left: 0;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}


.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.flex-left{
	-ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.flex-right{
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.flex-center{
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.flex-between{
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.flex-around{
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.flex-top{
	-ms-flex-align: start !important;
 align-items: flex-start !important;
	-ms-flex-line-pack: start !important;
 align-content: flex-start !important;
}

.flex-bottom{
	-ms-flex-align: end !important;
  align-items: flex-end !important;
	-ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.flex-middle{
	-ms-flex-align: center !important;
  align-items: center !important;
	-ms-flex-line-pack: center !important;
  align-content: center !important;
}

.flex-stretch {
	-ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.flex-center>*, .flex-middle>*{-ms-flex-positive: 0; flex-grow:0;}

.row-flex>.pull-left, .row-flex>.float-left, .d-flex>.pull-left, .d-flex>.float-left{-ms-flex-order: 0;order:0; margin-right: auto !important}
.row-flex>.pull-right, .row-flex>.float-right, .d-flex>.pull-right, .d-flex>.float-right{-ms-flex-order: 9999; order:9999; margin-left: auto !important}

.form-control[readonly]{background-color: transparent; border-width: 0 0 1px; outline: none !important;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.form-control[readonly]:focus, .form-control[readonly]:active, .form-control[readonly]:active:focus{box-shadow: none; border-color:#ddd; color:#555;}

.form-horizontal .form-group{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -15px;}
.form-horizontal .form-group>label{-ms-flex:0 0 auto; flex:0 0 auto; min-width: 120px; padding: 0 15px;}
.form-horizontal .form-group>.form-control{-ms-flex:1 1 auto; flex:1 1 auto; max-width: 100%;}

.form-group.form-group-hoz{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.form-group.form-group-hoz>label{-ms-flex:0 0 auto; flex:0 0 auto; min-width: 120px; padding: 0 15px 0 0;}
.form-group.form-group-hoz>.form-control{-ms-flex:1 1 auto; flex:1 1 auto; max-width: 100%;}

.input-group{height: 34px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
	-ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.input-group .form-control, .input-group-addon, .input-group-btn{display:block; float: none}
.input-group>*{-ms-flex:1 1 auto; flex:1 1 auto; max-width: 100%;}
.input-group>*:last-child{border-radius: 0 4px 4px 0;}
.input-group-lg{height: 44px;}
.input-group-sm{height: 34px;}
.input-group-xs{height: 24px;}

.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{height: auto;}

.input-group-block{ display: -ms-flexbox; display: flex;}

/*Check box*/
input[type=checkbox], input[type=radio]{
	display:inline-block;
	position: relative;
	width: 1px;
	height: 1px;
	margin: 0 -1px 0 0;
	z-index: 0;
	opacity: 0;
	outline: none;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
input[type=checkbox]+*, input[type=radio]+*{position: relative; z-index: 1; margin-bottom: 0; cursor: pointer;}
input[type=checkbox]+*:before{
    /*content: "\f00c";*/
    /*font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-size: 0.4em; padding: 0.2em;*/
				content: "\002714"; display:inline-block; width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; margin-right:0.25em; 
    color: #FFF;
				background-color: #FFF; border: 1px #7b7b7b solid; border-radius: 2px;
    visibility: visible;
    cursor: pointer;
}
input[type=checkbox]:checked+*:before {
    background-color: #4266dc; border-color: #4266dc;
}
input[type=checkbox]:disabled+*:before{background-color:#CCC; color:#CCC}
input[type=checkbox]:checked:disabled+*:before{color:#666; background-color:#CCC;border-color:#7b7b7b}

input[type=radio]+*:before{
	content: "\002B24"; display:inline-block; width: 1.2em; height: 1.2em; line-height:1.1em; border-radius: 50%; text-align: center; margin-right:0.25em;
	color: #FFF; background-color: #FFF; border: 1px #7b7b7b solid;visibility: visible; cursor: pointer;
}
input[type=radio]:checked+*:before {
    color: #4266dc;
}
input[type=radio]:disabled+*:before{background-color:#CCC; color:#CCC}
input[type=radio]:checked:disabled+*:before{color:#666; background-color:#CCC;}

.btn{font-size: 0.9rem;}
.btn-lg{font-size: 1rem;}
.btn-sm, .btn-xs{font-size: 0.8rem;}
.btn-w{padding-left: 4em; padding-right: 4em;}
.btn-r{border-radius: 2rem;}
/*.btn+.btn{margin-left: 0.5rem;}*/
.btn-normal{ background-color: #FFF; color:#1ca5ad; border-color: #1ca5ad;}
.btn-normal:hover, .btn-normal:focus, .btn-normal:hover:focus, .btn-normal.active{ color:#fff; background-color: #008ed1; border-color: #008ed1;}
/*.btn-primary{ background-color: #005e91; border-color: #005e91;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:hover:focus, .btn-primary.active{ background-color: #008ed1; border-color: #008ed1;}*/
.btn-secondary{background-color: #f6921e; border-color: #f6921e; color:#FFF;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:hover:focus, .btn-secondary.active{ background-color: #F93; border-color: #F93;color:#FFF;}
.btn-ghost{ background: none; border: 1px #fff solid; color:#fff; opacity:0.7;}
.btn-ghost:hover, .btn.btn-ghost:focus, .btn.btn-ghost:active{border: 1px #fff solid; color:#fff; opacity:1; }
.table{display:table; border-collapse: collapse;}
.table>.row, .table>.list-group-item__row{display:table-row; margin-left: auto; margin-right: auto;}
.table>.row:before, .table>.row:after, .table>.list-group-item__row:before, .table>.list-group-item__row:after{ display:none;}
.table>.row>div, .table>.list-group-item__row>div{display:table-cell; vertical-align: middle; float: none; padding: 8px; line-height: 1.42857143; border-top: 1px solid #ddd; }

.table-bordered>.row>div, .table-bordered>.list-group-item__row>div{
	    border: 1px solid #ddd;
}
.table-striped>.row:nth-of-type(odd), .table-striped>.list-group-item__row:nth-of-type(odd){background-color: #f9f9f9;}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background: #e7f7ff;}

.pagination{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0 !important; margin: 2em auto}
.pagination>*{float: none; -ms-flex: 0 0 0; flex: 0 0 0; padding-left: 0 !important;}
.pagination, .pagination li, .pagination a{font-size: 14px;}
.pagination .fa{font-size: 20px;}
.pagination li:before{content: none !important}

.img-responsive{margin: auto;}
img.pull-left, img.float-left{margin-left: 0}
img.pull-right, img.float-right{margin-right: 0}
.img-full{diplay:block; width:100%; margin: auto;}

/*Youtube responsive*/
.youtube-video-wrapper{
    width: 100%;
				 /*Youtube Video Scale = 1280/720 = 0.5625 = 56.25%*/
    padding-top: 56.25%;
    position: relative
}
.youtube-video-wrapper>iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.youtube-thumb{position: relative; overflow: hidden;}
.youtube-thumb:before{content: ""; display:block; width: 100%; padding-top:56.25%; }
.youtube-thumb img{position: absolute; width: 100%; height: auto; top:0; right:0; bottom: 0; left:0; margin: auto;}

.item-thumb{overflow: hidden;}

.img-full-center{ position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(1) translateX(-50%) translateY(-50%);
    transform: scale(1) translateX(-50%) translateY(-50%);
    transition: 0.35s all;
    -webkit-transition: 0.35s all;
    -moz-transition: 0.35s all;
    -o-transition: 0.35s all;
    -ms-transition: 0.35s all;}

/* For item thumb */
.item-thumb{ position: relative; overflow: hidden; width: 100%;}
.item-thumb::before{background-color: #eee;}
.item-thumb .img-caption{display:inline-block; font-size: 0.875rem; line-height: 1.1em; color: #999; font-style: italic;}

/*image position*/
.items-image-left .item, .items-image-right .item, .items-image-left.item, .items-image-right.item{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.items-image-left .item-thumb{-ms-flex:0 0 auto; flex:0 0 auto; margin-right: 10px; order: -2; width: 25%;}
.items-image-left .item-intro{-ms-flex:1 1 auto; flex:1 1 auto; order: -1; padding-left: 15px; padding-right: 15px;}
.items-image-right .item-thumb{-ms-flex:0 0 auto; flex:0 0 auto; margin-left: 10px; order: 2; width: 25%;}
.items-image-right .item-intro{-ms-flex:1 1 auto; flex:1 1 auto; order: -2; }

.items-image-top .item, .items-image-bottom .item, .items-image-top.item, .items-image-bottom.item{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column;}
.items-image-top .item-thumb{-ms-flex:0 0 auto; flex:0 0 auto; margin-bottom: 10px; order: -2; width: 100%;}
.items-image-top .item-intro{-ms-flex:1 1 auto; flex:1 1 auto; order: -1;}
.items-image-bottom .item-thumb{-ms-flex:0 0 auto; flex:0 0 auto; margin-top: 10px; order: -1; width: 100%;}
.items-image-bottom .item-intro{-ms-flex:1 1 auto; flex:1 1 auto; order: -2;}

.items-image-zigzag .item{display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.items-image-zigzag .item-thumb{-ms-flex:0 0 auto; flex:0 0 auto;  width: 25%;}
.items-image-zigzag .col:nth-child(odd) .item .item-thumb{margin-left: 10px; order: -1;}
.items-image-zigzag .col:nth-child(even) .item .item-thumb{ margin-right: 10px; order: -2;}
.items-image-zigzag .item-intro{-ms-flex:1 1 auto; flex:1 1 auto; padding-left: 15px; padding-right: 15px;}
.items-image-zigzag .col:nth-child(odd) .item .item-intro{ order: -2;}
.items-image-zigzag .col:nth-child(even) .item .item-intro{ order: -1;}

/*image size*/
.item-image-0 .item-thumb, .items-image-0 .item-thumb{width: 0%;}
.item-image-10 .item-thumb, .items-image-10 .item-thumb{width: 10%;}
.item-image-15 .item-thumb, .items-image-15 .item-thumb{width: 33.33%;}
.item-image-20 .item-thumb, .items-image-20 .item-thumb{width: 20%;}
.item-image-25 .item-thumb, .items-image-25 .item-thumb{width: 25%;}
.item-image-30 .item-thumb, .items-image-30 .item-thumb{width: 30%;}
.item-image-33 .item-thumb, .items-image-33 .item-thumb{width: 33.33%;}
.item-image-40 .item-thumb, .items-image-40 .item-thumb{width: 40%;}
.item-image-50 .item-thumb, .items-image-50 .item-thumb{width: 50%;}
.item-image-60 .item-thumb, .items-image-60 .item-thumb{width: 60%;}
.item-image-66 .item-thumb, .items-image-66 .item-thumb{width: 66.66%;}
.item-image-70 .item-thumb, .items-image-70 .item-thumb{width: 70%;}
.item-image-75 .item-thumb, .items-image-75 .item-thumb{width: 75%;}
.item-image-80 .item-thumb, .items-image-80 .item-thumb{width: 80%;}
.item-image-90 .item-thumb, .items-image-90 .item-thumb{width: 90%;}
.item-image-100 .item-thumb, .items-image-100 .item-thumb{width: 100%;}

/*image scale*/
.items-image-scale-1to1 .item-thumb::before, .items-image-scale-3to2 .item-thumb::before, .items-image-scale-4to3 .item-thumb::before, .items-image-scale-2to1 .item-thumb::before, .items-image-scale-16to9 .item-thumb::before, .items-image-scale-16to10 .item-thumb::before, .items-image-scale-19to10 .item-thumb::before, .items-image-series-a-horz .item-thumb::before, .items-image-series-b-horz .item-thumb::before, .items-image-series-c-horz .item-thumb::before, .items-image-scale-2to3 .item-thumb::before, .items-image-scale-3to4 .item-thumb::before, .items-image-scale-1to2 .item-thumb::before, .items-image-scale-9to16 .item-thumb::before, .items-image-scale-10to16 .item-thumb::before, .items-image-scale-4to5 .item-thumb::before, .items-image-series-a-vert .item-thumb::before, .items-image-series-b-vert .item-thumb::before, .items-image-series-c-vert .item-thumb::before{ content: ""; display:block; width: 100%; z-index: 0; position: relative; top:0;right:0;bottom:0; left:0; margin: 0;}
.items-image-scale-1to1 .item-thumb>a, .items-image-scale-3to2 .item-thumb>a, .items-image-scale-4to3 .item-thumb>a, .items-image-scale-2to1 .item-thumb>a, .items-image-scale-16to9 .item-thumb>a, .items-image-scale-16to10 .item-thumb>a, .items-image-scale-19to10 .item-thumb>a, .items-image-series-a-horz .item-thumb>a, .items-image-series-b-horz .item-thumb>a, .items-image-series-c-horz .item-thumb>a, .items-image-scale-2to3 .item-thumb>a, .items-image-scale-3to4 .item-thumb>a, .items-image-scale-1to2 .item-thumb>a, .items-image-scale-9to16 .item-thumb>a, .items-image-scale-10to16 .item-thumb>a, .items-image-scale-4to5 .item-thumb>a, .items-image-series-a-vert .item-thumb>a, .items-image-series-b-vert .item-thumb>a, .items-image-series-c-vert .item-thumb>a{position: absolute; margin: 0; top:0; right:0; bottom:0; left:0;}

.items-image-scale-1to1 .item-thumb img, .items-image-scale-3to2 .item-thumb img, .items-image-scale-4to3 .item-thumb img, .items-image-scale-2to1 .item-thumb img, .items-image-scale-16to9 .item-thumb img, .items-image-scale-16to10 .item-thumb img, .items-image-scale-19to10 .item-thumb img, .items-image-series-a-horz .item-thumb img, .items-image-series-b-horz .item-thumb img, .items-image-series-c-horz .item-thumb img, .items-image-scale-2to3 .item-thumb img, .items-image-scale-3to4 .item-thumb img, .items-image-scale-1to2 .item-thumb img, .items-image-scale-9to16 .item-thumb img, .items-image-scale-10to16 .item-thumb img, .items-image-scale-4to5 .item-thumb img, .items-image-series-a-vert .item-thumb img, .items-image-series-b-vert .item-thumb img, .items-image-series-c-vert .item-thumb img{ position: absolute; margin: auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; max-width: 100%; z-index: 1}

.items-image-scale-1to1 .item-thumb::before, .items-image-circle .item-thumb::before{width: 100%; padding-top: 100%;}
.items-image-scale-3to2 .item-thumb::before{padding-top: 66.66%;} /*4R Photo*/
.items-image-scale-4to3 .item-thumb::before{padding-top: 75%;} /*Classic 4:3 screen*/
.items-image-scale-2to1 .item-thumb::before{padding-top: 50%;}
.items-image-scale-16to9 .item-thumb::before{padding-top: 56.25%;} /*16:9*/
.items-image-scale-16to10 .item-thumb::before{padding-top: 62.5%;}
.items-image-scale-19to10 .item-thumb::before{padding-top: 52.35%;}	/*Instagram photo 1.91:1*/
.items-image-series-a-horz .item-thumb::before{padding-top: 70.70%} /*A4*/
.items-image-series-b-horz .item-thumb::before{padding-top: 70.72%} /*B4*/
.items-image-series-c-horz .item-thumb::before{padding-top: 70%} /*C4*//*3R Photo*/

/*vertical image*/
.items-image-scale-2to3 .item-thumb::before{padding-top: 150%;} /*4R Photo*/
.items-image-scale-3to4 .item-thumb::before{padding-top: 133.33%;} /*Classic 4:3 screen*/
.items-image-scale-1to2 .item-thumb::before{padding-top: 200%;}
.items-image-scale-9to16 .item-thumb::before{padding-top: 177.78%;}
.items-image-scale-10to16 .item-thumb::before{padding-top: 160%;}
.items-image-scale-4to5 .item-thumb::before{padding-top: 125%;}	/*Instagram photo 4:5*/
.items-image-series-a-vert .item-thumb::before{padding-top: 141.42%} /*A4*/
.items-image-series-b-vert .item-thumb::before{padding-top: 141.4%} /*B4*/
.items-image-series-c-vert .item-thumb::before{padding-top: 142.85%} /*C4*//*3R Photo*/

/*image full element*/
/*for old tmpl*/
.items-image-scale-fit .item{
	display:-ms-flex; display: flex;-ms-flex-wrap: wrap; flex-wrap: wrap;
	-ms-flex-align: stretch !important;
  align-items: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.items-image-scale-fit .item-thumb{ -ms-flex: 0 0 auto; flex: 0 0 auto; display:flex; align-items: center; justify-content: center; min-height: 20rem}
.items-image-scale-fit .item-thumb::before{content: none;}
.items-image-scale-fit .item-thumb>a, .items-image-scale-fit .item-thumb>img{ flex: 1 1 auto; display: block; position: absolute; top:auto; right:auto; bottom:auto; left: auto; margin: auto; }
.items-image-scale-fit .item-thumb img{ height: 100%; width: auto !important; max-width: none;}
.items-image-scale-fit .item-thumb img.img-vert{width: 100% !important; max-width: 100%; height: auto;}

/*.items-image-scale-fit .item-thumb a{ position: absolute; top:0; right:0; bottom:0; left:0; margin: auto;}*/
/*.items-image-scale-fit .item-thumb img{ position: absolute; margin: auto; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; max-width: 100%; z-index: 1;}*/

/*new in 2021-01-26 : default is full image now */
/*case1 : box in vert & image in horz : image fit height*/
.items-image-scale-1to1 .item-thumb img,
.items-image-scale-2to3 .item-thumb img,
.items-image-scale-3to4 .item-thumb img,
.items-image-scale-1to2 .item-thumb img,
.items-image-scale-9to16 .item-thumb img,
.items-image-scale-10to16 .item-thumb img,
.items-image-scale-4to5 .item-thumb img,
.items-image-series-a-vert .item-thumb img,
.items-image-series-b-vert .item-thumb img,
.items-image-series-c-vert .item-thumb img{ height: 100%; width: auto !important; max-width:none !important;}

/*case2 : box in horz & image in horz : image fit width*/
.items-image-scale-3to2 .item-thumb img,
.items-image-scale-4to3 .item-thumb img,
.items-image-scale-2to1 .item-thumb img,
.items-image-scale-16to9 .item-thumb img,
.items-image-scale-16to10 .item-thumb img,
.items-image-scale-19to10 .item-thumb img,
.items-image-series-a-horz .item-thumb img,
.items-image-series-b-horz .item-thumb img,
.items-image-series-c-horz .item-thumb img{ height: 100%;  width: auto !important; max-width: none !important;}
/*{width: 100% !important; max-width: 100% !important; height: auto;}*/

/*case3 : box in vert & image in vert : image fit width*/
.items-image-scale-1to1 .item-thumb img.img-vert,
.items-image-scale-2to3 .item-thumb img.img-vert,
.items-image-scale-3to4 .item-thumb img.img-vert,
.items-image-scale-1to2 .item-thumb img.img-vert,
.items-image-scale-9to16 .item-thumb img.img-vert,
.items-image-scale-10to16 .item-thumb img.img-vert,
.items-image-scale-4to5 .item-thumb img.img-vert,
.items-image-series-a-vert .item-thumb img.img-vert,
.items-image-series-b-vert .item-thumb img.img-vert,
.items-image-series-c-vert .item-thumb img.img-vert {width: 100% !important; max-width: 100% !important; height: auto;}

/*case4 : box in horz & image in vert : image fit width*/
.items-image-scale-3to2 .item-thumb img.img-vert,
.items-image-scale-4to3 .item-thumb img.img-vert,
.items-image-scale-2to1 .item-thumb img.img-vert,
.items-image-scale-16to9 .item-thumb img.img-vert,
.items-image-scale-16to10 .item-thumb img.img-vert,
.items-image-scale-19to10 .item-thumb img.img-vert,
.items-image-series-a-horz .item-thumb img.img-vert,
.items-image-series-b-horz .item-thumb img.img-vert,
.items-image-series-c-horz .item-thumb img.img-vert{width: 100% !important; max-width: 100% !important; height: auto;}

/*auto scale*/
/*new in 2021-01-26 : default scale is "auto" now */
.items-image-scale-auto .item-thumb img{width: auto!important; max-width: 100%; height: auto !important;}
.items-image-scale-auto .item-thumb::before{ content: none;}
.items-image-scale-auto .item-thumb a, .items-image-scale-auto .item-thumb img{ display: block; position: relative; top:auto; right:auto; bottom:auto; left: auto;}

/*sample for new scale*/
.items-image-scale-21to9 .item-thumb::before{ content: ""; display:block; width: 100%; z-index: 0; background-color: #eee; position: relative; top:0;right:0;bottom:0; left:0; margin: 0; padding-top: 42.85%;} /*21:9*/
.items-image-scale-21to9 .item-thumb>a{position: absolute; margin: 0; top:0; right:0; bottom:0; left:0;}
.items-image-scale-21to9 .item-thumb img{ position: absolute; margin: auto; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; max-width: 100%; z-index: 1}


.item-cover .item-intro{position: absolute; top:auto; right:0; bottom:0; left:0; padding: 1em; background-color: rgba(0,0,0,0.5); color:#FFF;}
.item-cover.cover-white .item-intro{ background-color: rgba(255,255,255,0.9); color:inherit;}
.item-cover.cover-white .item-title{font-size: 1.5em; font-weight: bold}
.item-cover.cover-white .item-subtitle{font-weight: bold}

.item-intro>div{position:relative;}
.item-footer{order: 4}

.item-hover-cover{}
.item-hover-cover.cover-up .item{position: relative; overflow: hidden;}
.item-hover-cover.cover-up .item-thumb{position: relative; z-index: 0; margin-bottom: 0;}
.item-hover-cover.cover-up .item-intro{position: absolute; top:100%; right:0; bottom:0; left:0; margin-top: -3em; background-color: rgba(0,0,0,0.5); color:#FFF; padding: 1em;
	transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-webkit-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-moz-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-o-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-ms-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
}
.item-hover-cover.cover-up .item:hover .item-intro{top:0; margin-top: 0 !important;}

/*.img-parallax .item-thumb::before{ content:none;}*/
.img-parallax .item-thumb img{top:auto; right:auto !important; bottom:auto !important; left:auto}

/*animation speed for animate.css*/
.animated.fastest {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}
.animated.slowest {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

svg{max-width: 100%; max-height: 100%;}
/*svg.color-svg path{fill: currentColor;}*/
svg.color-svg *{fill: currentColor;}

.icon-size10{width: 10px; height: 10px;}
.icon-size12{width: 12px; height: 12px;}
.icon-size14{width: 14px; height: 14px;}
.icon-size16{width: 16px; height: 16px;}
.icon-size18{width: 18px; height: 18px;}
.icon-size20{width: 20px; height: 20px;}
.icon-size24{width: 24px; height: 24px;}
.icon-size32{width: 32px; height: 32px;}
.icon-size36{width: 36px; height: 36px;}
.icon-size40{width: 48px; height: 40px;}
.icon-size48{width: 48px; height: 48px;}
.icon-size56{width: 56px; height: 56px;}
.icon-size64{width: 64px; height: 64px;}
.icon-size72{width: 72px; height: 72px;}
.icon-size96{width: 96px; height: 96px;}

.icon-textsize05{width: 0.5em; height: 0.5em;}
.icon-textsize08{width: 0.8em; height: 0.8em;}
.icon-textsize09{width: 0.9em; height: 0.9em;}
.icon-textsize10{width: 1em; height: 1em;}
.icon-textsize12{width: 1.2em; height: 1.2em;}
.icon-textsize15{width: 1.5em; height: 1.5em;}
.icon-textsize20{width: 2em; height: 2em;}
.icon-textsize25{width: 2.5em; height: 2.5em;}
.icon-textsize30{width: 3em; height: 3em;}
.icon-textsize40{width: 4em; height: 4em;}
.icon-textsize50{width: 5em; height: 5em;}

.bg-repeat{background-repeat: repeat;}
.bg-repeat-x{background-repeat: repeat-x; background-size: auto 100%}
.bg-repeat-y{background-repeat: repeat-y; background-size: 100% auto;}
.bg-center{background-repeat: no-repeat; background-position: center center;}
.bg-top{background-repeat: no-repeat; background-position: top center;}
.bg-top-fixed{background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
.bg-bottom{background-repeat: no-repeat; background-position: bottom center;}
.bg-bottom-fixed{background-repeat: no-repeat; background-position: bottom center; background-attachment: fixed;}
.bg-cover{background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 100% auto;}
.bg-contain{background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.bg-full{background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 100% 100%;}

.p-0{padding: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pl-0{padding-right: 0 !important;}
.px-0{padding-left: 0 !important; padding-right: 0 !important;}
.py-0{padding-top: 0 !important; padding-bottom: 0 !important}

/*.padding-huge{ padding: 120px; }*/
.padding-huge, .padding-huge-vert{padding-top: 120px; padding-bottom: 120px}
.padding-huge-horz{padding-left: 120px; padding-right: 120px;}
/*.padding-large{ padding: 60px; }*/
.padding-large, .padding-large-vert{padding-top: 60px; padding-bottom: 60px}
.padding-large-horz{padding-left: 60px; padding-right: 60px;}
/*.padding-mid{ padding: 30px; }*/
.padding-medium, .padding-medium-vert{padding-top: 30px; padding-bottom: 30px;}
.padding-medium-horz{padding-left: 30px; padding-right: 30px;}
/*.padding-small{ padding: 15px; }*/
.padding-small, .padding-small-vert{padding-top: 15px; padding-bottom: 15px;}
.padding-small-horz{padding-left: 150px; padding-right: 15px;}
/*.padding-tiny{ padding: 5px; }*/
.padding-tiny, .padding-tiny-vert{padding-top: 5px; padding-bottom: 5px;}
.padding-tiny-horz{padding-left: 5px; padding-right: 5px;}
/*.padding-zero{ padding: 0; }*/
.padding-zero, .padding-zero-vert{padding-top: 0; padding-bottom: 0;}
.padding-zero-horz{padding-left: 0; padding-right: 0;}


/*.fullpage{position: absolute; top:0; right:0; bottom:0; left:0;}*/

.outer-wrapper-full-width, .page-wrapper-full-width, .wrapper-full-width{width: 100%; max-width:none; margin-left: 0; margin-right: 0;}
.outer-wrapper-full-boxed, .page-wrapper-full-boxed, .wrapper-boxed{ width: 96%; max-width: 1200px; margin-left: auto; margin-right: auto;}
.outer-wrapper-full-classic, .page-wrapper-full-classic, .wrapper-classic{width:100%; max-width: 960px; margin-left: auto; margin-right: auto;}

/*.column-row*/
.block-wrapper{ position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
/*.column-row*/
/*.block-wrapper .container{ position: relative;}*/
/*.block-wrapper .container-lg, .block-wrapper .container-md, .block-wrapper .container-sm, .block-wrapper .container-xs*/

#page-wrapper{min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between;}
#page-wrapper>*:not(#main-content){-ms-flex:0 0 auto;flex:0 0 auto; }
#page-wrapper>#main-content{-ms-flex:1 0 auto; flex:1 0 auto;}
#page-top{padding: 0.5rem; font-size: 0.9rem; /*height: 32px;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start !important; justify-content: flex-start;}

#page-header{ /*height: 180px;*/ display:block; clear: both;}
#page-header a{text-decoration: none;}

#page-header.page-top.fixed{background: rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
#page-top-right{text-align: right}

.lang-switchs-pc{display: -ms-flexbox; display: flex; align-items: center; justify-content:flex-end;}

.lang-switchs-pc .lang-switch{-ms-flex-positive: 0 !important; flex-grow: 0 !important;}
.lang-switch{ height: 32px; position: relative; margin-left: 12px;}
.lang-switch:before { content: ""; display: block; position: absolute; width: 1px; height: 0.8em; background-color: currentColor; top: 0; bottom: 0; left: -6px; margin: auto; }
.lang-switch:first-child{margin-left: 0;}
.lang-switch:first-child:before{content: none;}

.lang-switchs-mob{display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; height: 64px;}
.lang-switchs-mob .lang-switch{width: 36px; height: 36px; font-size: 14px; border-radius: 50%; text-align: center;  display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 10px 0 0; cursor: pointer;

}

/*.page-top .logo{height: 100%; flex-shrink: 0; padding: 0 2rem; font-size: 1.5rem; font-weight: bold;  flex-grow:1; max-width: 415px;}*/
.header-wrapper{margin-left: 0; margin-right: 0;}
.header-box{/*height:120px;*/ padding: 5px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.header-box>*:not(.nav-wrapper):not(.social){-ms-flex:0 1 auto;flex:0 1 auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.header-box>*:not(.nav-wrapper)>*{-ms-flex:1 1 auto; flex:1 1 auto;}
.header-box>*.nav-wrapper{-ms-flex:1 0 auto;flex:1 0 auto;}
/*.header-box>.container{position: relative;}
.header-box>.container, .header-box>.container>.row{ height: 100%}*/
/*.header-box>.container>*{position: absolute; left:220px; right:0;}*/
.header-box h1{font-size:2rem; font-weight: bold;margin: auto;}
.header-box h1 .title-en{font-size: 0.5em;display:block;}
.header-box h1+div{margin: auto;}
/*.header-box h1 a{color: #00a7b1;}
.header-box h1 a:hover{text-decoration: none;}*/
#page-header{position: fixed; top:0; right:0; left:0; z-index: 5}
#page-header.fixed{top:0 !important;}
/*#page-header.fixed .header-box{height: 60px; padding: 5px;}
#page-header.fixed .header-box h1{font-size:1.5rem;}
#page-header.fixed .logo{height: 60px; width: 80px;}*/

.header-box .logo{/*width: 140px;*/ height: 100%; text-align: center; -ms-flex-positive: 0; flex-grow: 0; position: relative; margin-right: 10px;}
/*.header-box .logo>a{display:block; height: 100%}*/
.header-box .logo img{max-height: 100%; }
.header-box .logo svg{position: absolute; top: 0;right: 0;bottom: 0;left: 0; margin: auto;}
.header-box .nav-wrapper{position: relative; -ms-flex-positive: 1; flex-grow: 1; }

.header-hoz>.container>.row{-ms-flex-direction: row; flex-direction: row;}
.header-vert>.container>.row{ -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
.header-vert>.container>.row>*:not(.logo){text-align: center; margin: 0; flex-grow: 0;}
.header-vert>.container>.row>.logo{margin-right: 0; margin-bottom: 5px;}
#page-header .header-vert>.container>.row>.header-text{max-width: 60%;}
.header-vert>.container>.row>.lang-switchs-pc{padding-right: 0; -ms-flex-pack: center; justify-content: center;}
.header-box.header-vert .logo{height: auto;}
.header-box.header-vert .logo svg{max-width: 100%; height: auto; position: relative;}

.header-right{ -ms-flex-pack: flex-end; justify-content:flex-end; text-align: right}

#mobile-menu{display: none; position: fixed; top: 4px; right: 4px; z-index: 8; 
	width: 2em; height: 2em; border-radius: 50%; background: rgba(0,0,0,0.7); color: #FFF; border: none; outline: none;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.25); box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
#mobile-menu.open{ /*transform: scale(0.8); */}
#mobile-menu i{display: block;
  position: absolute;
  height: 2px;
  width: 1em;
  background-color: currentColor;
  border-radius: 2px;
  opacity: 1;
  left: 0.5em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mobile-menu i:nth-child(1) { top: 35%;}
#mobile-menu i:nth-child(2),#mobile-menu i:nth-child(3) { top: 50%;}
#mobile-menu i:nth-child(4) {top: 65%;}
#mobile-menu.open i:nth-child(1) { width: 0%; left: 50%;}
#mobile-menu.open i:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-menu.open i:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobile-menu.open i:nth-child(4) {/*top: 14px;*/ width: 0%; left: 50%; }

#top-menu{ position:relative; left:0; right:0; z-index: 3; height: 70px; 
	/*height: 100%;background-color: #FFF;*/
	/*-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25);*/
}
#top-menu.fixed{position: fixed; top:0; left:0; right:0;}

#top-menu .navbar>li>a{
		transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

#top-menu .navbar>li .sub>li>a{
	transition:0.5s height;
	-webkit-transition:0.5s height;
	-moz-transition:0.5s height;
	-o-transition:0.5s height;
	-ms-transition:0.5s height;
}

.top-menu-hover, #top-menu .navbar>li, #top-menu .navbar>li .sub, #top-menu .navbar>li .sub>li{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.navbar {
	margin-bottom: 0; padding: 0; /*font-size: 1rem;*/ min-height: 0;
	height: 100%; list-style:none;display:flex; -ms-flex-align: stretch; align-items: stretch; justify-content:space-between; border: none;
}
.navbar:before, .navbar:after{content: none;}

.navbar>li {
    /*margin: 10px;height: 100%; flex-grow:1;*/  background-color:transparent; border-radius: 0;
}
.navbar li, .navbar li>a{ white-space: nowrap; }

.navbar>li>a {
   display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding: 0 5px; text-align:center;color:inherit; height: 100%; /*border-radius: 0.75rem; line-height: 60px;*/
}

.navbar .parent{position: relative;}

.navbar>li>a>.fa{ font-size: 32px; line-height: 1.5em; margin-right: 10px}
.navbar.item-glow{-ms-flex-pack: center; justify-content: center;}
.navbar.item-glow>li{-ms-flex-positive: 1; flex-grow: 1;}
.navbar.item-between{-ms-flex-pack: justify; justify-content: space-between}
.navbar.item-around{-ms-flex-pack: distribute;justify-content: space-around;}
.navbar.item-center{-ms-flex-pack: center; justify-content: center;}
.navbar.item-left{-ms-flex-pack: start; justify-content: flex-start}
.navbar.item-right{-ms-flex-pack: end; justify-content: flex-end}

.navbar.item-center>li{margin-left: 0.5em; margin-right: 0.5em;}
.navbar.item-left>li{margin-right: 0.5em;}
.navbar.item-right>li{margin-left: 1em;} 

html[lang=en-GB] .navbar>li>a{font-size: 12px;}
html[lang=en-GB] .navbar>li>a>.fa{font-size: 18px; margin-right: 5px;}

/*.navbar>li:hover>a, .navbar>li>a:hover, .navbar>li>a:focus, .navbar>.active>a, .navbar>.active>a:focus, .navbar>.active>a:hover {
    background-color: #005e91; color:#FFF; border-radius: 0.75rem; outline: none;
}*/

/*.navbar>li.parent:hover>a, .navbar>li.parent>a:hover, .navbar>li.parent>a:focus, .navbar>.active.parent>a:focus, .navbar>.active.parent>a:hover {border-radius: 0.75rem 0.75rem 0 0}*/
.navbar>li .sub{padding: 0; min-width: 100%; position: absolute; top:0; left:100%; list-style: none; text-align: left; /*overflow: hidden;*/}
.navbar>li>.sub{top:100%; left: 0;}
.navbar>li .sub>li>a{ color:inherit; font-size: 0.9em;
	height: 0; padding: 0 1rem; line-height: 40px; outline: none;
	overflow: hidden;
	letter-spacing: 0; text-decoration: none;
	display: block;
	transition: 0.35s all;
	-webkit-transition: 0.35s all;
	-moz-transition: 0.35s all;
	-o-transition: 0.35s all;
	-ms-transition: 0.35s all;}
.navbar>li .sub>li>a:hover{/*background-color:rgba(0,0,0,0.2);*/}

html[lang=en-GB] .navbar>li .sub>li>a{font-size: 12px;}

.navbar li:hover>.sub>li>a, .navbar li:focus>.sub>li>a{height: 40px;}
/*, .navbar li>a:hover+button+.sub>li>a, .navbar li>a:focus+button+.sub>li>a{height: 40px;}*/

#top-menu.fixed .navbar{height: 60px;}
#top-menu.fixed .navbar>li>a, #top-menu.fixed .navbar>li>a>.fa{line-height: 60px;}
#top-menu .nav>li>a:focus, #top-menu .nav>li>a:hover{background-color: transparent; color:inherit;}

.menu-hide{display: none !important;}
.showsub{ height: 64px; width: 64px; position: absolute; top: 0; right: 0; background-color: transparent; border: none; color: #fff; font-size: 24px;}
.showsub:focus{outline: none;}
.searchbar-wrapper{position: relative; display:none; z-index: 1}

.main-content{ }
.main-content .container-fullw{}
.main-content .container{}
.main-content .container .inpage { width: 100%; background: #fff; margin: 1rem auto 0; border-radius: 1rem; padding: 0 30px 30px; display:inline-block}

.main-content .background-none{background: none !important; color: #0a4363; /*font-size: 1.25em*/}
.main-content .background-color-1{background-color: #c8d93b}
.main-content .background-color-2{background-color: #ffaa1e}
.main-content .background-color-3{background-color: #fc5e8f}
.main-content .background-color-4{background-color: #cf88c2}
.main-content .background-color-5{background-color: #27bfca}
.main-content .background-color-6{background-color: #009eec}

.main-content .flex-v-center>*{width: 100%;}

span.cube{padding: 10px;}

.main-content hr{max-width: 80%; margin: 60px auto;}

ul[type=disc], ul[type=circle], ul.dot, ul.dots, ul[type=square], ul.square, ul.cube, ul.arrow{
	list-style: none; padding-left: 0.25em; 
}
ul[type=disc]>li, ul[type=circle]>li, ul.dot>li, ul.dots>li, ul[type=square]>li, ul.square>li, ul.cube>li, ul.arrow>li{
	margin-bottom: 0.5em; position: relative; padding-left:1.25em; line-height: 1.45em;
}

ul[type=disc]>li:before, sections ul[type=circle]>li:before, ul.dot>li:before, ul.dots>li:before{
	content: ""; display:inline-block; width: 0.5em; height:0.5em; min-width: 8px; min-height: 8px; border-radius: 50%; position: absolute; top:0.35em; left:0; /*margin-top: -0.25em;*/
	background-color: currentColor;
}
ul[type=square]>li:before, ul.square>li:before, ul.cube>li:before{
 border-radius: 0;
}
ul.arrow>li:before{
	content: ""; display:inline-block; width: 0; height: 0; background-color:transparent; border-radius: 0; position: absolute; top:0; left:0; margin-top: 1%;
	border: 8px currentColor solid;
	border-color:transparent transparent transparent currentColor;
}

ol[type="1"], ol.number, ol[type="A"], ol.upper-letter, ol[type="A"], ol.upper-letter, ol[type="a"], ol.lower-letter, ol[type="a"], ol.lower-letter, ol[type="I"], ol.upper-roman, ol[type="i"], ol.lower-letter, ol.leading-zero, ol.chinese{ counter-reset: item-counter;  padding-left: 0;}
ol[type="1"]>li, ol.number>li, ol[type="A"]>li, ol.upper-letter>li, ol[type="A"]>li, ol.upper-letter>li, ol[type="a"]>li, ol.lower-letter>li, ol[type="a"]>li, ol.lower-letter>li, ol[type="I"]>li, ol.upper-roman>li, ol[type="i"]>li, ol.lower-letter>li, ol.leading-zero>li, ol.chinese>li{position:relative; list-style: none; counter-increment: item-counter; padding-left: 2em }
ol[type="1"]>li:before, ol.number>li::before, ol[type="A"]>li:before, ol.upper-letter>li:before, ol[type="A"]>li:before, ol.upper-letter>li:before, ol[type="a"]>li:before, ol.lower-letter>li:before, ol[type="a"]>li:before, ol.lower-letter>li:before, ol[type="I"]>li:before, ol.upper-roman>li:before, ol[type="i"]>li:before, ol.lower-letter>li:before, ol.leading-zero>li:before, ol.chinese>li:before{
	content: counter(item-counter)'.';
	display: inline-block; width: 2em; height: 1.8em; text-align: center;
	position: absolute; top:0; left:0;
	font-weight: bold;
}
ol[type="1"]>li:before, ol.number>li:before{ content: counter(item-counter, decimal)'.';}
ol[type="A"]>li:before, ol.upper-letter>li:before, ol[type="A"]>li:before, ol.upper-letter>li:before{ content: counter(item-counter,upper-latin);}
ol[type="a"]>li:before, ol.lower-letter>li:before, ol[type="a"]>li:before, ol.lower-letter>li:before{ content: counter(item-counter,lower-latin);}
ol[type="I"]>li:before, ol.upper-roman>li:before{ content: counter(item-counter,upper-roman)}
ol[type="i"]>li:before, ol.lower-letter>li:before{ content: counter(item-counter,lower-roman);}
ol.leading-zero>li:before{ content: counter(item-counter,decimal-leading-zero);}
ol.chinese>li:before, ol[type=一]>li:before{ content: counter(item-counter,cjk-ideographic);}
ol.dots:before, ol.circle:before{ background-color: #999; color:#FFF; border-radius: 3em;}

ul.list-none, ol.list-none{list-style:none; padding-left: 0;}
ul.list-none>li, ol.list-none>li{padding-left: 0;}
ul.list-none>li:before, ol.list-none>li:before{display:none !important;}

ul.list-group, ol.list-group{padding-left: 0;}
.list-group>li{padding: 0.5em 1em; margin: 0 auto}
.list-group>li:before{content: none !important}

.content-header{border-bottom: none;}
.content-header h1{text-align: center; position: relative; padding-bottom: 2rem; margin-bottom: 1.5rem}
.content-header h1:after{content: ""; display:inline-block; width: 80%; height: 8px; border-radius: 8px; background-color: #00a7b1; position: absolute; right:0; bottom:0; left: 0; margin: auto;}
.content-header .desc{max-width: 80%; margin: 0 auto;}

#showcase{ /*max-height: 360px;*/ overflow: hidden; text-align: center; position: relative;}
#showcase_inpage{max-height: 360px; overflow: hidden; text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
#showcase_inpage>.container{z-index: 1}
#showcase_inpage h1{margin: 0 auto;}

#showcase_slideshow{position: relative; display: block;}
#showcase_slideshow .slideshow-front{position: absolute; top:0; right:0; left:0; z-index: 2}
#showcase_slideshow .slideshow-background{position: relative; top:0; right:0; left:0; z-index: 1}

/*restyle for owl-carousel*/

.owl-carousel .owl-stage{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.owl-carousel .owl-item{-ms-flex:0 0 auto; flex:0 0 auto; float:none;}
.owl-carousel .owl-item>*{height: 100%;}
/*.owl-carousel .owl-stage{display: -ms-flexbox; display: flex; flex-wrap: nowrap;}*/
.owl-carousel .owl-dots, .owl-carousel .owl-nav{text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-carousel .owl-nav{ position: absolute; top:0; right:0; bottom: 0; left:0; margin: auto; /*max-width: 1170px;*/ pointer-events: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position: absolute; min-width: 32px; min-height: 32px; color: #fff; top:0; bottom:0; margin: auto 0; outline: none; pointer-events: all;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position: absolute; width: 48px;height: 48px; background:rgba(255,255,255,0.5);/* border-radius: 50%;*/ color: #fff;  font-size: 24px; opacity: 0.8;
		transition:0.5s background-color, 0.5s color, 0.5s opacity;
	-webkit-transition:0.5s background-color, 0.5s color, 0.5s opacity;
	-moz-transition:0.5s background-color, 0.5s color, 0.5s opacity;
	-o-transition:0.5s background-color, 0.5s color, 0.5s opacity;
	-ms-transition:0.5s background-color, 0.5s color, 0.5s opacity;
}
.owl-carousel .owl-nav button:hover{background: rgba(0,0,0,0.35);}
.owl-carousel button.owl-next{right:0;}
.owl-carousel button.owl-prev{left:0;}
.owl-carousel:hover button.owl-next{right:0; opacity: 1}
.owl-carousel:hover button.owl-prev{left:0; opacity: 1}

.owl-carousel .owl-dots{min-height: 32px; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: absolute; top:auto; right:0; bottom:0; left:0}
.owl-carousel .owl-dots .owl-dot { zoom: 1;}
.owl-carousel button.owl-dot{ outline: none}
.owl-carousel .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: auto 8px;
	background: rgba(255,255,255,0.35);
	color:#FFF;
	display: block;
	position: relative;
	border-radius: 32px;
}

.owl-carousel .owl-dots .owl-dot span:before{content: ""; display:block; width: 100%; height: 100%; border-radius: 32px; background-color: currentColor; opacity: 0;
	-webkit-backface-visibility: visible;
	transition: opacity .5s ease;
}
.owl-carousel .owl-dots .owl-dot.active span:before, .owl-carousel .owl-dots .owl-dot:hover span:before{
opacity: 1;
}

.scroll-item-list .owl-dots{ position: relative;}

.owl-thumb{background-color: #222; cursor: pointer;}
.owl-thumb img{opacity: 0.5}
.owl-thumb.active img{opacity: 1}

/*
.image-slider{padding-left: 0; padding-right: 0; margin-bottom: 0; width: 100%; padding-top: 30.4%; position: relative; list-style: none;}
.image-slider .owl-stage-outer{ position: absolute; top:0; right:0; bottom:0; left:0; height: 100%;}
.image-slider .owl-stage{display:flex;}
.image-slider .owl-stage, .image-slider .owl-stage>*, .image-slider .owl-stage>*>*, .image-slider .owl-item{position: relative; height: 100%; background-size: cover;}
.image-slider .owl-item{ opacity: 0.35; 
	transition: 1s opacity;
	-webkit-transition: 1s opacity;
	-moz-transition: 1s opacity;
	-o-transition: 1s opacity;
	-ms-transition: 1s opacity;
}
.image-slider .owl-item.center{opacity:1;}
.image-slider .owl-item *{ height: 100%;}
.image-slider .image-slider_item{width:1170px; height:585px; padding: 0 10px; }
.image-slider .image-slider_item>*{width: 100%; height: 100%;  background-size: 100%; border-radius: 2rem;}

.image-slider.owl-theme .owl-dots, ul.image-slider.owl-theme .owl-nav{position: absolute;}
.image-slider__image{height: 100%; background-size: 100%;}
*/
.image-slider-wrapper{position: relative;}
.image-slider{margin: 0 auto;}
.image-slider .item{position: relative; /*width: 1170px;*/}
/*.image-slider-item:before{content: ""; display:block; padding-top: 50%;}*/
/*.image-slider-item>img{position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; border-radius: 2rem;}*/

.image-slider-backdrop{position:relative; z-index: 0;}
.image-slider .item-intro{
	position: absolute; left:0; right:0; bottom:1em; margin: 0 auto; background-color: rgba(0,0,0,0.6); color:#FFF;
}
.image-slider-item-title{}

.image-slider-controller{}
.image-slider-controller .dot{display:inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: rgba(255,255,255,0.5); margin-left: 10px; cursor: pointer;}
.image-slider-controller .dot.active, .image-slider-controller .dot:hover{background-color: rgba(255,255,255,1);}

/*Colorful Blocks*/
.block-colorful{border-radius: 1rem; padding: 15px;position: relative;}
.block-colorful-inner{background-color: #FFF; border-radius: 1rem; padding: 10px; min-height: 400px;}
.block-colorful-inner .block-title{color:#fff; margin: -10px -10px 10px; padding: 10px;}
.block-colorful.color-1, .block-colorful.color-1 .block-title{background-color: #c8d93b}
.block-colorful.color-2, .block-colorful.color-2 .block-title{background-color: #ffaa1e}
.block-colorful.color-3, .block-colorful.color-3 .block-title{background-color: #fc5e8f}
.block-colorful.color-4, .block-colorful.color-4 .block-title{background-color: #cf88c2}
.block-colorful.color-5, .block-colorful.color-5 .block-title{background-color: #27bfca}
.block-colorful.color-6, .block-colorful.color-6 .block-title{background-color: #009eec}

/**/
a.feature_icon{text-align: center; width: 200px; height: 200px; border-radius: 50%; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1rem auto 0; font-size: 1.5rem; color:#fff;}
a.feature_icon:hover, a.feature_icon:focus{ text-decoration: none; color:#fff; transform: scale(1.1);
}
.feature_icon .fa, .feature_icon .fas{font-size: 80px; color:#FFF; width: 100%; margin-bottom: 0.5rem}



/*
wrapper
-box
--inter
*/

.item-cover .item-intro{position: absolute; top:auto; right:0; bottom:0; left:0; padding: 1em; background-color: rgba(0,0,0,0.5); color:#FFF;}
.item-cover.cover-white .item-intro{ background-color: rgba(255,255,255,0.9); color:inherit;}
.item-cover.cover-white .item-title{font-size: 1.5em; font-weight: bold}
.item-cover.cover-white .item-subtitle{font-weight: bold}

.item{position: relative}
.item-intro>div{position:relative; }

.item-hover-cover{}
.item-hover-cover.cover-up .item{position: relative; overflow: hidden;}
.item-hover-cover.cover-up .item-thumb{position: relative; z-index: 0;}
.item-hover-cover.cover-up .item-intro{position: absolute; top:100%; right:0; bottom:0; left:0; margin-top: -3em; background-color: rgba(0,0,0,0.5); color:#FFF; padding: 1em;
	transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-webkit-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-moz-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-o-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
	-ms-transition:0.5s background-color, 0.5s top, 0.5s margin-top;
}
.item-hover-cover.cover-up .item:hover .item-intro{top:0; margin-top: 0 !important;}

.block-content-image>*, .block-image-content>*{display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch;align-content: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.block-content-image .block-title, .block-content-image .block-footer, .block-image-content .block-title, .block-image-content .block-footer{-ms-flex:1 1 100%; flex:1 1 100%;}
.block-content-image .block-image, .block-content-image .block-content, .block-image-content .block-image, .block-image-content .block-content{ -ms-flex:0 1 50%; flex:0 1 50%; max-width: 50%; }
.block-image-content .block-image{order: 1;}
.block-content-image .block-image{order: 2;}
.block-content-image .block-image img, .block-image-content .block-image img{width: 100%; max-width: none;}
.block-content-image .block-content, .block-image-content .block-content{width: 100%; /*max-width: 620px;*/ padding-left: 15px; padding-right: 15px; /*margin: auto;*/}
.block-content-image .block-content{order:1;}
.block-image-content .block-content{order: 2;}
.block-content-image .item-group, .block-image-content .item-group{height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center;align-content: center; max-width: 625px; margin: auto;}

.block-content-image .item-footer{margin-top: 1em;}

/*News Headline*/
.block-news-headline{}
.block-news-headline>*{display: flex;}
.block-news-headline .news-item{ display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom: 3rem; margin-bottom: 2rem; position: relative;}
.news-item .thumb{
	width: 100%;
	padding-top: 53.7%;
	overflow: hidden;
	position: relative;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fafafa;
}
.news-item .title{margin: 1rem 0; font-weight: bold;}
.news-item .more{position: absolute; right:0; bottom: 0; left:0; min-height: 36px; padding: 2px; border-top: 1px #ddd solid; display: flex; justify-content: flex-end;}
.news-item .more a{color:#666; font-weight: bold}

.text-list .list-item>a{display: -ms-flexbox; display: flex; width: 100%; padding: 5px; border-bottom: 1px #5fa5da dashed;}
.text-list .list-item>a:hover, .text-list .list-item>a:focus{ text-decoration: none; background-color: #eafafb}
.text-list .date{width:120px; font-size: 0.8em; flex-grow: 0; flex-shrink: 0; }
.text-list .title{-ms-flex-positive: 1; flex-grow: 1; flex-shrink: 0; }
.text-list .list-item .fa, .text-list .list-item .fas{ font-size: 1.5em; margin-right: 0.25em;}

/**/

.round-img{ width: 100%; border-radius: 50%; overflow: hidden; position: relative; border: 10px #00a7b1 solid; }
.round-img:before{content: ""; display:block; position: relative; width: 100%; padding-top: 100%; }
.round-img .img-full-center{max-height: 100%; }

.ex-img-cont{overflow: hidden; position: initial; padding: 0; }
.ex-img-cont>*{position: absolute; height: 100%;
    top: 0;
    left: 0;
    background-position: 50% 50%;
    display: block;
    overflow: hidden;
}

.list-round-img{ width: 80%; margin: 0 auto;}
.list-round-img .list-round-img-item{ width: 240px; margin: 0 auto 2rem}
.list-round-img .list-round-img-item p{margin-left: 1em; margin-right: 1em; text-align: justify;}
.list-round-img .list-round-img-item p:first-letter{font-size: 2em; color:#00a7b1}

/**/
.filter-group{margin: 1rem auto;}
.row-sm{width: 80%; max-width: 962px; margin-left:auto; margin-right: auto;}

/**/
.block-school{}
.block-school .row-flex>*{flex-grow: 0; padding-bottom: 2rem;}
.block-school .row-flex>.col{flex-grow: 1 }
.block-school .thumb{ background-color: #FFF; padding: 10px; margin-bottom: 1.5rem; display:block; border-radius: 3px; min-height: 180px; 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.block-school .thumb:hover, .block-school .thumb:focus{text-decoration: none;}
.block-school .thumb .inner-photo{width: 100%; position: relative; overflow: hidden}
.block-school .thumb .inner-photo:before{content: ""; display: block; padding-top: 66%;}
.block-school .thumb .inner-photo img{width: 100%; height: auto;}
.block-school .thumb .caption{text-align: right; color:#7b7b7b; margin-bottom: 0;}

/*Book Wrapper*/
.book-details{ padding-bottom: 3rem; border-bottom: 1px #ddd solid;}
.book-wrapper{display: -ms-flexbox; display: flex; flex-wrap: nowrap; align-items: center; margin-top: 3rem}
.book-wrapper.reverse{flex-direction:row-reverse;}
.book-wrapper.small-cover{}
.book-wrapper .book-cover{max-width: 360px;}
.book-wrapper .book-intro{padding-left: 2rem;}
.book-wrapper.reverse .book-intro{padding-left: 0; padding-right: 2rem;}
.book-wrapper .book-intro blockquote{position: relative; border-radius: 1rem; padding: 1rem; margin: 1rem 0; background-color: #f8f9d5; color: #316732;}
.book-wrapper .book-intro blockquote:before{ content: ""; position: absolute; height: 0; width: 0; 
    border-top: 0.5rem solid transparent; border-right: 1rem solid #f8f9d5; border-bottom: 0.5rem solid transparent; border-left: none;
    top: 1rem; right:auto; bottom:auto; left: -1rem; }
.book-wrapper.reverse .book-intro blockquote:before{ border-right: none; border-left: 1rem solid #f8f9d5; top: 1rem; right:-1rem; bottom:auto; left: auto;}
.book-wrapper .action-group{margin: 1rem 0;}
.book-wrapper .action-group .btn{text-transform:uppercase; margin:0 1rem 1rem 0;}
.book-wrapper .action-group .btn:hover, .book-wrapper .book-intro .action-group .btn:focus{transform: translateY(-5px);}
.book-description{margin: 1rem;}

.book-preview{margin-top: 2rem;}
.book-preview>*{margin-bottom: 1rem;}

/*Album Masonry*/
.row.masonry{margin-left: auto; margin-right: auto; width: 100%;}
.masonry .item{padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
.masonry .item .lightbox-item{position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius: 8px; overflow: hidden;}
.masonry .item .lightbox-item .port-overlay-cont{display:none;}
.masonry .item .lightbox-item a>img{transform: scale(1);}
.masonry .item .lightbox-item a:hover>img{transform: scale(1.1);}
.masonry .item .lightbox-item figcaption{position: absolute; top:0; right:0; bottom:0; left:0; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-color: rgba(0,0,0,0.5); color:#FFF; opacity: 0; pointer-events: none;}
.masonry .item .lightbox-item figcaption .fa{font-size: 64px; width: 100%;}
.masonry .item .lightbox-item:hover figcaption{opacity: 1;}

/*Artlice List*/
/*.article-list{}
.article-list .list-group-item, .blog-list .list-group-item, .praise-list .list-group-item{ border: none; margin-bottom: 3rem }
.article-list>.row-flex-wrap>*{display: flex;}
.article-list .thumb, .blog-list .thumb{text-align: center;}
.article-list .thumb img, .blog-list .thumb img, .praise-list .thumb img{margin: 0 auto; transform: scale(1);}
.article-list .list-group-item:hover .thumb img{transform: scale(1.1);}
.article-list h4.subtitle{font-size: 0.777rem; color:#666;}
.article-list .author{font-size: 0.8rem; text-align: right; font-style: italic; line-height: 1.1em; margin-bottom: 8px;}
.article-list .intro{font-size: 0.89rem; line-height: 1.1em; color:#7b7b7b; text-align: justify; margin-top: 1em;}
.article-list .intro .readmore{color: #008ed1; font-weight: bold; margin-left: 0.35em}*/

/*blog*/
.blog-list{}
.blog-list .list-item{padding-top: 2em; padding-bottom: 2em; margin-bottom: 0; position: relative;}
.blog-list .list-item:after{content: ""; display:block; width: 60%; height: 1px; background: #ddd; position: absolute; bottom: 0; left:0; right:0; margin: 0 auto;}
.blog-list .thumb{max-height: 240px;}
.blog-list .list-item:hover .thumb img{transform: scale(1.05);}
.blog-list .date{font-size: 0.9em; line-height: 1em; position: relative; opacity: 0.6; /* padding-left: 32px; margin: 1rem 0;*/}
/*.blog-list .date:before{font-family: "FontAwesome"; font-size: 24px; content: "\f15f"; display: inline-block; position: absolute; left:0; top:0; }*/
.blog-list .intro{display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; line-height: 1.5em; text-align: left; margin: 1em 0;}
.blog-list .intro>*{flex-grow: 0; width: 100%;}
.blog-list .intro .readmore{color: #008ed1; font-weight: bold; margin-left: 0.35em}

.blog-detail-page{}
.blog-detail-page img{ max-width: 100%;}
.blog-cover{margin-bottom: 2rem;}

.couse-list{}
.couse-list .list-item{padding: 2em; margin-bottom: 2em; border-radius: 8px; 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); 
}
.couse-list .thumb{ height: 255px; flex-shrink: 0;display: flex;align-items: center; justify-content: center;}
.couse-list .thumb img{margin: auto;}
.couse-list .action-group{text-align: right;}

/*praise*/
.praise-list .list-group-item blockquote{position: relative; border-radius: 1rem; padding: 1rem; margin: 1rem 0; background-color: #f8f9d5; color: #316732;}
.praise-list .list-group-item blockquote:before{ content: ""; position: absolute; height: 0; width: 0; 
    border-top: 0.5rem solid transparent; border-right: 1rem solid #f8f9d5; border-bottom: 0.5rem solid transparent; border-left: none;
    top: 1rem; right:auto; bottom:auto; left: -1rem; }
.praise-list .list-group-item.reverse blockquote:before{ border-right: none; border-left: 1rem solid #f8f9d5; top: 1rem; right:-1rem; bottom:auto; left: auto;}
.praise-list .author{display: -ms-flexbox; display: flex; min-width: 100%; justify-content: flex-end; align-items: center; font-style: italic; font-weight: bold;}
.praise-list .author:before{content: ""; display:inline-block; width: 6rem; height: 1px; margin-right: 0.5em; background-color: #7b7b7b;}


/*event*/
.event-photo-list{}
.event-photo-list .row-flex-wrap>*{display:flex;}
.event-photo-list .list-group-item{margin-bottom: 2rem; width: 100%;}
.event-photo-list .list-group-item:hover{transform: scale(1.05);}
.event-photo-list .list-group-item .cover{height: 200px; width: 100%; background-position: center center; background-size: cover;}

/*album*/
.album{}

.album .row-flex>*{ flex-grow: 0;}
.album .thumb{display:block; overflow: hidden; max-width: 100%; position: relative;}
.album .thumb img{max-width: 100%;}
.album .thumb:hover img{ transform: scale(1.05); }
.album .album-item{
background-color: #FFF;
    padding: 1em;
    margin-bottom: 1.5rem;
    display: block;
    border-radius: 4px;
    /*min-height: 100%;
    transform: scale(1);*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.album .album-item figcaption{margin-top:0.25em;}

/*shop*/
.shop-list{align-items: center;}
.shop-brand{padding: 2rem 1rem; text-align: center;}
.shop-brand img{max-width: 100%;}

/**/
.contact-info{ padding: 0;}
.contact-info li{font-size: 1.5rem; list-style: none; margin-bottom: 1rem;}
form#contact_form{ background-color: #1ca5ad; color: #FFF; padding: 2rem; border-radius: 8px; margin: 0 auto;}
form#contact_form h1, form#contact_form h2, form#contact_form h3{color:#fff;}

#page-footer{ line-height: 1.25em;}
/*#page-footer>*, */
#page-footer .row-flex{height: 100%;}
#page-footer .footer-menu-wrapper{height: 90%;}

/*.footer-bottom-wrapper{-ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer-bottom-box{-ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 15px; padding-right: 15px;}*/

#page-footer .copyright{ text-align: center; font-size: 12px; min-height: 10%;}

.social{}
.social-icon{font-size: 32px;}
.social-icon-sm{font-size: 24px}
.social-icon-xs{font-size: 1em}

.floating-character {
	position: fixed; right:2%; bottom:15%; z-index: 7;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}


.tmpl-webpage{display:none;}
.tmpl-webpage.show{display:block;}

/*mangn-modal*/
.mangn-modal{width:96vw; max-width: 1170px;position: relative; margin: 0 auto; background-color: #FFF; padding: 40px; overflow: auto }
.mfp-arrow{color:#FFF; font-size: 64px; }
.mfp-arrow:after{content: none}

/*model (popup)*/
.model-box{position: fixed; top:0; right:0; bottom:0; left:0; opacity: 1; z-index: -3; display: flex; align-items: center; justify-content: center;
	transition: z-index 0.5s step-end, opacity 0.5s linear;
	-webkit-transition: z-index 0.5s step-end, opacity 0.5s linear;
	-moz-transition: z-index 0.5s step-end, opacity 0.5s linear;
	-o-transition: z-index 0.5s step-end, opacity 0.5s linear;
	-ms-transition: z-index 0.5s step-end, opacity 0.5s linear;
}
.model-box.m-on{z-index: 9999 !important; opacity: 1;
	transition: z-index 0.5s step-start, opacity 0.5s linear;
	-webkit-transition: z-index 0.5s step-start, opacity 0.5s linear;
	-moz-transition: z-index 0.5s step-start, opacity 0.5s linear;
	-o-transition: z-index 0.5s step-start, opacity 0.5s linear;
	-ms-transition: z-index 0.5s step-start, opacity 0.5s linear;
}
.model-box.m-off{z-index: -9999 !important; opacity: 0;
	
}
.model-box .pre-model{position: fixed; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); opacity: 0; z-index: -1;
	transition:0.5s opacity;
	-webkit-transition:0.5s opacity;
	-moz-transition:0.5s opacity;
	-o-transition:0.5s opacity;
	-ms-transition:0.5s opacity;
}
.model-box.m-on .pre-model{z-index: 1;opacity:1;}
.model-box .inbox{position: relative; z-index: 2; width: 100%;  max-width: 100%; height: auto; overflow: hidden; background-color: #FFF; 
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
.model-box-header{padding: 10px 20px; font-size: 1.5em; color:#888;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.model-box.no-header .model-box-header{ display:none;}
.model-box .btn-close{position: absolute; right:20px; top:7px; z-index: 1; display:flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-size: 1.5em; line-height: 0; color:#CCC; cursor: pointer; 
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.model-box .btn-close+.model-box-header{padding-right: 40px;}
.model-box .btn-close:hover{color:#666; border-color: #666;}
/*.model-box.no-header .btn-close{top: -36px; right:0;}*/
.model-box-body{height:auto; /*max-height: 90%;*/ overflow-y: auto; padding: 20px;}
.model-box-body.no-padding{padding: 0;}

/*comming*/
.comming{margin-top: 4rem;}
.comming.row-flex-wrap{ justify-content: center; align-items: center;}

.back-top{position: fixed; right:10px; bottom: 10px; z-index: 1; display: block; width: 3em; height: 3em; padding: 1em; margin: auto; border-radius: 50%; text-align: center; font-size: 1em; line-height: 1em;  opacity: 0; transform: translateY(174px); }
.back-top.open{opacity: 1; transform: translateY(0);}
.back-top:hover{color:#FFF; text-decoration: none;}
body.lock .back-top{transform: translateY(174px);}

.mfp-bg{position: fixed !important;top:0; right:0;bottom:0; left: 0; margin: auto; width: auto; height: auto; opacity: 0.5;
	transition:0.5s background-color, 0.5s opacity;
	-webkit-transition:0.5s background-color, 0.5s opacity;
	-moz-transition:0.5s background-color, 0.5s opacity;
	-o-transition:0.5s background-color, 0.5s opacity;
	-ms-transition:0.5s background-color, 0.5s opacity;
}
.mfp-bg.mfp-ready{opacity: 0.5;}
.mfp-bg.mfp-removing{opacity: 0;}
.mfp-arrow:before{content: none;}
.mfp-wrap.mfp-removing .mfp-arrow{display:none;}

.mfp-container{overflow: hidden;top:0; right:0;bottom:0; left: 0; max-width: 100vw; max-height: 100vh;}
img.mfp-img{max-height: 100vh !important;}
.mfp-3d-unfold .mfp-content {
    perspective: 2000px; 
  }
  
.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
  }
  
/*.mfp-3d-unfold.mfp-ready .mfp-with-anim , */
.mfp-3d-unfold.mfp-image-loaded .mfp-with-anim{
      opacity: 1;
      transform: rotateY(0deg);
    }

  /* animate out */
  .mfp-3d-unfold.mfp-removing .mfp-with-anim {
      transform: rotateY(60deg);
      opacity: 0;
    }

.mfp-3d-unfold.mfp-bg { opacity: 0;transition: opacity 0.5s; }
.mfp-3d-unfold.mfp-ready.mfp-bg {opacity: 0.8; }
.mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; }
 
/*card*/
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}


/*preloader*/
#preloader{
	background:#fff;
	position: fixed;
	z-index: 99999;
	margin: 0;
	top: 0; right:0; bottom:0; left:0;
}
#preloader-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#preloader-center-absolute {
	position: absolute;
	top: 0; right:0; bottom:0; left: 0; margin: auto;
	height: 32px; width:185px;
	display: -ms-flexbox; display: flex; align-items: center;
}
#preloader .chip{
	width: 32px;
	border-radius: 50%;
	height: 32px;
	margin-right:5px;
	background-color: #999;
	-ms-transform: scale(0); 
   	-webkit-transform: scale(0);
    transform: scale(0);
	-webkit-animation: loader-animate 1s infinite;
	animation: loader-animate 1s infinite;
	/*float: left;*/
	}

#preloader .chip.ch10 {
	margin-right: 0px;
	}

#preloader .chip.ch10{
	/*background-color: #27bfca;*/
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;	
	}
#preloader .chip.ch9{
	/*background-color: #cf88c2;*/
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;	
	}	
#preloader .chip.ch8{
	/*background-color: #fc5e8f;*/
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;	
	}
#preloader .chip.ch7{
	/*background-color: #ffaa1e;*/
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;	
	}
#preloader .chip.ch6{
	/*background-color: #c8d93b;*/
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;	
	}
#preloader .chip.ch5{
	/*background-color: #27bfca;*/
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
	}
#preloader .chip.ch4{
	/*background-color: #cf88c2;*/
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;		
	}
#preloader .chip.ch3{
	/*background-color: #fc5e8f;*/
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;	
	}
#preloader .chip.ch2{
	/*background-color: #ffaa1e;*/
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
	}						


@-webkit-keyframes loader-animate {
  50% {
	-ms-transform: scale(1); 
   	-webkit-transform: scale(1);
    transform: scale(1);
	  /*height: 64px;
	  border-radius: 8px;*/
	  }
}

@keyframes loader-animate {
  50% {
	-ms-transform: scale(1); 
   	-webkit-transform: scale(1);
    transform: scale(1);
	  /*height: 64px;
	  border-radius: 8px;*/
	  }
}



/*responsive*/

@media (min-width: 1921px){
	.container{max-width: 1920px !important;}
}

@media (max-width: 1440px){ 
}

@media (min-width: 1281px){
}

@media (max-width: 1280px){
	
	.main-content{min-height: 600px;}
	/*.image-slider{padding-top: 46%;}*/
	.floating-character{bottom:0; right: 0;}
}

@media (min-width: 1200px){ /*bootstrap xl*/
.grid-lg-1>*{-ms-flex:0 0 100%; flex:0 0 100%; }
.grid-lg-2>*{-ms-flex:0 0 50%; flex:0 0 50%; }
.grid-lg-3>*{-ms-flex:0 0 33.333%; flex:0 0 33.333%; }
.grid-lg-4>*{-ms-flex:0 0 25%; flex:0 0 25%; }
.grid-lg-5>*{-ms-flex:0 0 20%; flex:0 0 20%; }
.grid-lg-6>*{-ms-flex:0 0 16.666%; flex:0 0 16.666%; }
.grid-lg-7>*{-ms-flex:0 0 14.285%; flex:0 0 14.285%; }
.grid-lg-8>*{-ms-flex:0 0 12.5%; flex:0 0 12.5%; }
.grid-lg-9>*{-ms-flex:0 0 11.111%; flex:0 0 11.111%; }
.grid-lg-10>*{-ms-flex:0 0 10%; flex:0 0 10%; }
	
.grid-lg-1{margin-left: 0; margin-right: 0;}
.grid-lg-1>*{padding: 0 0 15px;}
}
@media (max-width: 1080px){
	/*.image-slider{padding-top: 48%;}*/
	.image-slider-item{width: 100vw;}
	/*.image-slider .image-slider_item{ width: 970px; height: 485px; }*/
	.image-slider button.owl-next, .image-slider:hover button.owl-next{right:5px;opacity: 1}
	.image-slider button.owl-prev, .image-slider:hover button.owl-prev{left:5px;opacity: 1}
	
}

@media (max-width: 992px){ /*bootstrap lg*/
	
	
	.row-flex>.col-lg-1>div, .row-flex>.col-lg-2>div, .row-flex>.col-lg-3>div, .row-flex>.col-lg-4>div, .row-flex>.col-lg-5>div, .row-flex>.col-lg-6>div, .row-flex>.col-lg-7>div, .row-flex>.col-lg-8>div, .row-flex>.col-lg-9>div, .row-flex>.col-lg-10>div, .row-flex>.col-lg-11>div, .row-flex>.col-lg-12>div{
		height: auto; margin-bottom: 1rem;
	}
	#page-header .header-wrapper>div, #top-menu{height: auto !important;}
	#mobile-menu{display:block;}
	
	#top-menu, #top-menu.fixed{display:none; position: fixed; z-index: -1; top: 70px; left: 0; right: 0; height: auto !important; /*max-height: calc(100vh - 146px);*/ /*overflow-y: auto;*/}
	#top-menu .navbar{background-color:transparent; z-index: 6}
	#top-menu.open, #top-menu.fixed.open{display:block; overflow-y: auto;}
	#top-menu .navbar, #top-menu.fixed .navbar{ flex-direction: column; flex-wrap: wrap; height: auto;}
	#top-menu .navbar li{ width: 100%; margin: 0; border-radius: 0;}
	#top-menu .navbar>li>a, #top-menu.fixed .navbar>li>a, #top-menu .navbar>li>a>.fa, #top-menu.fixed .navbar>li>a>.fa{line-height: 64px; border-radius: 0;}
	#top-menu .navbar>li .sub{ position:relative; top:0; left:0;/*display:none;*/}
	#top-menu .navbar>li .sub>li>a{height: 0; text-align: center;}
	#top-menu .navbar>li .sub.open>li>a{height: 40px;}
	
	#top-menu, #top-menu.fixed{ top:80px; bottom:0;}
	#top-menu:before{content: ""; display:block !important; position: fixed; top:0; right:0; bottom:0; left:0; z-index: -1; opacity: 0; background-color: #000;}
	/*#top-menu.open:before{content: ""; display:block; position: fixed; top:0; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.88); z-index: 6;}*/
	#top-menu.open:before{ opacity: 0.8; z-index: 6;}
	/*#top-menu{top:146px;}
	.open-search, #top-menu.open-search.fixed*/
	.header-search-button{display:none;}
	.search-bar-wrapper{position: fixed; top:10px; right:80px; left:10px; z-index: 2;}
	#top-menu .navbar>li{/*background-color: #FFF !important;*/}
	#top-menu .navbar>li .sub{overflow:visible !important;}
	.top-menu-hover, #top-menu .navbar>li:hover, #top-menu .navbar>li .sub{color: inherit;}
	#top-menu .social{display:block; padding-top: 10px; padding-bottom: 10px;}
	
	#top-menu .showsub{color:inherit;}
	
	.header-box-right .d-flex {justify-content: flex-end;}
	.search-bar-wrapper{background-color: transparent;}
	
	.menu-hide{display: inline-block !important;}
	.lang-switchs-pc{display:none;}

	/*.image-slider{padding-top: 50%;}
	.image-slider .image-slider_item{ width: 970px !important; height: 485px !important; }*/
	
	.main-content{padding-bottom: 20px;}
	.book-wrapper .book-cover{max-width: 240px;}
	.floating-character{max-width: 180px; bottom:-2%; right: 0;}
	.back-top{right:0;}
}

@media (max-width: 800px){ /*desktops min*/
}

@media (max-width: 768px){ /*tablet*/
	html{font-size: 16px;}
	body{overflow-x: hidden; max-width: 100%; background-size:auto; background-attachment: fixed; line-height: 1.5em}
	
	#page-wrapper{display:block !important; min-height: 0;}
	#top{height: 120px;}
	
	.h1, h1{ font-size: 1.5rem;}
	.h4, h4{ font-size: 1rem;}
	.h5, h5{ font-size: 1rem;}
	
	.row-flex>.col-lg-1>div, .row-flex>.col-lg-2>div, .row-flex>.col-lg-3>div, .row-flex>.col-lg-4>div, .row-flex>.col-lg-5>div, .row-flex>.col-lg-6>div, .row-flex>.col-lg-7>div, .row-flex>.col-lg-8>div, .row-flex>.col-lg-9>div, .row-flex>.col-lg-10>div, .row-flex>.col-lg-11>div, .row-flex>.col-lg-12>div,
.row-flex>.col-md-1>div, .row-flex>.col-md-2>div, .row-flex>.col-md-3>div, .row-flex>.col-md-4>div, .row-flex>.col-md-5>div, .row-flex>.col-md-6>div, .row-flex>.col-md-7>div, .row-flex>.col-md-8>div, .row-flex>.col-md-9>div, .row-flex>.col-md-10>div, .row-flex>.col-md-11>div, .row-flex>.col-md-12>div{
	height: auto; margin-bottom: 1rem;
}
	
.grid-md-1>*, .grid-md-2>*, .grid-md-3>*, .grid-md-4>*, .grid-md-5>*, .grid-md-6>*, .grid-md-7>*, .grid-md-8>*, .grid-md-9>*, .grid-md-10>*{-ms-flex:0 0 100%; flex:0 0 100%; }

.grid-sm-1, .grid-sm-2, .grid-sm-3, .grid-sm-4, .grid-sm-5, .grid-sm-6, .grid-sm-7, .grid-sm-8, .grid-sm-9, .grid-sm-10{margin-left: -10px; margin-right: -10px;}
.grid-sm-1>*, .grid-sm-2>*, .grid-sm-3>*, .grid-sm-4>*, .grid-sm-5>*, .grid-sm-6>*, .grid-sm-7>*, .grid-sm-8>*, .grid-sm-9>*, .grid-sm-10>*{ padding: 10px;}
.grid-sm-1>*{-ms-flex:0 0 100%; flex:0 0 100%; }
.grid-sm-2>*{-ms-flex:0 0 50%; flex:0 0 50%; }
.grid-sm-3>*{-ms-flex:0 0 33.333%; flex:0 0 33.333%; }
.grid-sm-4>*{-ms-flex:0 0 25%; flex:0 0 25%; }
.grid-sm-5>*{-ms-flex:0 0 20%; flex:0 0 20%; }
.grid-sm-6>*{-ms-flex:0 0 16.666%; flex:0 0 16.666%; }
.grid-sm-7>*{-ms-flex:0 0 14.285%; flex:0 0 14.285%; }
.grid-sm-8>*{-ms-flex:0 0 12.5%; flex:0 0 12.5%; }
.grid-sm-9>*{-ms-flex:0 0 11.111%; flex:0 0 11.111%; }
.grid-sm-10>*{-ms-flex:0 0 10%; flex:0 0 10%; }
	
.grid-sm-1{margin-left: 0; margin-right: 0;}
.grid-sm-1>*{padding: 0 0 15px;}
	
	html[lang=en-GB] .navbar>li>a{font-size: 1rem;}
	html[lang=en-GB] .navbar>li>a>.fa{font-size: 1,5rem; margin-right: 10px;}
	html[lang=en-GB] .navbar>li .sub>li>a{font-size: 1rem;}
	
	.image-slider .owl-nav{width:750px;}
	/*.image-slider .image-slider_item{width: 750px; height:375px;}*/
	
	.page-header h1{padding-bottom: 1.5rem;}
	.page-header h1:after{height: 5px; border-radius: 5px;}
	
	/*main.main-content{ margin-top: 0;}*/
	.main-content{padding-bottom: 0;}
	.list-round-img .list-round-img-item{ width: 200px;}
	
/*	.block-title>h3{margin-top: 30px; margin-bottom: 30px;}*/
	
	.block-school .row-flex>.col{ min-width: 50%; flex-shrink: 0; flex-grow: 0;}
	
	.book-wrapper{display:block; }
	.book-wrapper .book-cover{max-width: 200px; float: left;}
	.book-wrapper .book-intro{padding-left: 0;}
	.book-wrapper .book-intro .book-title, .book-wrapper .book-intro blockquote{margin-left: 220px}
	.book-wrapper.reverse .book-cover{float: right;}
	.book-wrapper.reverse .book-intro{padding-right: 0;}
	.book-wrapper.reverse .book-intro .book-title, .book-wrapper.reverse .book-intro blockquote{margin-left: 0; margin-right: 220px}
	
	.event-photo-list .list-group-item .cover{height: 240px;}
	.comming.row-flex-wrap h1{font-size: 2rem;}
	
	form#contact_form{max-width: 495px; margin: 2rem auto 0}
	
	#page-footer{height: 175px;}

}
@media (max-width: 767px){
.block-text .item{display:block; align-items: center; flex-direction: column;}
.block-text .item-thumb{margin-bottom:0; width: 100%;}
.items-image-left .item .item-thumb, .items-image-right .item .item-thumb{width: 100%; order:1}
.item-image-20 .item .item-thumb, .item-image-25 .item .item-thumb, .item-image-50 .item .item-thumb, .item-image-33 .item .item-thumb, .item-image-66 .item .item-thumb, .item-image-75 .item .item-thumb{width: 100%;}
.block-text .item-intro{ width: 100%; padding: 1em 0; order:2}
}

@media (max-width: 736px){ /*iPhone 8+ landscape*/
	.image-slider .owl-nav{width:100%;}
		
	.block-content-image>*, .block-image-content>*{ /*display: block;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; }
	.block-content-image .block-image, .block-content-image .block-content, .block-image-content .block-image, .block-image-content .block-content{ 
		-ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100vw; }
	.block-content-image .block-content, .block-image-content .block-content{padding: 30px;}
.block-image-content .block-image, .block-content-image .block-image{order: 1;}
.block-content-image .block-content, .block-image-content .block-content{order: 2;}
	/*.block-content-image .block-image{order: 1;}
	.block-content-image .block-content{order: 2;}*/

	/*.image-slider .image-slider_item{width: 700px; height:350px;}*/
	
	.form-group.form-group-hoz{display:block; }

}

@media (max-width: 667px){ /*iPhone 8 landscape*/

	/*.image-slider .image-slider_item{width: 630px; height:315px;}*/
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
	
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}


@media (max-width: 568px){ /*iPhone 5 landscape*/ 
	/*html{font-size: 14px;}*/
	body{ /*width: 98%; margin: 1% auto; padding-top: 60px*/}
	#top{height: 60px;}
	
	.h2, h2{ font-size: 1.25rem;}
	.h3, h3{ font-size: 1rem;}
	
	.container{width:  100%;}
	
	.row-flex>.col-lg-1>div, .row-flex>.col-lg-2>div, .row-flex>.col-lg-3>div, .row-flex>.col-lg-4>div, .row-flex>.col-lg-5>div, .row-flex>.col-lg-6>div, .row-flex>.col-lg-7>div, .row-flex>.col-lg-8>div, .row-flex>.col-lg-9>div, .row-flex>.col-lg-10>div, .row-flex>.col-lg-11>div, .row-flex>.col-lg-12>div,
.row-flex>.col-md-1>div, .row-flex>.col-md-2>div, .row-flex>.col-md-3>div, .row-flex>.col-md-4>div, .row-flex>.col-md-5>div, .row-flex>.col-md-6>div, .row-flex>.col-md-7>div, .row-flex>.col-md-8>div, .row-flex>.col-md-9>div, .row-flex>.col-md-10>div, .row-flex>.col-md-11>div, .row-flex>.col-md-12>div,
.row-flex>.col-sm-1>div, .row-flex>.col-sm-2>div, .row-flex>.col-sm-3>div, .row-flex>.col-sm-4>div, .row-flex>.col-sm-5>div, .row-flex>.col-sm-6>div, .row-flex>.col-sm-7>div, .row-flex>.col-sm-8>div, .row-flex>.col-sm-9>div, .row-flex>.col-sm-10>div, .row-flex>.col-sm-11>div, .row-flex>.col-sm-12>div{
	height: auto; margin-bottom: 1rem;
}
	
.grid-sm-1>*, .grid-sm-2>*, .grid-sm-3>*, .grid-sm-4>*, .grid-sm-5>*, .grid-sm-6>*, .grid-sm-7>*, .grid-sm-8>*, .grid-sm-9>*, .grid-sm-10>*{-ms-flex:0 0 100%; flex:0 0 100%; }

.grid-xs-1, .grid-xs-2, .grid-xs-3, .grid-xs-4, .grid-xs-5, .grid-xs-6, .grid-xs-7, .grid-xs-8, .grid-xs-9, .grid-xs-10{margin-left: -5px; margin-right: -5px;}
.grid-xs-1>*, .grid-xs-2>*, .grid-xs-3>*, .grid-xs-4>*, .grid-xs-5>*, .grid-xs-6>*, .grid-xs-7>*, .grid-xs-8>*, .grid-xs-9>*, .grid-xs-10>*{ padding: 5px;}
.grid-xs-1>*{-ms-flex:0 0 100%; flex:0 0 100%; }
.grid-xs-2>*{-ms-flex:0 0 50%; flex:0 0 50%; }
.grid-xs-3>*{-ms-flex:0 0 33.333%; flex:0 0 33.333%; }
.grid-xs-4>*{-ms-flex:0 0 25%; flex:0 0 25%; }
.grid-xs-5>*{-ms-flex:0 0 20%; flex:0 0 20%; }
.grid-xs-6>*{-ms-flex:0 0 16.666%; flex:0 0 16.666%; }
.grid-xs-7>*{-ms-flex:0 0 14.285%; flex:0 0 14.285%; }
.grid-xs-8>*{-ms-flex:0 0 12.5%; flex:0 0 12.5%; }
.grid-xs-9>*{-ms-flex:0 0 11.111%; flex:0 0 11.111%; }
.grid-xs-10>*{-ms-flex:0 0 10%; flex:0 0 10%; }
	
.grid-xs-1{margin-left: 0; margin-right: 0;}
.grid-xs-1>*{padding: 0 0 15px;}
	
.table{display:block; }
.table>.row, .table>.list-group-item__row{display:block; }
.table>.row:before, .table>.row:after, .table>.list-group-item__row:before, .table>.list-group-item__row:after{ display:table;}
.table>.row>div, .table>.list-group-item__row>div{ display:blocl; float: left;}
	
	header.page-top{height: 60px;}
.header-box, header.page-top.fixed .header-box{ padding: 0; height: 60px;}
.header-box .logo img{max-height: 60px;}
.header-box .logo, .header-box.fixed .logo { width: 80px; height: 60px; }
.header-box h1, header.page-top.fixed .header-box h1{width: 47%;}
	.header-box.header-left{z-index: 1}
	.nav-wrapper{z-index: 2}
	
	.image-slider .image-slider_item{width: 530px; height:265px;}
	.image-slider .owl-nav button.owl-next, .image-slider .owl-nav button.owl-prev{ width: 32px;height: 32px;font-size: 24px;}
	/*.image-slider button.owl-next{right:-32px;}
	.image-slider button.owl-prev{left:-32px;}*/
	.main-content{padding-bottom: 0; min-height: 0;}
	
	main.main-content .container-fullw{padding: 10px 0;}
	
	.page-header h1:after{width: 100%;}
	.page-header .desc{ max-width: 100%;}
	
	.block-school .row-flex>.col{ min-width: 100%; flex-shrink: 0; flex-grow: 0;}
	
	.book-wrapper{display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:column }
	.book-wrapper .book-cover, .book-wrapper.reverse .book-cover{max-width: 90%; float: none; margin: 0 auto;}
	.book-wrapper .book-intro{}
	.book-wrapper .book-intro .book-title, .book-wrapper .book-intro blockquote, .book-wrapper.reverse .book-intro .book-title, .book-wrapper.reverse .book-intro blockquote{margin-left: 0; margin-right: 0; margin-top: 2rem}
	.book-wrapper .book-intro blockquote:before, .book-wrapper.reverse .book-intro blockquote:before, .praise-list .list-group-item blockquote:before{ content: ""; position: absolute; height: 0; width: 0;  border-top: none; border-right: 1rem solid transparent; border-bottom: 1rem solid #f8f9d5; border-left: 1rem solid transparent;
    top: -1rem; right:40%; bottom:auto; left: 40%; }
	.praise-list .list-group-item blockquote:before{right:auto; left:10%;}
	.book-wrapper .action-group .btn{margin-right: 0; width: 100%;}
	
	.blog-list .thumb{max-height: none;}
	
	.comming.row-flex-wrap img{max-width: 300px; margin: auto;}
	.comming.row-flex-wrap h1{font-size: 2.5rem;}
	
	.floating-character{animation-name:none;}
	.floating-character img{display:none;}
	.floating-character .back-top{transform: translateY(0) !important; position: relative; left: 0;top: -15px;}
	.floating-character .back-top:after{ border-color: transparent transparent #1ca5ad transparent; top:-18px; }
	
	.text-list .list-item>a{ flex-direction: column;}
	
}

@media (max-width: 480px){ /*Android*/
	header.page-top .header-box h1, header.page-top.fixed .header-box h1{font-size: 12px;}
	.image-slider .image-slider_item{width: 450px; height:275px;}
	a.feature_icon{width: 160px; height: 160px;}
	.feature_icon .fa, .feature_icon .fas{font-size: 64px;}
	
}
@media (max-width: 414px){ /*iPhone 8+*/
	.image-slider .image-slider_item{width: 380px; height:190px;}
	
}

@media (max-width: 375px){ /*iPhone 8*/
	.image-slider .image-slider_item{width: 340px; height:170px;}
	a.feature_icon{width: 130px; height: 130px; font-size: 1rem;}
}

@media (max-width: 320px){ /*iPhone 5*/
	.image-slider .image-slider_item{width: 290px; height:145px;}
}