.form-control:focus,.form-control,.has-error .form-control:focus,.has-error .form-control,.has-success .form-control,.has-success .form-control:focus{  box-shadow: none;  }

.red{  color: red;}
.orange{color: #fa8b15;}
.gray{  color: #777;}
.mtop10,.mt-10{  margin-top: 10px;  }
.mtop15,.mt-15{  margin-top: 15px;  }
.mtop20,.mt-20{  margin-top: 20px;  }
.mtop30,.mt-30{ margin-top: 30px;  }
.mtop40,.mt-40{  margin-top: 40px;  }
.mtop50,.mt-50{  margin-top: 50px;  }
.mbottom10,.mb-10{  margin-bottom: 10px;  }
.mbottom15,.mb-15{  margin-bottom: 15px;  }
.mbottom20,.mb-20{  margin-bottom: 20px;  }
.mbottom30,.mb-30{  margin-bottom: 30px;  }
.mbottom40,.mb-40{  margin-bottom: 40px;  }
.mbottom50,.mb-50{  margin-bottom: 50px;  }
img {height: auto;max-width: 100%;}

.show-center,.ServiceShowPic {font-size:0.98em;text-align:center;line-height:1.7em !important;color:#666666;}
.show-center img,.ServiceShowPic img {margin:auto;}
.show-left,.ServiceShowleftPic {text-align:center;color:#666666;display:inline-block;}
.show-right,.ServiceShowrightPic {text-align:center;color:#666666;display:inline-block;}
.show-center,.show-left,.show-right,
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic
{text-align:center;}
.show-center img,.show-left img,.show-right img,
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img
{display:block;max-width:100%;height:auto;margin-bottom:15px;margin-left:auto;margin-right:auto;}
@media only screen and (min-width:1800px) {
	.show-left img{max-width: 90%;}
}
.show-center.noLeft-space img{
	margin-left: 0;
}


.Reference,.reference{  font-size: 0.95em;  color: #666666;  }
.Reference p,.reference p{  margin-bottom: 10px;  }
.Reference ol,.reference ol{  margin-bottom: 15px;  padding-left: 15px;  }

@media only screen and (min-width:992px) {
    .ServiceShowrightPic,.show-right{
        float: right;
        margin-left:15px;
    }
    .ServiceShowleftPic,.show-left{
        float: left;
        margin-right:15px;
    }
}

table{margin-bottom:25px;width:100%;border:1px solid #ddd;font-size:1.4rem;}
table p,table td ul,table td ol{margin-bottom:15px}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{margin-bottom:0}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px 8px;border-top:1px solid #ddd;vertical-align:middle;line-height:1.428571429}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{background:#d9e2f3;color:#262626}
.service-table tr:first-child a,.service-tr a{color:#fff}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{border:none}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{background-color:transparent}

@media (max-width: 760px) {
    table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td{
        display: block;
        width: 100%;
        border: none;!important;
    }
    table tr{
        border-bottom: 1px solid #ddd;
    }
}
ul.border-box>li{margin-bottom:0}
ul.border-box{padding:15px 15px 15px 30px}
.border-box{border:1px solid #ddd;padding:15px;border-radius:5px}
.bg-box{background:#fff;padding:15px 10px;border-radius:5px;box-shadow: 0 0 10px #ddd}
.flex-bg{height: 100%;display: block;color: #2776bc;border: 2px solid #2363D5;padding:10px 15px;}
.flex-bg h3{color: #3362ce;border-bottom: 2px solid #2363D5;padding-bottom: 10px;margin-bottom: 10px;text-align: center;}
/*.flex-bg h3:before{ content: '';display: inline-block;width: 10px;height: 10px;background: #333;position: absolute;left: 0;top:6px;}*/
.flex-bg:hover, .flex-bg:focus{color: #2363D5;background: #f7f7f7;}
.flex-bg>p{color: #555;font-size: 15px;line-height: 26px;margin-bottom: 5px;}
/*div.bg-box,div.border-box{margin-bottom: 25px}*/
.flex-box.top-text .bg-box div[class*="col-md"]{
	margin-top: 10px;
}
.bg-box ul.fl-36{
	float: left;
	width: 36%;
}
.mb-0{
	margin-bottom: 0px !important;
}
.mb-5{
	margin-bottom: 5px !important;
}
.mb-10{
	margin-bottom: 10px !important;
}
.ml-0{
	margin-left: 0px !important;
}
.mr-0{
	margin-right: 0px !important;
}


@media(min-width: 992px) {
    .bg-box>.row,.flex-top,.flex-box{
        display: flex;flex-wrap: wrap;
    }
    .flex-box .bg-box{height: 100%}
    .flex-center{ display: flex;align-items: center;flex-wrap: wrap;}
    .border-box ul:last-child,.border-box p:last-child,  .bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child,.bg-box p:last-child{margin-bottom: 0}
}
.flex-top div[class*="col-md"]{
    margin-bottom: 25px;
}
.flex-box.top-text div[class*="col-md"]{
	margin-bottom: 0 !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.flex-box .pl-50{
	padding-left: 50px;
}
.flex-box.bottom-text{margin-left: 80px;}
@media(max-width: 1400px) {
	.flex-box.bottom-text{margin-left: 80px;}
}
@media (min-width: 1400px)and (max-width:1700px){
	.flex-box.bottom-text{margin-left: 100px;}
	.flex-box.bottom-text .col-md-1{width: 8.333333333333332%;}
}
@media (min-width: 2400px){
	.flex-box.bottom-text{margin-left: 100px;}
	.flex-box.bottom-text .col-md-1{width:0 !important;}
}
.bg-box>.row .ServiceShowPic, .bg-box>.row .show-center{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
}
.flex-box.pd-border{margin-top: -15px;margin-bottom: 30px;}
.flex-box .border-box{margin-bottom: 0;height: 100%}
/*.flex-box div[class*="col-md"]{margin-bottom:30px}*/
.flex-box p{margin-bottom: 15px}
.flex-box.pd-border .border-box{margin-bottom: 0 !important}
.flex-box p:last-child{margin-bottom: 10px}
.service-ul{padding: 0;list-style: none}
.title-center{display: flex;align-items: center;height: 52px;}
.title-center img{margin-right: 10px}
.service-ul li{
    position: relative;
    padding: 5px 5px 5px 30px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
}
.service-ul li:before{
    content: '';
    position: absolute;
    left: 10px;
    top: 15px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #222;
    border-radius: 30px;
}

.service-box ul,.service-box ol,.product-box ul,.product-box ol{
    margin-bottom: 20px;
}
.service-box ul ul,.product-box ul ul{
    margin-bottom: 10px;
}

/*---------------services end ---------------*/

.control-form input[type=radio], .control-form input[type=checkbox] {
    margin: 7px 0 0 0;
    line-height: normal;

}



@media (min-width: 992px){
    .col-md-9.service-box{
        padding-left: 50px;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight {
    animation-name: fadeInRight;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
}

.index-one,.index-two,.index-three,.index-four,.index-five,.index-six,.index-seven{
    /*margin-top:75px;*/
}

.index-title{
    text-align: center;
    margin-bottom:40px;
    position: relative;
    font-weight: bold;
}
@media (max-width: 992px) {
    .index-title{
        font-size: 2em;
    }
}
@media (min-width: 992px) {
    .index-title{
        font-size:2.4em;
    }
    .layout-row>.col-md-3{
        width: 30%;
    }
    .layout-row>.col-md-9{
        width: 70%;
    }
}

.index-one{
    background-color: transparent;
    /*background-image: linear-gradient(180deg,#afc6e6 0%,#e9e6ef 100%);*/
    /*background-image: url(../images/index-one-bg.jpg);*/
	background-color: #F2F2F2;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0 40px 0;
    color: #fff;
}
.one-box .item a:hover h3{
	color: #F5594D;
}
.one-more .line:hover{
	border-bottom: 4px solid #F5594D;
	color: #F5594D;
}
@media(min-width: 992px) {
    .one-box,.two-box{
        display: flex;
        flex-wrap: wrap;
    }
}
.one-box div[class*="col-md"],.two-box div[class*="col-md"]{
    margin-bottom: 30px;
}
.one-box .item{
    display: block;
    padding: 20px 20px 70px 20px;
    background: #fff;
    transition: all ease .4s;
    color: #444;
    border-radius: 5px;
    height: 100%;
}
.one-box .item:hover{
    box-shadow: 3px 3px 12px #a3adbc;
}
.one-box h3{
    font-size: 1.3em;
}
.one-box .item>p{
    font-size: .9em;
    line-height: 1.5em;
    color: #666
}
.one-box .item:hover h3{
    color: #2363D5;
}
.one-box .item:hover p{
    color: #888;
}
.one-more{
    border-top: 1px solid #ddd;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    padding: 20px;
    bottom: 0;
    right: 20px;
	text-align: right;
}
.one-more .line{
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 4px solid #dee9ff;
    color: #2363D5;
}

.two-box a{
    display: block;
    height: 100%;
    background: #dbe6f5;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 10px #ddd;
    transition: all ease .4s;
}
.two-box a:hover{
    background: #fff;
}
.two-pic{
    position: relative;
    height: 270px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
}
.two-pic img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    max-width: 110%;
}
.two-box h3{
    font-size: 1.2em;
    color: #262626;
    transition: all ease .4s;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
.two-box a:hover h3{
    color: #2363D5;
}
.index-three{
	/*background-color: #dbe6f5;*/
}
.three-box{
    background: rgba(0,0,0,.3);
    padding: 50px 30px;
    color: #fff;
}
.three-box .index-title{
    text-align: left;
    margin-bottom: 20px;
}
.three-box ul{
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.three-box li{
    margin-bottom: 18px;
}
.three-box a{
	display: block;
	padding: 10px;
	position: relative;
	background: #dae4f2;
	color: #333;
	font-size: 1em;
	font-family: 'Montserrat-Bold';
	transition: all ease 0.4s;
}
.three-box a:hover,.three-box a:focus{
	background: rgba(255,255,255,.9);
	color: #2363D5;
	transform: scale(1.02);
	transition: all 0.4s ease-in-out;
}
.three-box a:after{
    content: "\e993";
    font-family: "icomoon";
    position: absolute;
    right: 10px;
    top: 10px;
}

.index-four{
    box-shadow: 0 0 15px #e3e9f1;
}
@media screen and (max-width: 1000px) {
	.index-seven iframe{
		height: 450px;
	}
}
.index-four .index-title{
    text-align: left;
    margin-bottom: 20px;
}
.four-text{
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 30px 0 0;
    flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
	.four-text{
		padding: 30px 0 !important;
	}
}

@media(min-width: 992px) {
    .index-four >.row{
        display: flex;
        flex-wrap: wrap;
    }
}
.read-more{
    display: inline-block;
    padding: 10px 25px;
    background: #2363D5;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #ddd;
    margin-top: 10px;
	border: 0;
}
.read-more:hover,.read-more:focus{
	background: #fff;
	color: #2363D5;
}
.index-five{
	background-color: #dbe6f5;
	padding: 75px 0;
}
.index-five .five-section{
	width: 100%;
}
.index-five .five-left{
	display: flex;
	margin-right: auto;
	margin-left: -10px;
	position: relative;
}
.index-five .five-left img{
	width: 65px;
	margin: 15px 0 15px 0;
}
.index-five .five-left p{
	color: #ffff;
}
.index-five .section-part{
	padding: 10px;
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	align-content: flex-start;
}

@media screen and (max-width: 1000px) {
	.index-five .element-top, .index-five .section-part {
		flex-wrap: nowrap;
	}
	.index-five .section-one {
		margin-block-end: 0;
	}
}
@media screen and (max-width: 1000px) {
	.index-five .five-right img{
		margin-top: 250px;
	}
}
@media screen and (max-width: 600px) {
	.index-five .five-right img{
		margin-top: 0px;
	}
}
@media (min-width: 820px) and (max-width: 1020px) {
	.index-five .five-right img{
		height: 584px;
		width: 584px;
	}
}
@media (min-width: 1020px) and (max-width: 1820px) {
	.index-five .five-right img{
		height: 730px;
		width: 730px;
	}
}
@media (min-width: 1820px) {
	.index-five .five-right img{
		height: 730px;
		width: 730px;
	}
}
@media (max-width: 420px) {
	.index-five .five-left p{
		font-size:11px;
		line-height: 13px;
		margin: 0;
	}
	.index-five .five-left img{
		margin: 10px 0 5px;
	}
	.index-five .section-part{
		padding: 0 7px;
	}
}
.index-five .element-top{
	padding: 100px 10px 10px 10px;
	display: block;
}
.index-five .section-one,.index-five .section-two,.index-five .section-three,.index-five .section-four,.index-five .section-five{
	padding: 13px 20px 13px 20px;
	margin-block-end: 20px;
}
.index-five .section-one{
	background-color: #F5594D;
}
.index-five .section-two{
	background-color: #3362ce;
}
.index-five .section-three{
	background-color: #3362ce;
}
.index-five .section-four{
	background-color: #F5594D;
}
.index-five .section-five{
	background-color: #F5594D;
}
.index-six{
	background-color: #dbe6f5;
	padding: 90px 0;
}
.index-six .owl-nav{
	position: absolute;
	top: 30%;
	width: 100%;
}
.index-six .owl-nav .owl-prev, .index-six .owl-nav .owl-next{
	position: absolute;
	border: 0;
	width: 30px;
	background: #2363d5;
	color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 0 10px #ddd;
}
.index-six .owl-nav .owl-prev{
	left: 0;
}
.index-six .owl-nav .owl-next{
	right: 0;
}
.index-six .owl-nav .owl-prev:hover, .index-six .owl-nav .owl-next:hover{background: #ffffff;color: #2363d5;}
.owl-prev:before{
	content: "\e90f";
	font-family: 'icomoon' !important;
}
.owl-next:before{
	content: "\e910";
	font-family: 'icomoon' !important;
}
.index-six .item{
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.index-six .item .items{
	position: relative;
	background: #F5594D;
	display: block;
	padding: 15px;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: auto;
	margin-top: 20px !important;
}
.index-six .item .blue{
	background: #2363D5;
}
.index-six .item .items:before{
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	border: 2px dotted #F5594D;
	border-radius: 50%;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.index-six .item .blue:before{
	border: 2px dotted #2363D5;
}
.index-six .item img{
	height: auto;
	display: flex;
	max-height: 100%;
	margin: 0 auto;
}
.index-six .item h3{
	margin-top: 25px;
	font-size: 16px;
	text-align: center;
	color: #262626;
	margin-bottom: 15px;
}
.index-six .item a:hover h3{
	color: #2363D5;
}
.index-six .item a:hover .items{
	/*width: 85px;*/
	/*height: 85px;*/
}
.index-six .item a:hover .items:before{
	display: none;
	/*width: 105px;*/
	/*height: 105px;*/
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}
.index-three .fadeInLeft {
	animation-name: fadeInLeft;
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%,0,0)
	}

	to {
		opacity: 1;
		transform: none
	}
}
.index-three .fadeInRight {
	animation-name: fadeInRight;
}
.index-three .left h2{
	color: #2363D5;
	text-align: left;
    margin-bottom: 0;
}
.index-three .left p{
	color: #262626;
	text-align: left;
}
.index-three .four-text{
	padding: 50px 30px 50px 0;
}
.index-three .read-more{
	margin-top: 20px;
}
.index-seven{
	padding:75px 0;
}
.index-seven .form-group{
	padding-left: 0;
	margin-left: 0;
	width: 100%;
	margin-bottom: 16px;
}
.index-seven button{
	width: min-content;
}
.index-seven .form-group label {
	margin-bottom: 4px;
	font-size: 16px;
	color: #333333;
	margin-left: 10px;
	display: block;
	font-weight: lighter;
}
.index-seven .form-group .form-control {
	width: 100%;
	height: 48px;
	border: 1px solid #fff;
	background: #F9F9F9;
	padding: 0px 10px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #000;
	box-shadow: none;
	border-radius: 6px;
}
.index-seven .list-item{
	width: auto;
	margin-bottom: 30px;
	padding-left: 60px;
	position: relative;
}
.index-seven .list-item-address:before{
	background-image: url(../images/icon-address.svg);
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 2px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.index-seven .list-item-email:before{
	background-image: url(../images/icon-email.svg);
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 2px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.index-seven .list-item-phone:before{
	background-image: url(../images/icon-phone.svg);
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 2px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.index-seven .list-item h2{
	margin-bottom: 10px;
}
.index-seven .map{
	width: 100%;
	height: calc(100% - 334px);
}
.index-seven .map-box{
	width: 100%;
}
@media screen and (max-width: 1000px) {
	.index-seven .map-box{
		height: 450px;
	}
}




/*foot*/
.foot-box{
    background: #3362ce;
    color: #fff;
    padding-top: 50px;
}
.foot-box .small-title{
    font-size: 1.25em;
    color: #fff;
    font-weight: bold;
}
.foot-box .foot-contact{
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}
.foot-box .foot-contact li{
    padding-left: 30px;
    position: relative;
}
.foot-box li{
    margin-bottom: 15px;
}
.foot-box li:before{
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    font-size: 15px;
    color: #fff;
}
.foot-tel:before{
    content: "\e97f";
}
.foot-fax:before{
    content: "\e93a";
}
.foot-box li.foot-email:before{
    content: "\e939";
}
.foot-add:before{
    content: "\e906";
}
.foot-box a{
    color: #fff;
}
.foot-box a:hover,.foot-box a:focus{
    color: #F5594D;
    text-decoration: underline;
}
.foot-box ul{
    list-style: none;
    padding-left: 0;
}
.foot-link li{
    margin-bottom: 10px;
}
.share-box{
    margin-bottom: 30px;
    margin-top: 25px;
	margin-left: 22px;
}
.share-box a{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 5px;
    color: #3362ce;
    margin-left: 10px;
    text-align: center;
    line-height: 36px;
}
.share-box a:hover,.share-box a:focus{
    background: #3b83fc;
    color: #fff;
    text-decoration: none;
}


.foot-copy{
    text-align: center;
    background: #fff;
    color: #3b83fc;
    padding: 15px 0;

}

.backtop{
	position: fixed;
	right: 5px;
	bottom: 100px;
	cursor: pointer;
	color: #ffffff;
	z-index: 20;
	background: #1f63d4;
	text-align: center;
	width: 50px;
	height: 50px;
	font-weight: bold;
	line-height: 50px;
	font-size: 22px;
	transition: all ease .4s;
	border-radius: 5px;
	box-shadow: 0 0 10px #ddd;
}
.backtop:hover{
	background: #F5594D;
}


/*foot*/

.side-title{
	padding: 10px;
	font-size: 2.5rem;
	font-weight: normal;
	line-height: 1.3;
	display: block;
	margin-bottom: 0;
	font-family: 'Montserrat-Bold';

}


.side-title a,.side-title a:hover,.side-title a:focus{
    color: #fff;
}
.side-nav{
	margin-top: 10px;
	margin-bottom: 50px;
	background: #F3F7FD;
	box-shadow: 0 10px 10px #ebf1e8;
}
ul.navMenu{
    padding-top: 15px;
    padding-left: 5px;
}
.navMenu> li {display: block; margin: 0 0 10px 0;padding-bottom:10px;border-bottom: 1px solid #ddd;  position: relative; padding-left: 5px;line-height: 1em}
.navMenu>li.open>ul.sub-menu{display: block;}
.navMenu>li.open>ul.sub-menu>li.open>ul.sub-menu{display: block;}
.navMenu>li>a {display: inline-block;overflow: hidden;color:#203552;transition: all .3s; position: relative; text-decoration: none;  padding:0;  width: 87%;line-height: 1.56em;font-weight: bold;}
.navMenu>li>a:hover{color: #203552;}
.arrow:before {cursor: pointer;content: "\e97d";float: right;padding:0 8px;display: inline;font-family: "icomoon";color: #617590;}
.arrow.open:before {cursor: pointer; float: right;padding:0 8px; display: inline; font-family: "icomoon";content: "\e92e";color: #617590; }
.navMenu> li>span.arrow:before{
    padding:4px 8px;
}
.navMenu>li>a:before{
    position: absolute;
    top: 5px;
    left: 0;
    font-family: "icomoon";
    font-weight: 900;
    color: #666;
}
.navMenu>li>ul.sub-menu{
    margin-top: 10px;
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu{
    margin: 7px 0;
}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu {
    list-style: none;
    padding: 0;
    display: none;
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
    color: #F5594D;
}
.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:before{
    color: #333;
}
.navMenu>li ul.sub-menu li{
    margin-bottom: 7px;
}
.navMenu>li ul.sub-menu>li>a{
    display: inline-block;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 85%;
    color: #2a394e;
}
.navMenu>li>ul.sub-menu>li>a:hover{
    color: #F5594D;
}
.navMenu>li>ul.sub-menu>li>a:before{
    top: 3px;
    position: absolute;
    left: 0;
    color: #222;
}
.navMenu>li>ul.sub-menu .sub-menu li>a {
    display: inline-block;
    padding-left: 15px;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 85%;
    color: #2363D5;
}
.navMenu>li>ul.sub-menu .sub-menu li>a:hover {
    color: #F5594D;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu{
    list-style: none;
    font-size: .95em;
    padding: 5px 0 0 0;
    display: none;
    margin-top: 0;
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a{
    color: #555;
    padding-left: 35px;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:hover{
    color: #2363D5;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before{
    content: '';
}
.navMenu>li>ul.sub-menu .sub-menu li>a:before{
    content: ' ';
    top: 0;
    position: absolute;
    left: 0;
    color: #ddd;
}
.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
    padding: 8px;
    margin-bottom: 0;
    background: #eeeeee;
}

.second-banner{
    height: 500px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 70px;
    color: #fff;
	position: relative;
}
.second-banner .container{
    height: 100%;
    display: flex;
    align-items: center;
}
.second-banner .container .row{
    width: 100%;
}
@media(min-width: 760px) {
    .second-banner .container:before{
        content: '';
        display: inline-block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,.3);
    }
    .second-banner .container>.row>div[class*="col-md"]{
        margin-left: 5%;

    }
}

.second-title{
	font-size: 3em;
	margin-top: 60px;
	margin-bottom: 25px;
	line-height: 1.55em;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	z-index: 1;
	position: relative;
}
@media (max-width: 760px){
	.second-title{
		font-size: 1.8em;
		margin-top: 100px;
		margin-left: 5%;
	}
}
.second-text{
	text-align: center;
	z-index: 1000;
	position: relative;
}
.bread-box{
    padding: 0 0 10px 0;
    margin-bottom: 0;
}
.bread-box .breadcrumb>.active,.bread-box .breadcrumb a {
    color: #fff;
}

.bread-box .breadcrumb{
    background: none;
    margin: 0;
    padding: 0;
    color: #fff;
	z-index: 1;
	position: relative;
}
.bread-box .breadcrumb>li{
    margin-bottom: 10px;
}
.bread-box .breadcrumb>li+li:before{
    color: #fff;
    padding: 0 5px;
}
@media(min-width: 992px) {
    .title-name{
        font-size: 3.5rem;
    }
}
@media(max-width: 992px) {
    .title-name{
        font-size: 2.6rem;
    }
}
.title-name{
    margin-bottom: 25px;
    margin-top: 0;
	color: #3362ce;
}



@media(min-width: 992px) {
    .service-one{
        display: flex;
        flex-wrap: wrap;
    }
}
.service-one a{
    display: block;
    border: 1px solid #ddd;
    padding-bottom: 20px;
    border-radius: 10px;
    overflow:hidden;
    height: 100%;
    text-align: center;
    position: relative;
}

.service-one a:after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-top: 10px;
    background-image: url(../images/service-icon-right.png);
    background-size: cover;
}
.service-one div[class*="col-md"]{
    margin-bottom: 35px;
}
.service-one h2{
    color: #494949;
    font-size: 1.9rem;
    padding: 0 5px;
    transition: all ease .4s;
}
.service-pic{
    position: relative;
    margin-bottom: 20px;
}
.service-pic>img{
    opacity: .7;
    transition: all ease .4s;
}
.service-one a{
    background: #fff;
    transition: all ease .4s;
    box-shadow: 0 0 10px #eee;
}
.service-one a:hover{
    background: #dbe6f5;
}
.service-one a:hover .service-pic>img{
    opacity: 1
}
.service-one a:hover h2{
    color: #2363D5;
}
@media(min-width: 992px) {
    .about-box{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}
.about-box div[class*="col-md"]{
    margin-bottom: 25px;
}
.about-box h2{
    font-size: 1.4em;
    border-top: 4px solid #2363D5;
    padding-top: 20px;
}
.about-box h2.pink{
	border-top: 4px solid #F5594D;
	color: #F5594D;
}
.about-box h3{
    font-size: 1.2em;
}





.search-item{
    display: inline-block;
    padding: 2px 15px;
    background: #2363D5;
    color: #fff;
    border-radius: 30px;
    transition: all ease .3s;
}
.search-item>span{
    font-size: .7em;
    vertical-align: middle;
    font-weight: normal;
}
.search-item:hover{
    background: #000;
    cursor: pointer;
}

.list-search{
    margin: 35px 0;
    padding: 20px;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #eee;
    position: relative;
}

.list-search button{
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    background: #2363D5;
    color: #fff;
    border: none;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 0 5px 5px 0;
}


.identify-box{
    position: relative;
}
.identify-box .check-fa {
    position: absolute;
    top: 15px;
    right: 150px;
    font-size: 22px;
    color: #048ca9;
}


.identify-box img{
    position: absolute;
    top:5px;
    right:5px;
    height:40px;
    cursor:pointer;
    border: none;
    width: 120px;
}
.inquiry-part{
    margin-top: 30px;
    margin-bottom: 60px;
}
.inquiry-part #form-inquiry{
	margin-left: 0;
	margin-right: 0;
}
.inquiry-part .form-group .form-note{
	margin-left: 0;
	margin-right: 0;
}
label>span{
    color: red;
}
label{
	font-size: 1.5rem;
}


.side-inquiry .form-control,input.form-control,select.form-control{
    border: 1px solid #2363D5;
    color: #222;
    font-size: 1.4rem;
    background: #ebf1fa;
    transition: all ease .4s;
}

textarea.form-control{
	height: 100px !important;
}

.input-group .input-group-addon:hover{
    cursor: pointer;
}
.form-control:hover,.form-control:focus{
    border: 1px solid #2363D5;
    outline: none;
    background: #fff;
}
.form-control::-webkit-input-placeholder {
    color: #888;
    font-size: 1.6rem;
}
.form-control:-moz-placeholder {
    color: #888;
    font-size: 1.6rem;
}
.form-control::-moz-placeholder {
    color: #888;
    font-size: 1.6rem;
}
.form-control:-ms-input-placeholder {
    color: #888; !important;
    font-size: 1.6rem;
}
.form-control::-ms-input-placeholder {
    color: #888;
    font-size: 1.6rem;
}
.form-control::placeholder {
    color: #888;
    font-size: 1.4rem;
}


@media(min-width: 992px) {
    .contact-part{
        display: flex;
    }
}
.contact-part{
    margin-top: 40px;
}
.contact-part div[class*="col-md"]{
    margin-bottom: 20px;
}
.contact-one{
    box-shadow:
            0.2px 0.5px 5px rgba(0, 0, 0, 0.1),
            0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 5px 0;
}
.contact-one .contact-box:last-child{
    border-bottom: none;
}
.map-box{
    box-shadow:
            0.2px 0.5px 5px rgba(0, 0, 0, 0.1),
            2px 5px 20px rgba(0, 0, 0, 0.08);
}
.contact-box{
    background: rgba(255,255,255,.1);
	padding: 36px 50px 36px 150px;
    transition: all ease .4s;
    position: relative;
    border-bottom: 1px solid #dae3f3;
}
@media(min-width: 1350px) {.contact-box{padding: 41px 50px 41px 150px;}}
.contact-box>span{
	width: 60px;
	height: 60px;
	border-radius: 40px;
	background: #dae3f3;
	font-size: 25px;
	margin-top: -30px;
	position: absolute;
	left: 7%;
	top: 50%;
	display: inline-block;
	color: #2363D5;
	text-align: center;
	line-height: 60px;
}
.contact-box:hover{
    background: rgba(255,255,255,0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.contact-box h2{
    margin-bottom: 10px;
}

.inquiry-bg{
    background-image: url(../images/inquiry-bg-1.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 70px 0 50px 0;
    color: #fff;
	margin-bottom: -70px;
}
@media(min-width: 992px) {
    .inquiry-bg:before{
        content: '';
        display: inline-block;
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        /*background: rgba(0,0,0,.3);*/
    }
    .inquiry-bg .inquiry-part, .inquiry-bg .title-name{
        padding-left: 30px;
    }
}


@media (min-width: 992px) {
    .careers-box{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}

.careers-one{
    background: #f7f7f7;
    padding: 25px 25px 10px 35px;
}
.careers-one ul,.careers-detail>ul{
    list-style: none;
    padding-left: 0;
}
.careers-one ul>li,.careers-detail>ul>li{
    position: relative;
    padding-left: 30px;
}
.careers-one ul>li:before,.careers-detail>ul>li:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/careers-icon.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 8px;
}
.careers-box table a{
    color: #4c4c4c;
}
.careers-box .big-title,.careers-box table a:hover,.note-text{
    color: #2363D5;
}
.careers-detail{
    background-color:#f7f7f7;
    padding: 30px 30px 20px 30px;
    background-repeat: no-repeat;
    background-position: 90% 30%;
    background-size: 450px;
}

/*Careers*/
.career-ssection1{
	width: 100%;
	height: auto;
	padding: 80px 0px;
}
.career-ssection1-info{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.career-ssection1-info .pic{
	width: 38%;
	position: relative;
	min-height: 450px;
}
.career-ssection1-info .text{
	width: 56%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.career-ssection1-info .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
	border-radius: 10px;
}
.career-ssection1-info .text .maintitle{
	margin-bottom: 20px;
}
.maintitle .center {
	text-align: center;
}
.maintitle .style1{
	color: #3362ce;
	font-size: 19px;
	font-family: 'Montserrat-bold', Arial, sans-serif, serif;
	margin-bottom: 10px;
}
.maintitle .titles{
	color: #000;
	font-family: 'Montserrat-bold', Arial, sans-serif, serif;
	font-size: 32px;
}
.maintitle .titles span {
	color: #3362ce;
}
.career-ssection1-info .text-list{
	width: 100%;
	height: auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.career-ssection1-info .text-list .list-item{
	width: 49%;
	background: #F3F7FD;
	line-height: 1.2;
	padding: 5px 10px 5px 10px;
	color: #3362ce;
	margin-top: 15px;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	border-radius: 6px;
	transition: all 0s;
	font-family: 'Montserrat-Bold';
}
.career-ssection1-info .text-list .list-item:hover{
	background-color: #3362ce;
	color: #fff;
}
.career-ssection2{
	width: 100%;
	height: auto;
	padding: 0px 0px 80px;
}

.inquiry-part input[type=checkbox], .inquiry-part input[type=radio]{
    margin-top: 8px;
}
.inquiry-part .form-group .checkbox:last-child{
    margin-bottom: 0;
}
.inquiry-submit{
    padding: 10px 26px;
    background: #2363D5;
    color: #fff;
    margin-top: 20px;
    border-radius: 5px;
    width: 100%;
    transition: all ease .4s;
	border: 1px solid #2363D5;
	box-shadow: 0 0 10px #ddd;
}

.inquiry-submit:hover,.inquiry-submit:focus{
	background: #fff;
	color: #2363D5;
}

.side-inquiry .side-title{
	padding-top: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
.side-inquiry .inquiry-part{
    margin-top: 15px;
}
.side-inquiry .form-group{
    margin-bottom: 15px;
}
@media(min-width: 992px) {
	.side-inquiry .form-group{
		padding-left: 0px;
		padding-right: 0px;
	}
}
.side-inquiry{
    background: #F3F7FD;
    box-shadow: 0 10px 10px #ebf1e8;
    padding: 0 10px 20px 10px;
	margin-bottom: 20px;
}
.side-inquiry div[class*="col-md"]{
    width: 100%;
}
.side-inquiry  .col-md-offset-4{
    margin: 0;
}

@media(min-width: 992px) {
    .contact-inquiry{
        padding-right: 50px;
    }
    .contact-inquiry .col-md-offset-4{
        margin-left: 0;
    }

}
.contact-inquiry{
    margin-bottom: 50px;
}


.product-page{
    text-align: right;
    margin-top: 50px;
}
.pagination>li>a, .pagination>li>span{
    margin-right: 10px;
    border-radius: 20px;
    min-width: 40px;
    height: 40px;
    text-align: center;
    color: #2363D5;
    line-height: 36px;
    display: inline-block;
    float: none;
    position: static;
    padding: 0 12px;
}

.pagination>li>a:hover{
    background: #2363D5;
    color: #fff;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background: #2363D5;
    border: 1px solid #2363D5;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{
    border-radius: 20px;
}
.warning-note{
    display: block;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: .94em;
    margin-top: 30px;
}
@media(min-width: 992px) {
    .detail-inquiry{
        float: right;
    }
}
.next-list a{
    display: inline-block;
    line-height: 1.2em;
    padding:10px;
    border-radius: 50px;
    text-align: center;
    font-size: .96em;
    font-weight: bold;;
    border: 1px solid #666;
    margin-right: 10px;
    color: #666;
    margin-top: 10px;
}

.next-list a:hover,.next-list a.active{
    background: #2363D5;
    color: #fff;
    border: 1px solid #2363D5;
}
.product-table{
    border: none;
}

.product-table tr:hover{
    background: #e6f0f8;
}
.service-table.product-table tr:first-child{
    background: #e1ebf6;
    color: #333;
}
.detail-inquiry{
    display: inline-block;
    padding:10px 20px;
    background: #2363D5;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #2363D5;
}
.detail-inquiry:hover,.detail-inquiry:focus{
    background: #fff;
    color: #2363D5;
}
.detail-box div[class*='col-md']{
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.detail-box .row{
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    margin-left: 0;
    margin-right: 0;
}
.detail-nav{
    margin-top: 20px;
}
.detail-nav>li>a{
    padding: 12px 35px;
    border-radius: 0;
    font-size: 1.1em;
}
.form-note{
    line-height: 1.45em;
    font-size: .94em;
    cursor: pointer;
}
.title-bg{
    background: #3362ce;
    padding: 14px 10px;
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
}

@media(min-width: 992px) {
    .pd-box{
        display: flex;
    }
    .pd-box>p{
        margin-right: -20px;
    }
}
.pd-box-1{
    text-align: center;
    font-size: 0.9em;
}
.pd-box-1 p{
	margin-bottom:10px;
}
.pd-box-1 p img{
    height: 50px;
}
.pd-box>p{
    position: relative;
    margin-bottom: 30px;
	font-size: 0.9em;
}

.pd-box strong{
    font-size: 1.05em;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 0;
    bottom: 0;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
}
.pd-border div[class*="col-md"]{
    margin-top: 50px;
}
.pd-border .small-title{
    display: flex;
    margin: -40px 20px 20px 20px;
    background: #e1ebf6;
    height: 54px;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 1.08em;
    border-radius: 6px;
}


@media(min-width: 992px) {
    .cell-box div[class*="col-md"]>div{
        height: 100%;
        margin-bottom: 0;
    }
    .cell-box div[class*="col-md"]{
        margin-bottom: 35px;
    }
}
@media(max-width: 992px) {
    .workflow-box{
        flex-wrap: wrap;
    }
    .workflow-box>div{
        width: 33.3%;
    }
}
.cell-box div[class*="col-md"]>div{
    position: relative;
    box-shadow: none;
}
.cell-box div[class*="col-md"]>div:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    right: -10px;
    bottom: -10px;
    background: #d6dce5;
    z-index: -1;
    border-radius: 5px;
}
.cell-box div[class*="col-md"]:nth-child(1)>div,.cell-box div[class*="col-md"]:nth-child(4)>div,.cell-box div[class*="col-md"]:nth-child(5)>div{
    background: #e1ebf6;

}
.cell-box div[class*="col-md"]:nth-child(2)>div,.cell-box div[class*="col-md"]:nth-child(3)>div,.cell-box div[class*="col-md"]:nth-child(6)>div{
    background: #f2f2f2;
}

.workflow-box{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.workflow-box>div{
    margin-bottom: 25px;
}
.workflow-box p{
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-pic{
	width: 100%;
	height: 150px;
	background-size: auto 100% !important;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 75px;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	color: #fff;
	line-height: 1.45em;
}

.related-title {
    color: #000 !important;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 20px;
    font-family: 'Montserrat-Bold';
}
.related{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    column-gap: 2%;
    margin-top: 25px;
    margin-bottom: 50px;
}
.related a{
    width: 49%;
    padding: 0px 10px 0px 35px;
    font-size: 15px;
    line-height: 46px;
    color: #000 !important;
    background: #f5f5f5;
    border-radius: 0px;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.related a:before{
    content: '\e910';
    font-family: 'icomoon';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #3b3b3b;
}
.related a:hover{
    background: #3362ce !important;
    color: #fff !important;
    transition: all 0s;
}
.related a:hover:before{
    color: #fff;
}

@media(min-width: 1200px) {
    .tag-center{
        display: flex;
        grid-column-gap: 20px;
        justify-content: center;
        max-width: 920px;
        margin: auto;
    }
    .development-box .row{
        display: flex;
        flex-wrap: wrap;
    }
    .development-box .show-center{
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        min-height: 60px;
    }
    .development-box .show-center img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        /*min-width: 100%;*/
        /*min-height: 100%;*/
        max-width: 110%;
        margin-bottom: 0;
    }
    .development-box .row>div[class*="col-md"]:last-child p:last-child{
        margin-bottom: 0;
    }
    .development-box .row{
        position: relative;
    }
    .development-box .row:after{
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../img/leukemia-down-arrow.png) no-repeat center;
        background-size: contain;
        position: absolute;
        bottom: -5px;
        left: 7.2%;
    }
	.development-box .row:last-child:after{
		display: none;
	}
	.development-box-right .show-center:after{
        content: '';
        display: inline-block;
        width: 30px;
        height: 20px;
        background: url(../img/leukemia-right-arrow.png) no-repeat center;
        background-size: contain;
        position: absolute;
		top: 30%;
		left: 90%;
    }
    .development-box-right .col-md-3:last-child .show-center:after{
        content: none;
    }
	.development-box-right .show-center.clear:after{
		display: none;
	}
	.development-box-right .bg:after{
        content: '';
        display: inline-block;
        width: 30px;
        height: 20px;
        background: url(../img/leukemia-right-arrow.png) no-repeat center;
        background-size: contain;
        position: absolute;
		left: 93%;
		top: 3px;
    }
	.development-box-right .bg.clear:after{
		display: none;
	}
}
.development-box-right .bg{
	background: #f1f8ff;
}
.tag-center ul>li:last-child{
    margin-bottom: 0;
}

.development-box .row>div[class*="col-md"]:last-child p{
    margin-bottom: 14px;
    line-height: 1.45em;
}
.development-box .row>div{
    margin-bottom: 15px;
}

@media(min-width: 992px) {
	.tumer-box>p{
		width: 90px;
	}
	.tumer-box>div{
		width: calc(100% - 90px);
	}
	.tumer-box:after{
		left: 35px;
	}
}
@media(max-width: 992px) {
	.tumer-box>p{
		width: 50px;
	}
	.tumer-box>div{
		width: calc(100% - 50px);
	}
	.tumer-box:after{
		left: 15px;
	}
}
.tumer-box>p{
	display: flex;
	align-items: center;
	justify-content: center;
}
.tumer-box{
	display: flex;
	align-items: center;
	grid-gap: 10px;
	position: relative;
	padding-bottom: 14px;
}
.tumer-box p{
	margin-bottom: 10px;
}
.tumer-box:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/tumer-cell-icon-arrow.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
}
.tumer-cell .tumer-box:last-child:after{
	display: none;
}
.frame-box:after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/tumer-cell-icon-arrow.png) no-repeat;
	background-size: contain;
}
.frame-box.clear:after{
	display: none;
}
.tumer-small{
	font-size: .92em;
	line-height: 1.4em;
}
@media(min-width: 1400px) {
	.show-right.pic-size img{
		width: calc(100% - 10px) !important;
	}
}
@media(min-width: 992px) {
	.show-right.pic-size img{
		width: calc(100% - 20px);
	}
}
@media(max-width: 992px) {
	.show-right.pic-size{
		float: right;
	}
	.show-right.pic-size img{
		width: calc(100% - 10px);
	}
}
.flex-box.top-text .bg-box{
	display: flex;
}
.flex-box.top-text .bg-box ul{
	margin-bottom: 0;
}
.flex-box.top-text .bg-box .col-md-4{
	display: table;
}
.flex-box.top-text .bg-box .col-md-4 .table-cell{
	display: table-cell;
	vertical-align: middle;
}
.col-md-2-list {
	float: left;
	width: 20%;
	padding-left: 20px;
	padding-right: 20px;
}
.link-black ul li a{
	color: #333;
}
.link-black ul li a:hover{
	color: #3885d8;
}

.form-part .form-control, input.form-control{
	border: 1px solid #fff;
	background: #F9F9F9;
	padding: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #000;
	box-shadow: none;
	border-radius: 6px;
}
.service-box .index-seven{
	margin-top: 0;
}
.service-box h2{
	color: #333;
}
.service-box a:hover,.service-box a h3:hover{
	color: #F5594D;
}
.contact-form .col-md-4 {
	width: 18%;
	/*float: none;*/
}
.contact-form .col-md-offset-4 {
	/*margin:0 auto;*/
}
@media (max-width: 550px) {
	.contact-form .col-md-4 {
		width: 45%;
	}
}
@media (min-width: 900px) and (max-width: 1440px) {
	.contact-form .col-md-4 {
		width: 25%;
	}
}
.contact-form .ml-38 {
	margin-left: 38%;
}
@media (min-width: 1450px) {
	.contact-form .ml-38 {
		margin-left: 41%;
	}
}
@media (max-width: 920px) {
	.contact-form .ml-38 {
		margin-left: 0;
	}
	.contact-form .col-md-4 {width: 100%;}
}
.career-info ul{
	margin-bottom: 0 !important;
}
/*.service-box h3{*/
/*	position:relative;*/
/*	padding-left:20px;*/
/*}*/
/*.service-box h3:before{*/
/*	content: "";*/
/*	display: block;*/
/*	width:6px;*/
/*	height:6px;*/
/*	background-color: #000;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top:10px;*/
/*	border-radius: 50%*/
/*}*/
.service-box h3{
	font-size: 1em;
	color: #3E3A39;
}
.service-box a>h3{
	font-size: 1em;
	color: #3362ce;
}
/*.service-box .pl-20{*/
/*	padding-left: 20px;*/
/*}*/

.service-box img.centerpic{
	width: 100%;
}
@media(min-width: 992px) {
	.service-box img.centerpic{
		width: 85% !important;
	}
}
@media (min-width: 992px) {
	.col-md-2.wd-13 {
		width: 13% !important;
	}.col-md-2.wd-19 {
		width: 19% !important;
	}.col-md-2.wd-21 {
		width: 21% !important;
	}.col-md-3.wd-24{
		width: 24% !important;
	}.col-md-4.wd-28{
		width: 28% !important;
	}.col-md-3.wd-22{
		width: 22% !important;
	}.col-md-2.wd-25{
		width: 25% !important;
	}
}
.mb-10-box p{
	margin-bottom: 10px;
}
.mb-10-box p:last-child{
	margin-bottom: 20px;
}
.resources .small-title{
    line-height: 53px;
}
.resources .resources-side{
	list-style: none;
	display: flex;
	padding-left: 0;
	margin: 0 10px;
}
.resources .resources-side:last-child{
	margin-bottom: 20px;
}
.resources .resources-side li{
    margin: 8px 8px;
    position: relative;
    width: 33%;
}
.resources .resources-side li img{
    width: 100%;
    height: 100%;
}
.resources .resources-side li:before{
    content: '';
    position: absolute;
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    clip-path: polygon(0% 0%, 75% 0%, 50% 100%, 0% 100%);
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
.resources .resources-side li:hover:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.resources .resources-side li span{
	position: absolute;
	font-size: 14px;
	line-height: 1.2;
	padding-left: 5px;
	left: 0;
	top: 50%;
	color: #ffffff;
	font-weight: bolder;
	text-align: left;
}
.resources .related a {
	width: 100%;
}

/*resources select filter */
.resources .one-box p{
    font-size: 0.9em;
    line-height: 21px;
    overflow: hidden;
    margin: 10px 0;
    transition: all 0.3s ease-in-out;
}
.resource-list .list-item{
    height: 400px;
}
@media (max-width: 1200px) {
    .resource-list .list-item{
        height: 400px;
    }
}
.resource-list p.type{
    position: absolute;
    top: 10px;
    padding: 5px 10px;
    background: #000000a3;
    color: white;
    font-size: 13px;
    margin: 0 0 20px;
}
.resources .one-box p img{
    left: 0;
    top: 0;
    width: 300px;
    height: 200px;
    object-fit: cover;
}
@media (max-width: 1200px) {
    .resources .one-box p img{
        height: 200PX;
    }
}
.resources .one-box p:hover img{
    transform: scale(1.1);
    transition:all 0.3s ease-in-out;
}
.resources .one-box a{
	display: table;
}
.resources .one-box a>h3{
	height: 65px;
    display: table-cell;
    vertical-align: middle;
}
.resources .one-box span{
	position: absolute;
	right: 10%;
	font-weight: normal;
	border-radius: 0;
	font-size: 12px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.08em;
    bottom: 0;
}
@media(max-width: 768px) {
    .resources .one-box a>h3 {
        height: 40px;
    }
    .resources .one-box span{
        position: relative;
        right: 0%;
    }
}
.resources .selection{
	padding-top: 8px;
}
.resources select{
	border: none;
	border-bottom: 1px solid #767676;
	margin-left: 20px;
	font-size: 0.9em;
	width: 28%;
	height: 28px;
}
@media (max-width: 1200px) {
    .resources select{
        margin-left: 0px;
        width: 32%;
    }
}
/*resources select filter end */


.phase{display: inline-block;border:1px solid #F5594D;background-color:#F5594D;margin-right: 5px;width: 43px;height: 22px;border-radius: 100px;}
.phase-blank{display: inline-block;border:1px solid #F5594D;margin-right: 5px;width: 43px;height: 22px;border-radius: 100px;}
.phase-linear{ display: inline-block;border:1px solid #F5594D; background: linear-gradient(to right, #F5594D, #ffffff); margin-right: 5px;width: 43px;height: 22px; border-radius: 100px;}
.left-5{margin-left: 5%;width: 90%;margin:0 auto;}
.right-5{margin-left: 5%;width: 90%;margin:0 auto;}
.ulstyle{border: none; margin-bottom: 20px;} .ulstyle tr, .ulstyle td{border: none !important;font-size: 16px;} .ulstyle tr, .ulstyle td:before{content:'●';padding-right: 10px;font-size: 14px}

/*start service-page: small-molecule-drug-development-solutions.html*/
.comprehensive-1{
    padding:75px 0;
    background: #efefef;
}
.mt-mb-75{
    margin:75px 0;
}
.pb-75{
    padding-bottom:75px;
}
.Comprehensive-4{
    display: flex;
    padding-bottom: 30px;
}
.Comprehensive-4 img{
    height: 50px;
    padding-right: 20px;
    position: relative;
    top: -10px;
}
.comprehensive-4:before{
    background-image: url(../images/comprehensive-icon1.png);
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 2px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

@media (hover: hover) and (min-width: 769px), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .panel-slider .panel-slides {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.2);
        background-blend-mode: lighten;
        display: flex;
        min-height: 200px;
        position: relative;
    }
    .panel-slider .panel-slides .panel-slides::after {
        background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
        content: "";
        height: 300px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
    }
    .panel-slider .panel-slide {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        position: relative;
        z-index: 2;
        width: 100%;
    }
    .panel-slider .panel-slide .panel-slide__title {
        font-size: 14px;
        color: white;
        margin-bottom: 10px;
    }
    .panel-slider .panel-slide .panel-slide__desc,
    .panel-slider .panel-slide .panel-slide__link {
        transition-property: opacity;
        transition-duration: .25s;
    }
    .panel-slider .panel-slide .panel-slide__link {
        font-weight: bolder;
        width: 100%;
    }
    .panel-slider .panel-slide .panel-slide__link .panel-slide__link:hover {
        border-top: none;
        color: #f1b434;
    }
    .panel-slider .panel-slide .panel-slide__background {
        background-image: none !important;
        background-color: transparent;
        height: 100%;
        transition-property: background-color;
        transition-duration: .25s;
    }
    .panel-slider .panel-slide .panel-slide:hover .panel-slide__background {
        background-color: rgba(0, 0, 0, 0.55);
        opacity: .8;
        mix-blend-mode: multiply;
    }
    .panel-slider .panel-slide .panel-slide:hover .panel-slide__desc,
    .panel-slider .panel-slide .panel-slide:hover .panel-slide__link {
        opacity: 1;
    }
}
@media (hover: none), (hover: hover) and (max-width: 1000px) {
    .panel-slider {
        padding: 0;
        margin-bottom: 9px;
    }
    .panel-slider .panel-slide .panel-slide__content-wrap {
        padding: 10px !important;
    }
    .panel-slider .panel-slide .panel-slide__background {
        padding: 20px;
        min-height: 550px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        opacity: 1;
        background-blend-mode: multiply;
    }
    .panel-slider .panel-slide .panel-slide__title {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    .panel-slider .panel-slider .panel-slider__control {
        border: none;
        color: #fff;
        cursor: pointer;
        background: transparent;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 20px;
        transition-property: border, color;
        transition-duration: .25s;
        z-index: 3;
    }
    .panel-slider .panel-slider .panel-slider__control .panel-slider--prev {
        left: 30px;
    }
    .panel-slider .panel-slider .panel-slider__control .panel-slider--next {
        left: 90px;
    }
    .panel-slider .panel-slider .panel-slider__control .panel-slider:hover {
        border: none;
        color: #3362ce;
    }
}
.panel-slider .panel-slides {
    min-height: 500px;
}
.panel-slider .panel-slide {
    color: #fff;
    position: relative;
}
.panel-slider .panel-slide .panel-slide__content-wrap {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%;
}
.panel-slider .panel-slide .panel-slide__background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
.panel-slider .panel-slide .panel-slide__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-transform: none;
    color: white;
    margin-top: 20px;
    height: 65px;
}
.panel-slider .panel-slide .panel-slide__desc ul li {
    font-weight: bolder;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}
.panel-slider .panel-slide .panel-slide__link {
    border-top: none;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    padding: 20px;
    text-decoration: none;
}
.panel-slider .panel-slide .panel-slide__link .panel-slide::after {
    content: "\f105";
    font-family: "FontAwesome";
    padding-left: 30px;
}


.service-box .box {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    border: 2px dashed #3362ce;
    border-radius: 30px;
    padding: 20px 20px 5px;
}

.flex-align {
    display: flex;
    align-items: center;
}
.page-inquirybox.checkbox{
    padding-left: 10%;
    font-size: 18px;
}
@media (max-width: 1200px) {
    .page-inquirybox.checkbox{
        padding-left: 20px;
        font-size: 14px;
    }
}

#price-inquiry {
    display: none;
}
.service-row{
    margin-bottom:20px;
}
.service-row div p{
    margin-bottom:5px;
}
.service-row div ul{
    margin-bottom:5px;
}
.service-row div ul li{
    margin-bottom:5px;
}
/*end service-page: small-molecule-drug-development-solutions.html*/

.small-table{
    width: 80%;
    margin: 0 auto;
}

.development-box .row div[class*="col-md"]:nth-child(1){
	padding-right:0;
}
.development-box .row div[class*="col-md"]:nth-child(2){
	padding-left:0;
}

/*New-footer-style*/
.footer{
    width: 100%;
    height: auto;
    background: #5e5e60;
    position: relative;
}
.footer:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/logo-icon.svg) no-repeat center right/auto 110%;
    opacity: .2;
    z-index: 0;
}
.footer .maincon{
    position: relative;
    z-index: 5;
}
.footer p{
    color: #fff;
    margin-bottom: 5px;
    font-size: 16px;
}
.footer li{
    color: #fff;
    margin-bottom: 5px;
    font-size: 16px;
}
.footer a{
    color: #fff;
    font-size: 16px;
}
.footer label{
    color: #fff;
}
.footer a:hover{
    color: #f25346;
}
.footer .foottitle{
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
    font-family: 'Montserrat-Bold';
}
.foot-info{
    width: 100%;
    margin: auto;
    max-width: 100%;
    height: auto;
    padding: 40px 0px 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* border-bottom: 1px solid #979797; */
    position: relative;
    z-index: 1;
}
.foot-nav{
    width: 600px;
    position: relative;
    z-index: 1;
}
.foot-nav-list{
    width: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 100px;
    margin-bottom: 30px;
}
.foot-nav-list ul{
    padding-left: 19px;
}
.foot-nav-list ul li{
    list-style: disc;
}
.foot-form{
    width: calc(100% - 600px);
}
.foot-form .form_control {
    width: 100%;
    height: 48px;
    border: 1px solid #fff;
    background: #F9F9F9;
    padding: 0px 10px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #000;
    box-shadow: none;
    border-radius: 6px;
}
.foot-form .forms label{
    display: none;
}
.foot-form .forms .form-check label{
    display: block;
    font-weight: normal;
}
.foot-form .forms .form_control{
    height: 52px;
    border-radius: 4px;
}
.foot-form .forms .form_group {
    margin-bottom: 18px;
}
.foot-form .forms .form-check {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
}
.foot-form .forms textarea.form_control{
    height: 100px;
}
.foot-form .forms textarea.form_control.title {
    height: 52px;
    padding-top: 14px;
}
.foot-form  .forms .submit-btn:hover{
    background: #fff;
    color: #3362ce;
}
.foot-form .row{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0px -10px;
}
.foot-form .row:before{
    content: none;
}
.foot-form .row:after{
    content: none;
}
.foot-form .row>div{
    padding: 0px 10px;
}
.foot-form .row>.col-lg-6{
    width: 50%;
}
.foot-form .row>.col-lg-12{
    width: 100%;
}
.footer .forms .submit-btn {
    padding: 8px 60px;
    background: #f25346;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 4px;
    font-family: 'Montserrat-Bold';
    font-size: 18px;
}
.footer .forms .submit-btn:hover{
	background: #e6590d;
	color: #ffffff;
}
.foot-contact-info{
    width: auto;
    margin: 0px 0px;
    max-width: 300px
}
.foot-contact p{
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}
.foot-contact p:before{
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: 3px;
}
.foot-contact p:nth-child(1):before{
    background-image: url(../images/foot-address.svg);
}
.foot-contact p:nth-child(2):before{
    background-image: url(../images/foot-phone.svg);
}
.foot-contact p:nth-child(3):before{
    background-image: url(../images/foot-email.svg);
}
.foot-logo{
    width: 100%;
    /* padding: 30px 0px; */
    display: flex;
    align-items: start;
    justify-content: center;
    column-gap: 30px;
    position: relative;
    z-index: 1;
    flex-direction: column;
    margin-bottom: 30px;
}
.foot-logo img{
    width: auto;
    height: 80px;
}
.foot-logo p{
    max-width: 500px;
    margin-bottom: 0px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.foot-share-box{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.foot-link-icon{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 50px;
}
.foot-link-icon a{
    color: #fff;
    font-size: 25px;
    transition: all 0s;
}
.foot-link-icon a:hover{
    color: #f25346;
    transition: all 0s;
	text-decoration: none;
}
.copyright{
    width: 100%;
    height: auto;
    padding: 15px 0px;
    position: relative;
    z-index: 1;
}
.copyright p{
    text-align: center;
    padding: 0px 0px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}
@media (max-width: 1200px){
    .foot-info{display: block;}
    .foot-nav{width:auto;}
    .foot-nav-list{display: block;}
    .foot-form{width: 100%}
    .foot-contact{margin-bottom: 40px}
}
@media(max-width: 996px){
    .foot-logo{
        display: block;
    }
    .foot-logo img{
        margin-bottom:30px;
    }
    .foot-logo p{
        max-width:fit-content;
    }
}
/*New-footer-style end*/

.contact-us-add-css .contact-one .contact-box > div p {
    margin-bottom: 10px;
}

.foot-contact .list-item {
    margin-bottom: 10px;
}
.foot-contact .list-item p:before {
    background-image: none;
}
.foot-contact .list-item p {
    margin-bottom: 5px;
}
.foot-contact .list-item:nth-child(1) > p.style1:before {
    background-image: url(../images/foot-address.svg) !important;
}
.foot-contact .list-item:nth-child(2) > p.style1:before {
    background-image: url(../images/foot-phone.svg) !important;
}
.foot-contact .list-item:nth-child(3) > p.style1:before {
    background-image: url(../images/foot-email.svg) !important;
}


.foot-contact-list-box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 30px;
    border-bottom: 1px solid #979797;
}
.foot-contact-list-box .list-item {
    width: 24%;
    margin-bottom: 10px;
}
.foot-contact-list-box .list-item .foottitle {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    display: block;
}
.foot-contact-list-box .list-item p {
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    color: #fff;
}
.foot-contact-list-box .list-item p:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}
.foot-contact-list-box .list-item p:nth-child(1):before {
    background-image: url(../images/foot-email.svg);
}
.foot-contact-list-box .list-item p:nth-child(2):before {
    background-image: url(../images/foot-phone.svg);
}
.foot-contact-list-box .list-item p:nth-child(3):before {
    background-image: url(../images/foot-address.svg);
}

.maincon {
    width: 100%;
    margin: auto;
    height: auto;
    padding: 0px 15%;
    max-width: 2000px;
}

.maintitle{
	margin-bottom: 35px;
	text-align: left;
}
.maintitle p{
	max-width: 1000px;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 0px;
}
.titles{
	font-size: 28px;
	line-height: 1.2;
	font-family: MinionPro;
	color: #2a2a2a;
	font-weight: normal;
}
.maintitle.center{
	text-align: center;
}
.maintitle.center p{
	margin: 15px auto 0px;
	text-align: center;
}
.mainsection1{
	width: 100%;
	height: auto;
	padding: 10px 0px 80px;
	border-bottom: 4px solid #f6f6f3;
}
.mainsection1-list{
	width: 100%;
	height: auto;
	position: relative;
}
.mainsection1-list .list-item{
	height: auto;
	background: #f6f6f3;
	position: relative;
}
.mainsection1-list .list-item .pic{
	width: 100%;
	padding-bottom: 70%;
	overflow: hidden;
	position: relative;
	border: 1px solid #aaabad;
}
.mainsection1-list .list-item .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all .5s;
}
.mainsection1-list .list-item:hover .pic img{
	transform: scale(1.1); 
}
.mainsection1-list .list-item .text{
	width: 100%;
	padding: 20px 15px 50px;
}
.mainsection1-list .list-item .text h3{
	font-size: 18px;
	line-height: 1.39;
    letter-spacing: 0.1px;
	margin-bottom: 10px;
	color: #1d1d1f;
	font-family: 'arial-bold';
}
.mainsection1-list .list-item .list-more-btn{
	color: #e26455;
	opacity: 0.87;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.93;
    letter-spacing: 0.1px;
	position: absolute;
	left: 15px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 4px;
}
.mainsection1-list .list-item .list-more-btn:after{
	content: '\e910';
    font-family: 'icomoon' !important;
    font-size: 16px;
    font-weight: normal;
}
.mainsection1-list .list-item .list-more-btn:hover{
	color: #f25346;
}

.mainsection2-list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mainsection3-list {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mainsection3-list .list-item {
    width: calc(33.33% - 33.33px);
    margin-bottom: 50px;
    padding-bottom: 25px;
    border-radius: 30px;
    box-shadow: 3px 4px 10px rgba(0, 0, 0, .2);
    background: #F3F8FF;
    position: relative;
    transition: all .3s;
    overflow: hidden;
}
.mainsection3-list .list-item .pic {
    width: 100%;
    padding-bottom: 70%;
    overflow: hidden;
    position: relative;
}
.mainsection3-list .list-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all .5s;
}
.mainsection3-list .list-item .icon {
    width: 200px;
    max-width: 100%;
    height: 76px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-top: -38px;
    z-index: 2;
    background: #fff;
    border-radius: 20px;
    position: relative;
}
.mainsection3-list .list-item .icon .icon-pic {
    width: 56px;
    height: 56px;
    background: #3362ce;
    border-radius: 50%;
    padding: 11px;
    transition: all .3s;
}
.mainsection3-list .list-item .icon .icon-pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mainsection3-list .list-item .text {
    width: 100%;
    height: auto;
    padding: 25px 20px 25px;
}
.mainsection3-list .list-item .text h3 {
    color: #000;
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 15px;
}
.mainsection3-list .list-item .text p {
    text-align: center;
}
.mainsection3-list .list-item .text-btn {
    position: absolute;
    left: 0px;
    bottom: 25px;
    width: 100%;
    text-align: center;
}
.mainsection3-list .list-item .text-btn span {
    font-family: 'Montserrat-Bold';
    color: #3362ce;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mainsection3-list .list-item .text-btn span:after {
    content: '\e910';
    font-family: 'icomoon';
    margin-left: 6px;
    font-size: 20px;
}
.mainsection3-list .list-item:hover .icon .icon-pic {
    transform: rotate(90deg);
}
.mainsection3-list .list-item:hover .pic img {
    transform: scale(1.1);
}
.mainsection3-list .list-item:hover {
    transform: translateY(-6px);
}
.mainsection3-list .list-item:hover .text h3 {
    color: #3362ce;
}