/*
	store all page related styles. used on both frontend & backend
*/
/* ----- general ----- */
img{
	max-width:100%;
}
.clickable{
	cursor:pointer;
}
/* ----- element related ----- */
.cms-element-bg{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.cms-anchor{
	position:relative;
	top:-100px;
}
/* ----- container related ----- */
.cms-container{
	
}
.cms-container>.cms-container-inside{
	display:flex;
	flex-wrap: nowrap;
	max-width:1100px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}
.cms-container-item{
	width:100%;
}
/* ----- block related ----- */
.cms-block{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.cms-block .cms-block-inside{
	/* margin:0 10px; */
}
.cms-block .block-title{
	font-size: 1.2em;
	font-weight:bold;
}
.cms-image{
	text-align:center;
}
.cms-image img{
	max-width:100%;
}
.cms-yt-player{
	position:relative;
	padding-bottom: 60%;
	height: 0;
	background-color: #000;
}
.cms-yt-player>iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cms-video>video{
	width:100%;
}
/* ----- block 3 related ----- */
.cms-block[data-block-type="3"] .text-item{
	padding-right:15px;
}
.cms-block[data-block-type="3"] .image-item{
	float:right;
}
/* ----- block 4 related ----- */
.cms-block[data-block-type="4"] .text-item{
	padding-left:15px;
}
/* ----- block 5 related ----- */
.cms-block[data-block-type="5"] .text-item{
	margin-top: 15px;
}
/* ----- block 6 related ----- */
.cms-block[data-block-type="6"] .swiper-wrapper{
	align-items: center;
}
/* ----- form related ----- */
.cms-form{
	padding:20px 0;
}
.cms-form-item{
	padding:20px;
}
.cms-form-item .item-title{
	float:left;
	width:30%;
}
.cms-form-item .item-title .require-mark{
	margin-left: 5px;
	color: red;
}
.cms-form-item .item-input{
	float:right;
	width:70%;
}
.cms-form-item .item-input .form-control{
	border-radius:0;
}
.cms-form-item .item-input textarea{
	height:100px;
	min-height:40px;
	resize:vertical;
}
.cms-form-item .item-input .input-options{
	margin-bottom:10px;
}
.cms-form-item .item-input .input-options input[type="radio"]{
	vertical-align: middle;
	margin: 0;
}
.cms-form-item .item-input .input-options .option-text{
	display: inline-block;
	margin-left: 5px;
}
.cms-form-submit{
	display: block;
	margin: 20px auto 0 auto;
	padding: 10px 40px;
	border: 1px solid #AAA;
	background: none;
}
.cms-form-item .captcha .captcha-img{
	margin-top: 10px;
	margin-right: 10px;
}
.cms-form-item .captcha a{
	outline:none;
}
/* ----- element layout related ---------------------------------------------------------------------- */
/* container - full width */
.cms-container.full-width .cms-container-inside{
	width:100%;
	max-width:none;
}
.cms-container.full-width .cms-container-inside .cms-block{
	max-width:none;
	margin-bottom:0;
}
/* ----- common ---------------------------------------------------------------------- */
.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container{padding:80px 0;}
.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container > .cms-container-inside{width:95%;margin:0 auto;}
.cms-block[data-block-type="1"] .block-title{font-size:2em;color:#165f68; font-weight:normal;}
.cms-block[data-block-type="1"] .block-content{line-height:1.75em;font-size:16px;}
@media (max-width: 991px) {
	.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container{padding:50px 0;}
	.cms-container.mobile-reverse > .cms-container-inside{display:flex;flex-wrap:wrap;}
	.cms-container.mobile-reverse > .cms-container-inside > .cms-container-item:nth-child(1){order:2;}
	.cms-container.mobile-reverse > .cms-container-inside > .cms-container-item:nth-child(2){order:1;}
}
/* ----- custom style ---------------------------------------------------------------------- */
.tips-list{width: calc(100% + 200px);margin:30px 0;margin-left: -100px;}
.tips-list > .cms-container-inside{max-width:100%;}
.tips-list > .cms-container-inside > .cms-container-item{padding:0 15px;}
.tips-list .cms-block[data-block-type="5"] img{height:70px;}
.tips-list .cms-block[data-block-type="1"] .block-title{font-family: 'Cabin';font-weight: bold;font-size:1.6em;margin-bottom:30px;}
.tips-list .cms-block[data-block-type="1"] .block-title p{margin-bottom:0;}
@media (max-width: 1360px) {
	.tips-list{width: 100%;margin-left: 0px;margin:0;}
}
@media screen and (max-width: 991px) {
	.tips-list > .cms-container-inside > .cms-container-item{margin:60px 0;}
	.tips-list .cms-block[data-block-type="1"] .block-title{margin-bottom:20px;}
}

.orange-btn{color:white;font-weight:bold;font-size:1em;padding:15px 35px;background-color:#fb4901;border-radius:30px;border:none;}

.point-list .cms-block[data-block-type="5"]{display:inline-block;z-index:2;margin:0;vertical-align:middle;width:120px;margin-right:-60px;position:relative;}
.point-list .cms-block[data-block-type="1"]{display:inline-block;z-index:1;margin:0;vertical-align:middle;width:calc(100% - 120px + 60px);padding:25px 0;padding-left:calc(60px + 5%);padding-right:5%;background-color:white;border-left: 2px solid #000;}
.point-list .cms-block[data-block-type="1"] .block-title{font-size:1.5em;margin-bottom:15px;}
.point-list .cms-block[data-block-type="1"] .block-title{line-height:1.75em;}
.point-list > .cms-container-inside > .cms-container-item .cms-container-item{margin-bottom:20px;}
@media screen and (max-width: 991px) {
	.point-list .cms-block[data-block-type="5"]{width:90px;margin-right:-45px;}
	.point-list .cms-block[data-block-type="1"]{width:calc(100% - 90px + 45px);padding:15px 5%;padding-left:calc(45px + 5%);min-height:0;}
}

.number-list{position:relative;width: calc(100% + 200px);margin:30px 0;margin-left: -100px;}
.number-list > .cms-container-inside{max-width:100%;}
.number-list > .cms-container-inside > .cms-container-item{/*display:flex*/}
.number-list > .cms-container-inside > .cms-container-item .cms-block{position:relative;width:calc(100% / 5);display:inline-block;padding:30px 2%;padding-bottom:70px;vertical-align:top;overflow:hidden;min-height:275px;}
.number-list > .cms-container-inside > .cms-container-item .cms-block .block-content{margin-bottom:30px;line-height:1.75em;}
.number-list > .cms-container-inside > .cms-container-item .cms-block .num{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);font-size: 4em;color: white;font-weight: bold;min-width: 50%;text-align: center;line-height:52px;}
.number-list > .cms-container-inside > .cms-container-item .cms-block .num:after{content:'';position:absolute;height: 200%;width: 100%;left: 50%;top: 0;transform: translateX(-50%);border-radius: 50%;z-index: -1;}
.number-list > .cms-container-inside > .cms-container-item .cms-block:last-child{margin-right:0px;}
.number-list > .cms-container-inside > .cms-container-item .cms-block.orange{background-color:#f9f9f3}
.number-list > .cms-container-inside > .cms-container-item .cms-block.orange .num:after{background-color:#f3ae2d}
.number-list > .cms-container-inside > .cms-container-item .cms-block.purple{background-color:#f8f5fe}
.number-list > .cms-container-inside > .cms-container-item .cms-block.purple .num:after{background-color:#9857e7}
.number-list > .cms-container-inside > .cms-container-item .cms-block.red{background-color:#fff4f0}
.number-list > .cms-container-inside > .cms-container-item .cms-block.red .num:after{background-color:#fa4704}
.number-list > .cms-container-inside > .cms-container-item .cms-block.green{background-color:#f5fbf7}
.number-list > .cms-container-inside > .cms-container-item .cms-block.green .num:after{background-color:#57c177}
.number-list > .cms-container-inside > .cms-container-item .cms-block.blue{background-color:#f7fcff}
.number-list > .cms-container-inside > .cms-container-item .cms-block.blue .num:after{background-color:#6cd1fb}
.number-list .swiper-button-prev, .number-list .swiper-button-next{display:none}
.number-list .swiper-button-disabled{display:none !important;}
@media (max-width: 1360px) {
	.number-list{width: 100%;margin-left: 0px;}
	.number-list .swiper-button-prev, .number-list .swiper-button-next{display:block;height:30px;width:30px;}
}

@media (max-width: 992px) {
	.number-list .swiper-button-prev{display:block;left:0;height:30px;width:30px;transform:translateX(-50%);}
	.number-list .swiper-button-next{display:block;right:0;height:30px;width:30px;transform:translateX(50%);}
}
@media (max-width: 475px) {
	.number-list > .cms-container-inside > .cms-container-item .cms-block .num{
		line-height: 36px;
		font-size: 3em;
	}
	.number-list > .cms-container-inside > .cms-container-item .cms-block{min-height:330px}
}
/* ===== responsive =============================================================================================== */
@media screen and (max-width: 991px) {
	.cms-container>.cms-container-inside{
		display:block;
	}
	.cms-container-item{
		width:100% !important;
	}
	/* ----- block 3 related ----- */
	.cms-block[data-block-type="3"] .text-item{
		padding-right:0;
		margin-top: 15px;
	}
	/* ----- block 4 related ----- */
	.cms-block[data-block-type="4"] .text-item{
		padding-left:0;
		margin-top: 15px;
	}
	/* ----- form related ----- */
	.cms-form-item .item-title,
	.cms-form-item .item-input{
		float:none;
		width:100%;
	}
}