@charset "utf-8";


@font-face {
	font-family: 'Poppins';
	src:url('../fonts/Poppins-Regular.ttf');
	font-weight: normal;
}
@font-face {
	font-family: 'Poppins-Medium';
	src:url('../fonts/Poppins-Medium.ttf');
}
@font-face {
	font-family: 'Poppins-Bold';
	src:url('../fonts/Poppins-Bold.ttf');
}

body { font-family: 'Poppins',Arial; font-size: 16px; }

.text-blue{
	color: #227ce0;
}
.bg-blue{
	background: #227ce0 !important;
}
.more-btn{
	padding: 0.5rem 1.5rem;
}
/*header {*/
/*	width: 100%;*/
/*	position: fixed;*/
/*	top: 0;*/
/*	z-index: 2;*/
/*	background: #fff;*/
/*}*/



.mx-auto {
	display: block;
}

a {
	text-decoration: none;
	color: #252525;
}

a:hover,
a:focus {
	text-decoration: none !important;
}

a,
input,
button {
	outline: none !important;
}

.editor {
	overflow: hidden;
}

.editor img {
	display: inline-block;
	max-width: 100% !important;
	height: auto !important;
}

.editor iframe {
	max-width: 100%;
}

.editor table {
	max-width: 100% !important;
}


.header-top a,.header-top{
	color: #fff;
	font-size: 0.825rem;
}
.header-top{
	background: #227ce0;
	padding: 10px 15px;
}
@media (min-width: 1440px) {
	.header-top{
		padding: 15px 30px;
	}
}
@media (min-width: 1440px) {
	.container{
		max-width: 1200px;
	}
}

@media (min-width: 1680px) {
	.container{
		max-width: 1440px;
	}
}
@media (min-width: 1750px) {
	.container{
		max-width: 1750px;
	}
}
.search-box{
	position: relative;
}
.search-box .fa{
	margin-top: -9px;
	position: absolute;
	right: 10px;
	top:50%;
	color: #000;
	font-size: 1rem;
	cursor: pointer;
}
.search-content{
	width: 150px;
	height: 28px;
	border: none;
	border-radius: 20px;
	padding-right: 25px;
	padding-left: 5px;
}
@media (min-width: 768px) {
	.search-box .fa {
		right: 15px;
	}
	.search-content {
		width: 200px;
		padding-right: 35px;
	}
}
.cart-btn{
	position: relative;
}
.mini-cart-total{
	width: 15px;
	height: 15px;
	line-height: 15px;
	margin-top: -3px;
	margin-right: -6px;
	text-align: center;
	border-radius: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff;
	color: #4a95c1;
	display: inline-block;
}

#btn-mobile-menu{
	background: #227ce0;
	color: #fff;
}
.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #002c75; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}
#menu-mobile{
	background: #227ce0;
}
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
	background: #6c9045;
}
.menu > li.active a{
	color: #3d8ce4;
}
.menu > li.active {
	border-bottom: 1px solid #3d8ce4;
}
.menu > li{
	height: 30px;
	line-height: 30px;
}
.menu .dropdown.selected .sub-menu  a{
	padding-left: 12px;
	display: block;
}
.menu .dropdown.selected .sub-menu .selected a{
	color: #fff;
}
.menu .dropdown.selected .sub-menu .selected{
	background: #227ce0;
}
.menu .dropdown.selected .sub-menu{
	display: block;
}

.menu .dropdown .sub-menu li{
	width: 170px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eee;
}
.menu .dropdown .sub-menu li:last-child{
    border-bottom:0;
}

.menu .dropdown .sub-menu{
	position: absolute;
	top: 30px;
	left: -12px;
	display: none;
	background: #fff;
	z-index: 9;
}
.menu a{
	font-size: 0.825rem;
}
@media (min-width: 1024px) {
	.header-right-content{
		width: 80%;
	}
	.box-logo img{
		max-height: 70px;
	}
}
@media (min-width: 1440px) {
	.menu a{
		font-size: 1rem;
	}
}
@media (min-width: 1680px) {
	.header-right-content{
		width: 60%;
	}
}
.white-corner{
	position: absolute;
	right: 0px;
	bottom: 0;
	z-index: 9;
	display: none;
}
.swiper-desc{
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: 20%;
	left: 10%;
}

.white-corner img{
	height: 150px;
}
.fix-slideshow .swiper-container{
	height: 100%;
}
.fix-slideshow .swiper-pagination{
	left: 5%;
	bottom: 5%;
}
.fix-slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #fff;
}
.fix-slideshow .swiper-pagination-bullet:not(:last-child){
	margin-right: 10px;
}
.fix-slideshow .swiper-pagination-bullet{
	width: 43px;
	height: 5px;
	border-radius: 5px;
	background: #dfdfdf;
}
.home-about-content{
	/*padding-left: 3%;*/
	position: relative;
	z-index: 1;
}

.home-about-box{
	border-top-left-radius: 130px;
	border-bottom-left-radius: 130px;
	padding-top: 4%;
	padding-bottom: 2%;
	background: #fff;
}

.home-about-desc,.home-about-image{
	background: #fff;

}


.fix-slideshow .swiper-slide ,.fix-slideshow .swiper-slide img{
	height: 100%;
}
.fix-slideshow{
	height: 35vh;
	position: relative;
}
@media (min-width: 768px) {
	.fix-slideshow{
		height: 55vh;
	}
}
@media (min-width: 1024px) {
	.fix-slideshow{
		height: auto;
	}
}
.home-about-title{
	font-size: 1.5rem;
	font-weight: 600;
    margin-bottom:0;
}
.grey-line{
	width: 40px;
	height: 6px;
	background: #dfdfdf;
}
.home-post-group{
	position: relative;
	overflow: hidden;
	height: 80vh;
}
.home-post-listing,
.home-tour-content,
.footer-content,
.home-latest-content{
	max-width: 1342px;
	margin: 0px auto;
}
.home-post-content{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 15px;
}
.fix-home-post-round{
	border-radius: 20px;

}
.home-post-box:not(:last-child){
	/*margin-right: 25px;*/
}
.home-post-box{
}
.image-box{
	position: relative;
}
.post-date {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #000;
	padding: 2px 15px;
}
.home-post-box .post-date,.home-post-box a{
	transition: all 0.5s;
}
.home-post-box:hover a{
	color: #227ce0;
}
.home-post-box:hover .post-date{
	background: #227ce0;
}
.home-about-left-corner{
	position: absolute;
	right: 0px;
	display: none;
}
.fix-home-latset {
	position: relative;
}
.home-latest-title a{
	color: #fff;
}
.index-product-list-img:hover .home-latest-title .fa{
	opacity: 1;
}

