@font-face {
    font-family: 'UTMAquarelle';
    src: url('../fonts/UTM Aquarelle.ttf');
}
.owltopnews .owl-controls,.mainslide .owl-controls{margin: 0 !important}
.owltopnews .owl-buttons > div,#owlmainslide .owl-buttons > div{width: 40px;height: 40px;background: none !important;border: 1px solid #fff;opacity: 0.4;position: absolute;top: calc(50% - 20px);line-height: 40px;text-align: center;color: #fff;font-size: 26px !important;padding: 0 !important;margin: 0 !important}
#owlmainslide img{width: 100%}
#owlmainslide .owl-buttons > div.owl-prev{left: 27px}
#owlmainslide .owl-buttons > div.owl-next{right: 27px}
.owltopnews .owl-buttons > div:hover,#owlmainslide .owl-buttons > div:hover{opacity: 1}
#submainslide{position: absolute;bottom: 0;width: 100%;left: 0}
#submainslide .item{cursor: pointer;}
#submainslide .item .img{min-height: 85px}
#submainslide .owl-item:first-child .img span{width: 85px;height: 60px;background: url("../images/iconslide.png") no-repeat;display: inline-block;}
#submainslide .owl-item:first-child.synced .img span,#submainslide .owl-item:first-child .item:hover .img span{background-position: 0 -77px}
#submainslide .owl-item:nth-child(2) .img span{width: 64px;height: 60px;background: url("../images/iconslide.png") no-repeat -88px 0;display: inline-block;}
#submainslide .owl-item:nth-child(2).synced .img span,#submainslide .owl-item:nth-child(2) .item:hover .img span{background-position: -88px -79px}
#submainslide .owl-item:nth-child(3) .img span{width: 71px;height: 60px;background: url("../images/iconslide.png") no-repeat -152px 0px;display: inline-block;}
#submainslide .owl-item:nth-child(3).synced .img span,#submainslide .owl-item:nth-child(3) .item:hover .img span{background-position: -152px -72px}
#submainslide .owl-item:nth-child(4) .img span{width: 63px;height: 60px;background: url("../images/iconslide.png") no-repeat -223px 0;display: inline-block;}
#submainslide .owl-item:nth-child(4).synced .img span,#submainslide .owl-item:nth-child(4) .item:hover .img span{background-position: -223px -72px}
#submainslide .owl-item:last-child .img span{width: 80px;height: 66px;background: url("../images/iconslide.png") no-repeat -289px -0;display: inline-block;}
#submainslide .owl-item:last-child.synced .img span,#submainslide .owl-item:last-child .item:hover .img span{background-position: -289px -72px}
#submainslide .title{color: #fff;font-size: 18px;padding: 16px 0;background: rgba(0,82,156,0.7);}
#submainslide .synced .title,#submainslide .item:hover .title{background: #f37123}
#aboutus{background: url("../images/bg.png") no-repeat left bottom;padding-top: 40px;padding-bottom: 40px}
#aboutus h4{font-family: "UTMAquarelle";font-size: 34px;color: #444444;display: inline-block;margin-top: 60px}
#aboutus .quote{line-height: 30px;color: #666666;margin-top: 15px}
#aboutus .col-md-6:before{content: "";background: url('../images/line.png') no-repeat;width: 11px;height: 215px;position: absolute;top: calc(50% - 107.5px);left: -35px}
#service .item{position: relative;}
#service .item .content{padding: 10px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: flex;opacity: 0}
#service .item:hover .content{opacity: 1}
#service .item .info{background: rgba(255,255,255,0.75);padding: 20px;position: relative;width: 100%}
#service .item .info figure{display: table-cell;vertical-align: middle;width: 100%}
#service .item .info h6{font-size: 20px;color: #00529c;font-family: "MYRIADPRO-BOLD";text-transform: uppercase;margin-top: 0;margin-bottom: 20px}
#service .item .info .quote{line-height: 25px;text-align: justify;}
#service .item .info .detail{padding: 15px;position: absolute;right: 0;bottom: 0;background: #f37123;font-family: "MYRIADPRO-BOLDCOND";font-size: 18px;color: #fff}
#service .item .info .detail:before{content: "";width: 0; height: 0; border-top: 55px solid transparent;border-bottom: 0px solid transparent;border-right:35px solid #f37123; position: absolute;right: 100%;bottom: 0}
#whyus{padding-top: 40px;background: url("../images/bg4.png") no-repeat left bottom;display: inline-block;width: 100%}
#whyus .item{margin-top: 40px;display: inline-block;width: 100%;}
#whyus .item .col-md-10 > h6{font-size: 18px;font-family: "MYRIADPRO-SEMIBOLD";margin-top: 0;margin-bottom: 22px}
#whyus .item .img span{width: 100%;display: table-cell;vertical-align: middle;}
#whyus .item .quote{color: #666666;line-height: 25px;text-align: justify;}
#whyus .item .img{padding-top: 30px}
#whyus .body{padding: 0 150px;line-height: 25px}
#countup {background: url("../images/bg2.png") no-repeat 100%;padding-top: 50px;padding-bottom: 50px;background-size: 100% auto;color: #fff}
#countup .col-md-3 p:last-child{font-size: 20px;}
#countup .col-md-3 .counter{font-size: 60px;font-family: "MYRIADPRO-SEMIBOLD"}
#countup .col-md-3 p.img{display: inline-block;}
#countup .col-md-3 p.img span{height: 90px;vertical-align: bottom;display: table-cell;}
#association{padding-top: 60px;padding-bottom: 80px}
#association h3.title span:before{display: none;}
#association h3.title{margin-top: 30px}
#association h3.title:after{content: "";width: 3px;height: 145px;background: url("../images/line3.png") no-repeat;position: absolute;right: 0;top: calc(50% - 72.5px);}
#association .item a,#owlpartner .item a{display: table-cell;vertical-align: middle;}
#topnews .col-md-12{border: 1px solid #ebebeb;height: 207px}
#topnews h3.title{margin-bottom: 30px}
#partner{padding-top: 45px;background: #ebebeb}
.owltopnews .owl-buttons > div{border-color: #333333;color: #333333 !important}
.owltopnews .owl-buttons > div.owl-prev{left: -70px}
.owltopnews .owl-buttons > div.owl-next{right: -70px}

@media(max-width: 1024px){
	.owltopnews .owl-buttons > div{top: -85px}
	.owltopnews .owl-buttons > div.owl-prev{left: auto;right: 45px}
	.owltopnews .owl-buttons > div.owl-next{right: 0px}
	#owlservice .owl-buttons{position: absolute;top: -40px;right: 20px}
	#whyus .item{padding-bottom: 0}
	#whyus{background-size: 50%;background-position-y:80%;}
	#whyus .item .col-md-10 > h6{margin-bottom: 15px}
	.topfooter{background-size: auto 100%;}
	.bottomfooter .col-md-2{width: 30%}
	.bottomfooter .col-md-8{width: 40%}
	#aboutus{background-size: 65%;background-position-y: center;}
	#service .item .content{opacity: 1}
	.owltopnews .boxnews .info{float: left;}
	.owltopnews .boxnews .info h5{margin-top: 10px}
	#whyus .body{padding: 0}
}
@media(max-width: 768px){
	#submainslide{display: none !important}
	#aboutus{padding-bottom: 60px}
	#aboutus,#whyus{background: none}
	#aboutus h4{margin-top: 25px;font-size: 30px}
	#countup {background-size: auto 100%;margin-top: 20px}
	#association{padding-top: 0;padding-bottom: 50px}
	#association h3.title{text-align: center;margin-bottom: 30px}
	#association h3.title:after{display: none;}
	#association h3.title span:before{display: block;}
}
@media(max-width: 736px){
	#aboutus .container > .row{margin: 0}
	#whyus .col-xs-2{padding: 0;text-align: center;}
	#whyus .item .img{display: inline-block;}
	#whyus .body{padding: 0 15px}
}
@media(max-width: 480px){
	#service{padding: 0 15px;}
	.topheader .col-md-2{margin-bottom: 5px}
	#countup .col-md-3 .counter{font-size: 50px}
	#countup .col-md-3 p:last-child{font-size: 17px}
	.owltopnews .owl-buttons > div, #owlmainslide .owl-buttons > div{width: 30px;height: 30px;line-height: 30px;font-size: 20px !important;border-radius: 0 !important}
	.owltopnews .owl-buttons > div{top: -80px}
	.owltopnews .owl-buttons > div.owl-next{right: 15px}
	#service .item > img{width: 100%}
	.owltopnews .row{margin: 0}
	#topnews .boxnews span img{width: auto;}
}
@media(max-width: 375px){
	#aboutus h4{font-size: 25px}
}
@media(max-width: 320px){
	#aboutus h4{font-size: 20px}
	#aboutus h4{margin-top: 10px}
	#whyus .item{margin-top: 20px}
	#whyus .item .col-md-10 > h6{margin-top: 15px;text-align: center;}
	#whyus .item  > div{width: 100%}
	#countup .col-md-3 p:last-child{font-size: 15px}
	.owltopnews .owl-buttons > div{top: -30px}
}