.index-product-list-img .home-latest-title .fa{
	opacity: 0;
	font-size: 24px;
}

.index-product-list-img .home-latest-title a{
	justify-content: center;
}
.index-product-list-img:hover .home-latest-title a{
	justify-content: space-between;
}
.index-product-list-img:hover .home-latest-title{
	background: #227ce0;
}
.home-latest-title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.5s;
}
.index-product-list-img{
	position: relative;
	overflow: hidden;
}
.fix-home-post{
	padding-top: 5%;
}
.home-post-group > img{
	height: 70vh;
}
.home-latest-content{
	padding-top: 3%;
}
.home-post-group > img {
	height: 100%;
}
@media (min-width: 768px) {
	.swiper-desc {
		font-size: 30px;
	}
	.home-latest-title {
		border-radius: 10px;
	}
	.white-corner img{
		height: 150px;
	}
	.fix-slideshow .swiper-slide, .fix-slideshow .swiper-slide img{
		height: auto;
	}
	.home-about-desc, .home-about-image{
		height: 100%;
		width: 50%;
	}
	.fix-slideshow .swiper-pagination{
		bottom: 25%;
	}
	.home-post-group{
		height: 90vh;
	}
	.home-about-title {
		font-size: 3rem;
	}

}
@media (min-width: 1024px) {
    .home-latest-corner img { height:150px; }
	.home-about-left-corner img{
		height: 150px;
		margin-right: -1px;
	}
	.swiper-desc {
		/*top: 40%;*/
		font-size: 40px;
	}
	.home-latest-title {
		height: 100px;
		line-height: 100px;
		border-radius: 15px;
	}
	.white-corner {
		bottom: 60px;
		display: block;
	}
	.white-corner img{
		height: 200px;
	}
	.home-about-content {
		margin-top: -61px;
		padding-left: 3%;
	}
	.home-about-box{
		padding-left: 10%;
	}
	.home-about-left-corner {
		display: block;
		overflow: hidden;
	}
	.home-post-group{
		height: 100vh;
	}

}
@media (min-width: 1440px) {
    .home-latest-corner img { height:180px; }
	.home-about-left-corner img{
		height: 180px;
	}
	.swiper-desc {
		font-size: 60px;
        line-height:1.2;
        top:34%;
	}
	.home-latest-title {
		border-radius: 20px;
	}
	.white-corner {
		bottom: 120px;
	}
	.white-corner img{
		height: auto;
	}
	.home-about-content{
		margin-top: -121px;
	}
	.home-latest-content{
		padding-top: 3.7%;
	}
	.home-post-group{
		margin-top: -131px;
	}
	.fix-home-post{
		padding-top: 13.5%;
	}
	.fix-home-latset{
		margin-top: -130px;
	}
	.home-post-group,.home-post-group > img{
		height: auto;
	}
}
@media (min-width: 1680px) {
	.home-latest-content{
		padding-top: 5%;
	}
    .home-latest-corner img { height:auto; }
	.home-about-left-corner img{
		height: auto;
	}
}
.fix-home-latest-title .fa{
	font-weight: bold;
}
.fix-home-latest-title{
	font-size: 1.25rem;
}
.index-product-list:not(:last-child){
	margin-bottom: 1.6rem;
}
.home-post-title .title{
	font-size: 1.5rem;
	margin-bottom: 15px;
	display: inline-block;
}
@media (min-width: 768px) {
	.home-post-title .title {
		font-size: 2rem;
	}
}
.white-line{
	width: 40px;
	height: 6px;
	margin: 0px auto;
	background: #fff;
}
.home-post-page{
	width: auto !important;
	margin: 0px auto !important;
	text-align: center;
	background: rgba(0,0,0,0.5);
	position: unset !important;
	display: inline-block !important;
	padding: 2px 25px !important;
}
.fix-home-post .slick-dots li button:before,.fix-home-post .slick-dots li.slick-active button:before{
	color: #fff;
	margin-top: -3px;
	font-size: 18px;
}
.fix-home-post .slick-dots li.slick-active button:before{
	opacity: 1;
}
.home-latest-corner{
	margin-top: -33%;
	display: none;
}
@media (min-width: 1024px) {
	.home-latest-corner{
		display: block;
	}
}
.home-latest-bg{
	background: #fff;
	border-top-left-radius: 142px;
	/*margin-left: 5%;*/
    margin-bottom:85px;
}
.home-tour-image a{
	display: inline-block;
	border-radius: 100px;
	overflow: hidden;
	border: solid 10px #fff;
	transition: all 0.5s;
}
.index-product-list:hover .home-tour-title a{
	color: #227ce0;
}
.index-product-list:hover .home-tour-image a{
	border: solid 10px #227ce0;
}

@media (min-width: 992px) {
	.footer-list{
		width: 60%;
	}
    .footer {
        padding-top: 80px;
    }
}
.footer a:hover{
	text-decoration: underline !important;
}
.footer a{
	color: #fff;
}
.footer{
	background: url("../images/footer_bg_02.png") center no-repeat;
	background-size: cover;
	color: #fff;
}

.footer-list li{
	margin-bottom: 24px;
}
.white-long-line{
	height: 1px;
	background: #fff;
}
.fix-copy-right{
	font-size: 14px;
}
@media (min-width: 768px) {
	.fix-copy-right{
		font-size: 16px;
	}
}
/*
.fix-slideshow .swiper-slide img{
	height: 150px;
}*/







@media(max-width:768px){
    .fix-slideshow {
        height: 26vh;
        position: relative;
    }
}
@media(max-width:960px){
    .home-about-content { margin-bottom:30px; }
    .home-about-title { margin-bottom:28px; margin-top:20px; }
    .contact-info { margin-bottom:30px; }
    .footer-nav-section { margin-bottom:20px; }
    .home-country-big-title { margin-bottom:0; }
    .contact-info h5 { padding-top:38px; }
}

@media(max-width:576px){
    .fix-slideshow {
        height: 31vh;
    }
    .swiper-slide img { height:31vh!important; }
    .home-about-content { margin-top:20px!important; }
    .swiper-desc { top: 30%; }
    .fix-slideshow .swiper-pagination { bottom: 12%; }
}

@media (min-width: 768px) and (max-width:1200px){
    .fix-slideshow {
        height: 32vh;
    }
}

@media(min-width:1200px){
    .header-right {
        padding-top:1.2rem!important; padding-bottom:1.2rem!important;
    }
}
.white-corner { display:none; }
@media (min-width: 1440px){
    .home-about-content {
        margin-top: 0;
    }
}
.home-about-content {
    margin-top: 0;
}

@media (min-width: 768px){
    .fix-slideshow .swiper-pagination {
        bottom: 15%;
    }
}
.fix-slideshow .swiper-pagination {
    left: 10%;
}

.home-post-group, .home-post-group > img {
    width:100%;
}
@media (max-width: 576px){
    .home-post-group, .home-post-group > img { height:585px; }
    .home-about-title { margin-bottom:25px; }
}
@media (min-width: 760px){
    .home-post-group, .home-post-group > img { height:680px; }
}
@media (min-width: 1440px){
    .home-post-group, .home-post-group > img { height:950px; }
}
@media (min-width: 1920px){
    .home-post-group, .home-post-group > img { height:1250px; }
}
/*@media (min-width: 1024px){
    .home-post-group {
        height: 135vh;
    }
}*/
@media (min-width: 1024px){
    .home-about-content {
        padding-left: 0;
    }
}


@media (min-width: 1440px){
    .fix-home-latset {
        margin-top: -179px;
    }
    /*.home-post-content { width:80%; }*/

    #common-home {
        /*max-width: 1363px;*/
    }

}

@media(min-width:1200px) and (max-width:1440px){
    .home-latest-corner {
        margin-top: -38%;
        display: block;
    }

    .home-post-listing { padding-left:0; width:80%; }
    /*.home-latest-bg { padding-left:10%; }*/
}

@media(min-width:1200px) and (max-width:1919px){
    .home-latest-bg { padding-left:10%; }
}

@media (max-width: 575px){
    .home-about-content {
        margin-top: 0!important;
    }
    .header-top {
        padding: 10px 0;
    }
}
.home-post-description {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    min-height:96px;
}
/*@media(max-width:960px){
    .home-post-description {
        min-height:72px;
    }
}*/
/*.home-post-page { z-index:999!important; }*/

/*.home-latest-corner { position:relative; }*/
/*.fix-home-latset { position:relative; }
.home-latest-corner img {
    margin-top: -30%;
    width: 300px;
    height:
    right: 0;
    bottom: 0;
    display: none;
}*/


/*.fix-home-latset { position:relative; }
.home-latest-corner {
    width: 300px;
    position: absolute;
    right: 0;
    top:36%;
}*/

/*.fix-home-latset { pointer-events:none; }*/

@media (min-width: 1750px){
    .container {
        max-width: 1700px;
    }
}

@media(min-width:992px) and (max-width:1439px){
    .home-about-left-corner img,.home-latest-corner img { display:none; }
    .home-latest-corner {
        margin-top: 0;
    }
    .home-about-box {
        padding-left: 0%;
    }
    
}
@media(min-width:992px) and (max-width:1440px){
    .home-post-list-title {
        min-height:47px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
}

@media(min-width:1440px) and (max-width:1919px){
    .home-latest-corner {
        margin-top: -27%;
        display: block;
    }
    /*.home-post-box { max-height:400px; }*/
}

@media(max-width:768px){
    .footer ul li { margin-bottom:5px; }
    .editor p { margin-bottom:5px; }
    .contact-info { margin-bottom:30px; }
    /*.column3 { margin-top:20px; }*/
    .home-country-big-title { margin-bottom:0; }
    .home-post-title .title {
        margin-bottom:11px;
    }
}
@media(min-width:768px) and (max-width:992px){
    .swiper-desc { top:35%; }
}
.search-content {
    padding-left: 15px;
}
.search-box .fa2 {
    right: 36%;
}
.header-top{
    padding: 10px 15px;
}
.login-btn {
    font-weight: bold;
}
@media (min-width: 1680px){
    .header-right-content {
        width: 66%;
    }
}
.fix-slideshow .swiper-slide, .fix-slideshow .swiper-slide img { max-height:90vh; }
.home-about-title{
    font-weight:900;
    line-height:1.59;
}
.home-latest-content{
    max-width: 1342px;
}
.home-about-editor {
    margin-top:42px;
}

@media(max-width:576px){
    .mobile-container { padding-left:0; padding-right:0; }
}


/*back-to-top*/
#back-to-top {
    position: fixed;
    right: 3%;
    bottom: 5%;
    z-index: 999;
    padding: 15px;
    background: #227CE0;
    border-radius: 10px;
}

@media(min-width: 768px) {
    #back-to-top {
        right: 3%;
        bottom: 6%;
    }
}

#back-to-top a {
    color: #fff;
}
.more-btn:hover{
    background-color:#000!important;
}









.langboxbox a.active {
    color: #fff!important;
    background-color: #227CE0;
}
.langboxbox a.active span {
    color: #fff!important;
}

/*.lang{margin: 0 6px;}*/
.mobile-lang{display: none;}
@media (min-width:768px) {
    /*.lang{margin: 0 16px;}*/
}
@media (min-width:1240px) {
    /*.lang{margin: 0 26px;}*/
}
@media (min-width:1400px) {
    /*.lang{margin: 0 36px;}*/
}
@media (max-width:991px) {
    .mobile-lang{display: block;}
    .lang{display: none;}
}
.lang-box{position: relative;}
.langdownbox {display: none; position: absolute; margin-left: -18px; margin-top: 8px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); z-index: 999;}
.language-box .langboxbox {display: flex; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, .15); padding: 10px; border-radius: 6px;}
.langboxbox a {display: block; text-align: center; width: 100%; padding: 4px 16px; text-transform: uppercase; }
.langboxbox a span {font-size: 16px; font-weight: 300; text-align: center; color:#000;}
.langboxbox a:hover {color: #fff; background-color: #227CE0;}
.langboxbox a:hover span { color:#fff; }


.image-box { overflow:hidden; margin-bottom:20px; border-radius:20px; }
.image-box img { transition: all 0.5s ease; }
.image-box:hover img { transform: scale(1.1); }

@media(min-width:768px) and (max-width:992px){
    .search-box .fa2 {
        right: 9%;
    }
}

.index-product-list-img img { width:100%; height:auto; }

.swiper-desc {
    text-shadow: 2px 7px rgb(0 0 0 / 100%);
}

.home-about-box{
    padding-top: 82px;
}

@media(max-width:768px){
    .home-post-group { max-height:67vh; overflow:hidden; }
    .home-about-editor {
        margin-top: 26px;
    }
    .home-about-title {margin-top: 17px; }
    .grey-line2 { margin-bottom:32px!important; }
    .home-country-big-title { margin-top:0; }
    .home-post-content { display:flex; align-items:center; }
}

@media(max-width:576px){
    .home-post-group { max-height:89vh; overflow:hidden; }
    /*.home-post-page { margin-top:-30px; }*/
    .slick-track { max-height:65vh; overflow:hidden; }
}
@media(max-width:1024px){
    .fix-home-post{
        /*padding-top: 7%;*/
    }
}
@media(min-width:1440px) and (max-width:1919px){
    .fix-home-post {  margin-top:4.5%; }
}






















/* shop start */

.shop {
    background: url(../images/shop-banner.png) no-repeat center;
    background-size: cover;
}

.package {
    background: url(../images/package-banner.png) no-repeat center;
    background-size: cover;
}

.inner-box {
    margin: 80px 0;
    padding: 0;
}

@media (max-width:768px) {
    .inner-box {
        margin: 40px 0;
        padding: 0;
    }
}

.shop-row {
    display: flex;
}

.shop-l-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    display: flex;
}

.shop-l-title-box {
    padding: 10px 0;
    font-size: 18px;
    color: #666;
    
    display: flex;
    align-items: center;
}

@media (max-width:768px) {
    .shop-l-title  {
        display: flex;
        align-items: center; 
        justify-content: space-between;
        padding: 0 10px;
    }
    .shop-l-title{
        margin-bottom: 5px;
    }
}

.fa-th-large{
    color: #666;        
    font-size: 18px;
    margin-right: 10px;
}

.list-con-left ul li a {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    position: relative;
    text-align: left;
    font-size: 16px;
}

.prducts-inner-con .list-con-left ul li a {
    padding: 20px 35px;
    position: relative;
}

.list-con-left ul li a .span-img1,
.list-con-left ul li a .span-img2,
.list-con-left ul li a .span-img3 {
    width: 20px;
    position: absolute;
    left: 10px;
    top: 30px;
}

.list-con-left ul li a span {
    font-size: 16px;
    
    color: #999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fa-caret-right{
    font-size: 12px;
}

@media(max-width:767.98px) {

    .list-con-left-tit,
    .list-con-left-tit-phone {
        font-size: 24px;
        padding: 12px 15px;
    }

    .prducts-inner-con .list-con-left ul li a {
        padding: 15px 35px;
    }
}

@media(max-width:991.98px) {
    .list-con-left {
        margin-bottom: 30px;
    }

    .list-con-left-tit-phone {
        text-align: left;
    }

    .list-con-left ul {
        display: none;
    }
}

@media(min-width: 1280px) {
    .list-con-left ul li {
        font-size: 20px;
    }
}

.list-con-left ul .active {
    background: #eee;
    border-bottom: 1px solid #fff;
}

.list-con-left ul .new-active a {
    background: #b8a398;
    border-bottom: 1px solid #fff;
}

.list-con-left ul .new-active:hover {
    background: #b8a398;
}

.list-con-left ul .new-active a {
    color: #fff;
}

.list-con-left ul .new-active a:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #fff;
    position: absolute;
    right: 20px;
    top: 35%;
}

.list-con-left ul li:hover {
    background: #227CE0;
}

.list-con-left ul li:hover a span {
    color: #fff;
}

.list-con-left ul li a {
    color: #999;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    
}

.inner-bars{
    font-size: 16px;
    color: #666;
}

.inner-sub-menu {
    background: #fff;
}

.list-con-left .inner-sub-menu a {
    padding-left: 40px;
}

.list-con-left .inner-sub-menu a:hover {
    color: #666;
    background-color: #eee;
}

.list-con-left ul li .active {
    background-color: #227CE0;
}

.list-con-left .inner-sub-menu a.active{
    background-color: #eee;
    color: #666;
}

.list-con-left ul li a.active span{
    color: #fff;
}

.inner-sub-menu a::before {
    display: none;
}

.shop-r-top{
    display: flex;
    justify-content: flex-end;
}

.shop-sort{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}

.shop-sort b{
    font-size: 16px;
    
    color: #333;
    margin-right: 10px;
}

.shop-show{
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-show b{
    font-size: 16px;
    
    color: #333;
    margin-right: 10px;
}

.form-control{
    
    font-size: 14px;
    color: #000;
}

.form-control:focus {
    color: #000;
    background-color: #fff;
    outline: 0;
}

.shop-r-list{
    margin-top: 30px;
}

.shop-box{
    box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    margin-bottom: 30px;
    transition: all .4s ease;
}

/* @media (max-width:768px) {
    .shop-box{
        margin-bottom: 30px;
    }
} */

.shop-list-img{
    position: relative;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.shop-list-img img{
    width: 100%;
    height: auto;
    transition: all .4s ease;
}

.shop-r-title{
    display: flex;
    justify-content: center;
    
    font-size: 20px;
    color: #333;
    padding: 10px 0 0;
}

.shop-r-price{
    display: flex;
    justify-content: center;
    color: #227CE0;
    font-size: 20px;
    margin: 0;
    padding: 0 0 10px;
}

.hov{
    position: absolute;
    opacity: 0;
    transition: all .4s ease;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

.hov a{
    width: 100%;
    height: 100%;
}

.hov-box{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hov-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.hov-box .fa-heart-o {
    font-size: 20px;
    color: #fff;
    background-color: #227CE0;
    padding: 12px;
    border-radius: 6px;
}

.hov-box .fa-shopping-cart {
    font-size: 20px;
    color: #fff;
    background-color: #227CE0;
    padding: 12px;
    border-radius: 6px;
}

.shop-box:hover{
    box-shadow: none;
    transition: all .4s ease;
}

.shop-box:hover .shop-list-img img{
    transform: scale(1.1);
    transition: all .4s ease;
}

.shop-box:hover .shop-r-title{
    color: #333;
    transition: all .4s ease;
}

.shop-box:hover .hov {
    transition: all .4s ease-in-out;
    opacity: 1;
}

.pagination{
    display: flex;
    justify-content: center;
}

.page-item{
    margin: 0 8px;
}


.page-link{
    border: none;
    color: #333;
    font-size: 18px;
}

.page-item:first-child .page-link{
    border-radius: 0;
}

.page-item:last-child .page-link{
    border-radius: 0;
}

.page-link.active{
    background-color: #227CE0;
    color: #fff!important;
}

.page-link:hover{
    background-color: #227CE0;
    color: #fff!important;
}

/* ----------------- */
.shop-inner-left {
    padding: 0;
    margin: 0;
}

.location-photo {
    display: flex;
}

/* location slide */
.location-photo .slider-for button {
    display: none;
}

.location-photo .slick-prev,
.location-photo .slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

.location-photo .slick-prev:focus,
.location-photo .slick-next:focus {
    outline: none;
}

.location-photo .slick-prev.slick-disabled:before,
.location-photo .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.location-photo .slick-prev:before,
.location-photo .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.85;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.location-photo .slider-nav .slick-prev {
    left: -15px;
    background: url(../images/left-icon-n.png) center no-repeat;
    z-index: 2;
    top: 60%;
}

@media(min-width: 768px) {
    .location-photo .slider-nav .slick-prev {
        top: 58%;
    }
}

@media(min-width: 1024px) {
    .location-photo .slider-nav .slick-prev {
        left: -18px;
    }
}

@media(min-width: 1440px) {
    .location-photo .slider-nav .slick-prev {
        left: -25px;
        top: 56%;
    }
}

.location-photo .slick-prev:before {
    content: '';
}

.location-photo .slider-nav .slick-next {
    right: -15px;
    background: url(../images/right-icon-n.png) center no-repeat;
    z-index: 2;
    top: 60%;
}

@media(min-width: 768px) {
    .location-photo .slider-nav .slick-next {
        top: 58%;
    }
}

@media(min-width: 1024px) {
    .location-photo .slider-nav .slick-next {
        right: -18px;
    }
}

@media(min-width: 1440px) {
    .location-photo .slider-nav .slick-next {
        right: -25px;
        top: 56%;
    }
}

.location-photo .slick-next:before {
    content: '';
}

.location-photo .slick-slider {
    margin-bottom: 15px;
    display: flex;
}

.location-photo .slider-for img {
    width: 99%;
}

.location-photo .slider-nav img {
    width: 100%;
}

@media(min-width: 1400px) {
    .location-photo .slider-for img {
        width: 95%;
    }
}

.location-photo .slider-nav .slick-slide.slick-current.slick-active img {
    border: 1px solid #227CE0;
}

.location-photo .slick-slide {
    outline: none;
}

/* location slide end*/

/*product inner*/
.location-photo .slider-nav .slick-slide {
    float: none;
    width: 100% !important;
}

@media(min-width: 768px) {
    .location-photo .slider-nav .slick-slide {
        margin-top: 15px;
    }
}

@media(min-width: 992px) {
    .location-photo .slider-nav .slick-slide {
        margin-top: 20px;
    }
}

.location-photo {
    display: flex;
}

.information-box {
    padding-top: 30px;
}

.slider-for {
    width: 81%;
}

@media (max-width: 767px) {
    .slider-for {
        padding-left: 10px;
    }
}

.slider-for img {
    width: 100%;
}

.slider-nav {
    max-width: 10%;
}

.location-photo .slider-nav .slick-prev {
    top: -14px;
    left: 8%;
    transform: rotate(90deg);
    background: url(../images/left-icon-n.png) center no-repeat;
    background-size: 45px;
    z-index: 2;
    display: block !important;
}

@media(min-width: 360px) {
    .location-photo .slider-nav .slick-prev {
        top: -20px;
        left: 18%;
    }
}

@media(min-width: 375px) {
    .location-photo .slider-nav .slick-prev {
        left: 18%;
    }
}

@media(min-width: 411px) {
    .location-photo .slider-nav .slick-prev {
        left: 38%;
    }
}

@media(min-width: 768px) {
    .location-photo .slider-nav .slick-prev {
        top: 0;
    }
}

@media(min-width: 1024px) {
    .location-photo .slider-nav .slick-prev {
        top: 0;
        left: 27%;
    }
}

@media(min-width: 1440px) {
    .location-photo .slider-nav .slick-prev {
        top: 0px;
        left: 37%;
        transform: rotate(90deg);
    }
}

.location-photo .slider-nav .slick-next {
    width: 20px;
    height: 20px;
    right: 20%;
    top: 156px;
    transform: rotate(90deg);
    background: url(../images/right-icon-n.png) center no-repeat !important;
    background-size: 45px;
    z-index: 2;
    display: block !important;
}

@media (max-width:425px) {
    .location-photo .slider-nav .slick-prev{
        left: 30%;
    }
    .location-photo .slider-nav .slick-next{
        right: 30% !important;
    }
}

@media (max-width:320px) {
    .location-photo .slider-nav .slick-prev{
        left: 28%;
    }
    .location-photo .slider-nav .slick-next{
        right: 28% !important;
        top: 240px;
    }
}

@media(min-width: 360px) {
    .location-photo .slider-nav .slick-next {
        right: 22%;
        top: 190px;
        width: 20px;
        height: 20px;
    }
}

@media(min-width: 375px) {
    .location-photo .slider-nav .slick-next {
        top: 110%;
        right: 27%;
    }
}

@media(min-width: 411px) {
    .location-photo .slider-nav .slick-next {
        right: 38%;
        top: 104%;
    }
}

@media(min-width: 768px) {
    .location-photo .slider-nav .slick-next {
        top: 100%;
    }
}

@media(min-width: 1024px) {
    .location-photo .slider-nav .slick-next {
        top: 98%;
        right: 38%;
    }
}

@media(min-width: 1440px) {
    .location-photo .slider-nav .slick-next {
        right: 42%;
        transform: rotate(90deg);
    }
}

.slider-nav .slick-slide.slick-current.slick-active {
    
}


.slider-for.slick-initialized.slick-slider {
    margin-left: 0px;
}

.slider-nav {
    max-width: 19%;
    /*max-width: 10%;*/
}

.slick-list {
    height: 100%;
}

.pro-recommend-list .slick-arrow {
    display: block !important;
}

@media(min-width: 360px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 0px;
    }

    .product-left {
        margin-left: 0px;
    }

    .slider-nav {
        max-width: 19%;
        /*max-width: 10%;*/
    }
}

@media(min-width: 375px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 0px;
    }

    .product-left {
        margin-left: 0px;
    }

    .slider-nav {
        max-width: 19%;
        /*max-width: 10%;*/
    }
}

@media(min-width: 411px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 0px;
    }

    .product-left {
        margin-left: 0px;
    }

    .slider-nav {
        max-width: 19%;
        /*max-width: 10%;*/
    }
}

@media(min-width: 768px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 15px;
    }

    .product-left {
        margin-left: 15px;
    }

    .slider-nav {
        max-width: 19%;
        /*max-width: 10%;*/
    }
}

@media(min-width: 1024px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 20px;
    }

    .product-left {
        margin-left: 27px;
    }
}

@media(min-width: 1440px) {
    .slider-for.slick-initialized.slick-slider {
        margin-left: 30px;
    }

    .product-left {
        margin-left: 30px;
    }

    .slider-nav {
        max-width: 19%;
    }
}



.inner-product .slick-prev:before,
.inner-product .slick-next:before {
    font-size: 0;
}

.shop-inner-right {
    padding: 0;
}

.shop-inner-title {
    font-size: 40px;
    color: #333;
    padding: 0;
    
}

.shop-inner-price {
    font-size: 30px;
    
    color: #227CE0;
    font-weight: bold;
    padding: 0 0 20px;
    border-bottom: 2px solid #eee;
}

.shop-inner-price1 {
    font-size: 14px;
    color: #ccc;
    text-decoration: line-through;
}

.shop-inner-parameter-box {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.shop-inner-parameter-list {
    margin: 10px 0;
    display: flex;
}

.parameter-list-l {
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.parameter-list-l span {
    font-size: 18px;
    color: #999;
    
}

.parameter-list-r {
    font-size: 18px;
    color: #333;
    padding-left: 10px;
    
}

.catbox {
    margin-top: 30px;
    display: flex;
    align-items: center;
    /* border-top: 1px solid #eee; */
    padding-top: 20px;
}

.catbox-left {
    display: flex;
    justify-content: space-between;
    width: 100px;
}

.catbox-left span {
    font-size: 16px;
    color: #666;
}


.catbox-right {
    width: 85%;
    color: #666;
}

.catbox-right .input-group-prepend a {
    background: #fff;
    cursor: pointer;
}

.catbox-right .input-group-append a {
    background: #fff;
    cursor: pointer;
}

.input-group-text {
    padding: 4px 12px;
}

.all-more {
    margin-top: 40px;
}

.all-more .button {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    min-width: 130px;
    padding: 6px 10px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.1s;
    z-index: 0;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
}

.all-more .button2 {
    border: 1px solid #fff;
}

.all-more .button2:hover {
    border: 1px solid #000;
}

.all-more .button:hover {
    color: #fff;
}


.backbox {
    display: flex;
    justify-content: center;
    margin: 0 0 30px 0;
}

.shop-inner-share {
    margin-top: 30px;
    
}

.inner-share-title {
    font-size: 24px;
    color: #111;
    text-align: left;
    margin-right: 20px;
}

.inner-butter{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 40px 0;
}

@media (max-width:540px) {
    .shop-inner-title {
        font-size: 38px;
        margin-top: 20px;
    }
    .shop-inner-price{
        
        font-weight: normal;
    }
}


@media (max-width:320px) {
    .catbox {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .catbox-right {
        margin-top: 20px;
        padding: 0;
    }

}

@media (max-width:280px) {
    .location-photo .slider-nav .slick-next {
        width: 20px;
        height: 20px;
        top: 176px;
    }
}

.shop-description{
    margin-top: 80px;
}

.inner-title-s{
    
    font-size: 30px;
    color: #227CE0;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.description-con{
    margin-top: 20px;
    font-size: 16px;
    color: #999;
    
    line-height: 30px;
}

.related-products{
    margin-top: 80px;
}

.related-products-box{
    margin-top: 40px;
}

.back{
    margin: 20px 0 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width:425px) {
    .catbox{
        margin: 0;
    }
    
    .shop-description{
        margin-top: 10px;
    }
    .related-products{
        margin-top: 40px;
    }
}

/* shop end */


@media(min-width: 1600px) {
    .inner-box .container { max-width: 1360px; }
}



@media (min-width: 1400px){
    .account-common .container {
        max-width: 1360px;
    }
}
.account-common .breadcrumb-box {
    display:none;
}

.box-menu .menu a.active { color:#0056b3; }



/* contact start */
.contact{background: url(../images/contact-banner.png) no-repeat center; background-size: cover;}
.contact-information{padding: 80px 0 0 0;}
.con-info-box{position: relative; height: 188px; margin-bottom: 30px; border: 1px solid #ddd;  display: flex; justify-content: center; padding: 20px; transition: all ease-out .4s }
.con-info-icon{position: absolute; margin-top: -45px; transition: all ease-out .4s; display: flex;justify-content: center;align-items: center; width: 50px; height: 50px; background-color: #227CE0; border-radius: 100%;}
.con-info-icon .fa-phone{font-size: 20px; color: #fff;}
.con-info-icon .fa-envelope-o{font-size: 20px; color: #fff;}
.con-info-icon .fa-facebook{font-size: 20px; color: #fff;}
.con-info-icon .fa-map-marker{font-size: 20px; color: #fff;}
.con-info-inside{display: flex; flex-direction: column; transition: all ease-out .4s;}
.con-info-inside b{color: #227CE0; font-size: 24px; margin-top: 25px; text-align: center; display: flex; justify-content: center;}
.con-info-inside i{font-size: 16px; text-align: center; color: #666; font-style: normal; margin-top: 10px; display: flex; justify-content: center;}
.con-info-inside a{font-size: 16px; text-align: center; color: #666; font-style: normal; margin-top: 10px; display: flex; justify-content: center;}
.con-info-box:hover{border: 2px solid #227CE0; transition: all ease-out .4s}
.con-info-box:hover .con-info-icon{margin-top: 0; transition: all ease-out .4s}
.con-info-box:hover .con-info-inside{transition: all ease-out .4s; margin-top: 30px;}
.con-map{margin-bottom: 30px; display: flex; justify-content: center;}
.con-route{margin-bottom: 30px; border: 8px solid #227ce0; border-radius: 20px; padding: 15px; overflow: hidden; display: flex;}
.bus-route{padding: 0;}
.route-title{font-size: 24px; color: #227ce0;}
.bus-list-box-con{display: flex;}
.bus-list-box{margin-right: 60px;}
.bus-list{margin-top: 15px;}
.bus-list span{font-size: 16px; color: #333; font-weight: bold; display: flex; align-items: center;}
.bus-list span::before{content: ''; display: block; width: 14px; height: 14px; border-radius: 100%; background: #333; margin-right: 10px; }
.bus-list p{font-size: 16px; color: #666; margin-top: 8px;}
.con-table{width: 100%; height: 112px; margin-bottom: 110px; padding: 10px 20px; background-image: url(../images/contact-bottom2.png); background-repeat: no-repeat; background-position: center; display: flex; justify-content: center; align-items: center;}
.con-table-box{max-width: 900px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 10px 20px; position: relative;}
.con-table-box a{font-size: 24px; font-weight: bold; color: #fff;}
.con-table-box::after{content: ''; position: absolute; right: -2%; bottom: -22%; background: url(../images/contact-dj.png) no-repeat; width: 36px; height: 36px;}
.con-table-box a:hover{text-decoration: underline !important;}
@media (max-width:1024px) {
    .contact-information{padding: 0;}
}
@media (max-width:810px) {
    .con-table-box::after{ bottom: -12%; }
}
@media (max-width:768px) {
    .con-table-box::after{bottom: -12%;}
    .con-route{flex-direction: column;}
}
@media (max-width:767px) {
    .con-info-box{height: 188px;}
}
@media (max-width:425px) {
    .con-table-box{border: none; font-size: 16px;}
    .con-table-box a{font-size: 18px;}
    .con-table-box::after{display: none;}
    .bus-list-box-con{flex-direction: column;}
}
/* contact end */



/* inner-banner start */
.inner-banner {
    width: 100%;
    height: 390px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}

.inner-banner-box {
    width: 100%;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}

.inner-banner-title {
    padding: 0;
    margin: 0;
}

.inner-banner-title h1 {
    font-size: 48px;
    color: #fff;
    text-align: left;
    
    letter-spacing: 1px;
    padding: 0;
    margin: 0;
}

.breadcrumb {
    border: 0;
    background: none;
}

.breadcrumb li {
    padding: 0;
    margin: 0;
}

.breadcrumb li a {
    color: #fff;
    
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: normal;
}

.breadcrumb li::after {
    content: '/';
    color: #fff;
    font-size: 14px;
    margin: 0 10px;
}

.breadcrumb li:last-child::after {
    display: none;
}

.breadcrumb li a:hover {
    color: #227CE0;
}

@media (max-width:425px) {
    .inner-banner {
        height: 40vh;
    }

    .inner-banner-box {
        height: 41vh;
        padding-top: 80px;
    }

    .inner-banner-title h1 {
        font-size: 36px;
    }
}
/* inner-banner end */




.product-inner-cart-btn { padding:.475rem 1.80rem; }



.country-inner-title { position:relative; }
.tree-icon {
    position: absolute;
    bottom: -12px;
    right: 50px;
}
.country-inner-content { position:relative; display:inline-block; padding-right:134px; }
.country-inner-content span { font-size:30px; color:#227ce0; font-weight:1000; border:5px solid #F8F8F8; padding:5px 30px; border-radius:25px; }
.dest-iner { margin-top:1vh; }
/*.country-inner-title { margin-top:3vh; }*/
@media(max-width:768px){
    .country-inner-content span { font-size:18px; }
    .tree-icon {
        bottom: -8px;
        right: -3px;
        height:70px;
    }
    .country-inner-content { padding-right:46px; }
    .country-inner-content span{ padding:5px 21px; }
}



.repre-list-text-continer { position:relative; }
.repre-list-title { font-size:30px; color:#111111; font-weight:200; margin-bottom:10px; display:inline-block; }
.repre-list-desc { font-size:15px; color:#777777; 
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.repre-list-more-btn { position:absolute; right:0; bottom:0; }
@media(max-width:768px){
    .no-padding-l { padding-left:0!important; }
    .no-padding-r { padding-right:0!important; }
    .repre-list-text-continer { padding-bottom:40px; }
    .repre-list-desc { margin-bottom:10px; }
}






.container2 { max-width:1027px!important; }
.repre-slick-photo-container { position:relative; display:inline-block; border:1px solid #D6D6D6; padding:30px 20px; width:100%; border-radius:8px;}
.repre-slick-photo-container2 { border:1px solid #D6D6D6; padding:6px; margin:0 auto; display:inline-block; 
    width:100%;
}
.repre-icon1 {
    position: absolute;
    top: -28px;
    left: 9px;
    width: 50px;
    z-index:999;
}
.repre-icon2 { position:absolute; bottom:-3px; right:0; width:140px; z-index:999; }
/*.repre-slick-photo-container2 img { width:100%!important; height:auto; }*/
@media(max-width:768px){
    .repre-icon2 { width:100px; }
    .country-inner-content2 span { font-size:14px; }
}


.ac-item img { border-radius:22px; }

.inner-banner-box {
    padding-top: 10px;
    padding-left: 12%;
    align-items: flex-start;
}
.news-item img{ border-radius:12px; }

.breadcrumb {
    padding-left: 2px;
}








/* about */
.about{background: url(../images/panda_banner.png) no-repeat center; background-size: cover;}
.about-right h3{font-size: 30px; color: #333; font-weight: 600;}
.about-right p{font-size: 16px;color: #999; line-height: 26px;}
.about-bot-img{max-width: 1020px; overflow: hidden;}
.about-bot-img img{width: 100%; margin-bottom: 40px;}
.mobile-list{ display: flex; flex-direction: column;}
.mobile-list::before{content: ''; width: 2px; height: 100%; background-color: #eee; position: absolute; left: 50px;}
.mobile-list li{margin-bottom: 50px;}
.mobile-list li ol{margin-left: 65px;}
.mobile-list li ol li{max-width: 260px;}
.mobile-box{position: relative; display: flex; align-items: center; margin-left: 30px; margin-bottom: 20px; font-size: 30px; color: #227CE0; font-weight: bold;}
.mobile-box::before{content: ''; width: 13px; height: 13px; background-color: #fff; border-radius: 100px; border: 3px solid #227CE0; margin-right: 40px;}
.mobile-box-li{max-width: 210px; display: flex; flex-direction: column; align-items: center;}
.mobile-img{position: relative; overflow: hidden; max-width: 210px; height: 100%; box-shadow: 0px 0px 4px #ddd;}
.mobile-img img{width: 100%; height: 100%; transition: all .4s;}
.mobile-box-li b{font-size: 20px; color: #333; text-transform: uppercase; text-align: center; padding: 8px 0;}
.mobile-box-li i{font-style: normal; color: #666; text-align: center;}
.mobile-img img:hover{transition: all .4s; transform: scale(1.1); }
.about-past-list{padding: 0; margin-bottom: 50px;}
.about-past-li{width: 100%; display: flex; align-items: center; padding: 15px 0;}
.about-past-li:nth-child(2n){background-color: #fafafa;}
.about-past-li b{font-size: 24px; width: 40%; color: #333; font-weight: normal; display: flex; align-items: center;}
/*.about-past-li b::before{content: ''; width: 5px; height: 50px; background-color: #227CE0; margin-right: 30px;}*/
.past-time{width: 60%; padding-left: 50px; display: flex; flex-direction: row; flex-wrap: wrap;}
.past-link{background: none; margin: 0 5px; color: #666; font-size: 18px; display: flex; justify-content: center; align-items: center; border: none; padding: 6px 10px; border-radius: 0;}
.past-link:hover{background-color: #227CE0; color: #fff;}
.past-link.disabled{background: none; color: #aaa;}

@media (max-width:425px) {
    .about-past-li{display: flex; flex-direction: column; align-items: flex-start;}
    .about-past-li b{width: 100%; font-size: 20px}
    .about-past-li b::before{height: 38px;}
    .past-time{width: 100%; padding-left: 0; margin-top: 10px;}
    .past-link{font-size: 16px;}
}

@media (min-width: 1600px){
    .inner-box .container {
        max-width: 1281px;
    }
}
    

.sub-cr-item { padding:15px; border:2px solid #F8F8F8; border-radius:15px; }
.cr-item-text a { color:#333; font-size:18px; font-weight:bold; display:block; margin-top:15px; margin-bottom:8px; }
.cr-item-text div { font-size:16px; color:#666666; /*white-space:pre-wrap;*/ margin-bottom:0; 
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    text-align:left;
}
.cr-item-img { position:relative; }
.cr-item-img img { border-radius:15px; }
@media(min-width:768px){
    .cr-item { padding-right:0; }
}
.post-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #000;
    padding: 2px 15px;
}
.sub-cr-item .post-date,.sub-cr-item a, .sub-cr-item{
    transition: all 0.5s;
}
.sub-cr-item:hover a{
    color: #227ce0;
}
.sub-cr-item:hover .post-date{
    background: #227ce0;
}
.sub-cr-item:hover{
    border:2px solid #227CE0;
}


/* payform start */
.payform-container { border:4px solid #F8F8F8; border-radius:20px; position:relative; margin-top:30px; }
.payform-container input, .payform-container textarea, .payform-container select { border-radius:8px!important; }
.payc-img { position:absolute; top:-25px; }
.payc-img img { width:460px; height:auto; }
.member-register-btn, .member-login-btn { font-size:20px; position:absolute; color:#fff; top:25px; cursor:pointer; }
.member-register-btn {  left:73px; border-bottom:2px solid #fff; }
.member-login-btn { left:335px; }
#booking-step1,#login-form { margin:0 auto; padding-top:28px; }
.submit-container { margin-top:50px; margin-bottom:100px; }
.payc-img a:hover { color:#000; }
.title-radio>* { cursor:pointer!important; }
.form-group-custitle { font-size:18px; font-weight:bold; color:#333333; }
.payform-container input.form-control { padding: 1.25rem 0.75rem; }
.payform-select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/icon02.png") no-repeat scroll 99% center transparent;
    background-size:12px 10px;
    padding-right: 119px;
}
.payform-select::-ms-expand { display: none; }
@media(max-width:768px){
    #booking-step1,#login-form { padding-top: 12px; }
    .payc-img img { width:347px; height:auto; }
    .member-register-btn, .member-login-btn { font-size:16px; top:18px; }
    .member-register-btn { left:55px; }
    .member-login-btn { left:260px; }
    .index-product-list { margin-bottom:17px; }
    .home-latest-bg{
        margin-bottom:50px;
    }
}
@media(max-width:767px){
    .home-about-box{
        padding-top: 22px;
    }
}
@media(max-width:375px){
    #booking-step1,#login-form { padding-top: 12px; }
    .payc-img img { width:287px; height:auto; }
    .member-register-btn, .member-login-btn { font-size:12px; top:17px; }
    .member-register-btn { left:55px; }
    .member-login-btn { left:220px; }
}
/* payform end */

.sp-p p { margin-bottom:0; }

@media(max-width:1440px){
    .index-product-list:not(:last-child){
        margin-bottom: 1.12rem;
    }
}



/* Get Quote  */
.get-quote-box{position: fixed; top:280px; right: 9%; z-index: 999!important;}
.get-quote-case{position: fixed; top: 38%; right: 0; z-index: 9;}
.get-quote{position: relative; display: flex; align-items: center; background-color: #227CE0; font-size: 16px; color: #fff; padding: 10px 6px; z-index: 1; writing-mode:lr-tb; transform: rotate(-90deg); transform-origin: top right ;}
.get-quote::after{content: ''; border-radius: 0px; position: absolute; width: 100%; height: 0; top: 0; left: 0; z-index: -1; background-color: #227CE0; transition: all .4s;}
.get-quote1{padding: 13px 10px 13px 0; position: relative; float: left; display: flex; align-items: center; background-color: #227CE0; font-size: 16px; color: #fff; z-index: 1;}
.get-quote1::after{content: ''; border-radius: 0px; position: absolute; width: 100%; height: 0; top: 0; left: 0; z-index: -1; background-color: #227CE0; transition: all .4s;}
.get-quote-box:hover .get-quote::after{top: auto; bottom: 0; height: 100%;}
.get-quote-case:hover .get-quote1::after{top: auto; bottom: 0; height: 100%;}
.get-quote:hover{color: #fff;}
.get-quote1:hover{color: #fff;}
.get-quote-case .fa-hand-o-right{ position: relative; float: left; z-index: 999!important; background-color: #227CE0; padding: 17px 10px; color: #fff;  animation: nudge 1s linear infinite alternate; -webkit-animation: nudge 1s linear infinite alternate;}
.get-quote-case .fa-hand-o-right::after{content: '';  position: absolute; width: 100%; height: 0; top: 0; left: 0; z-index: -1; background-color: #227CE0; transition: all .4s;}
.get-quote-case:hover .fa-hand-o-right::after{top: auto; bottom: 0; height: 100%;}

@media (max-width:425px)  {
    .get-quote{padding: 7px 10px; font-size: 16px;}
}
/* @keyframes nudge{
    0%,100% {transform: translate(0, 0);}
    50% {transform: translate(10px, 0);}
} */


.news-item { padding-top:25px; padding-bottom:25px; }
@media(min-width:768px){
    .news-item:hover{ box-shadow: 0px 0px 10px 0px rgba(223, 223, 223, 0.8);}
    .news-item:hover img{
        transform: scale(1.05);
        transition: all 1s;
    }
}
.news-item-line { border-bottom:1px solid #E3E3E3;  }

@media(min-width:1200px){
    .home-about-box{
        padding-bottom: 61px;
    }
}


.home-big-title { font-size:40px!important; }
@media(max-width:768px){
    .home-big-title { font-size:30px!important; }
}

.classroom-short-desc { 
    min-height:96px; 
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}

@media(min-width:768px) and (max-width:1919px){
    .home-about-editor { padding-right:50px; }
}
.footer-column-title { font-weight:bold; }
@media(min-width:768px){
    .ac-item { padding-right:0; }
}

.header-logined { border-bottom:1px solid #fff; }

#header-button-search { position:absolute; right:25%; opacity:0; z-index:999!important; }

@media(max-width:768px){
    .inner-banner-box {
        padding-top: 10px;
        padding-left:0; 
        align-items: center; 
    }
    .breadcrumb {
        padding: 0.75rem 1rem;
    }
}

@media(max-width:1200px){
    .box-logo {
        padding-top:10px;
        padding-bottom:10px;
    }
}