@font-face {
    font-family: 'utm_signwriter';
    src: url('../fonts/utm_signwriter/utm_signwriter.otf');
    src: url('../fonts/utm_signwriter/utm_signwriter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander/utm_alexander.otf');
    src: url('../fonts/utm_alexander/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*----- reset -----*/

ol,ul {list-style: none; }

table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/


a:link,a:visited { }
.clear {clear: both; } 
/*===================================================================*/



.header-bot .container{background: url(../images/front/bg-menu.png) repeat-x; height: 38px;position: relative;}
.header-bot .menu li{float: left; padding: 12px 12.9px 11px;}
.header-bot .menu li:first-child{border-left: none;}
.header-bot .menu li:last-child{border-right: none;}
.header-bot .menu li a{display: block; font: 400 13px/normal 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; font-weight:bold}
.header-bot .menu li.index{padding: 7px 6px;}
.header-bot .menu li.index a{width: 30px;height: 24px;text-indent: -9999px;background: url(../images/front/sprite.png) no-repeat -75px 0;}
.header-bot .menu li.active,
.header-bot .menu li:hover{background: #cd2122;}

.header-bot .menu li ul{background: #cd2122; position: absolute; top: 39px; left: 0px; width: 100%;z-index: 222;display: none;transition: display .2s ease;padding: 0 15px;}
.header-bot .menu li ul li{border: none;padding: 5px 22px 5px 5px;margin: 4px 0 5px;}
.header-bot .menu li ul li a{font-weight:bold;}
.header-bot .menu li ul li:hover{background: #de3334;}
.header-bot .menu li.active ul,
.header-bot .menu li:hover ul{display: block;}

/*btn-X*/
a.grid-button{display: none; width:100%; left: 0px;}
a.grid-button span {display: block; }
.grid-button {padding-top: 26px; height:40px;padding-left: 2rem; cursor: pointer; user-select: none; }
.grid-button .grid {width: 16px; height: 6px; background: #cd2122; color: #cd2122; transition: 0.3s; }
.grid-button.collapse .grid {box-shadow: -1rem 0, -1rem 0.8rem, 1rem 0, 1rem -0.8rem, 0 -0.8rem, -1rem -0.8rem, 0 0.8rem, 1rem 0.8rem; }
.mm-opened .grid-button .grid {-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); }
.mm-opened .grid-button.collapse .grid {box-shadow: -0.9rem 0, 0 0 transparent, 0.9rem 0, 0 0 transparent, 0 -0.7rem, 0 0 transparent, 0 0.7rem, 0 0 transparent; }
/* end btn-X*/



.index-content .container{padding-top: 30px;padding-bottom: 10px;}

.slider{margin-bottom: 25px;}
.bx-wrapper{margin: 0;border: none;box-shadow: 0 0 0 transparent;}
.bx-wrapper .bx-pager{bottom: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a{background: url(../images/front/sprite.png) no-repeat -19px -47px; width: 15px;height: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus{background:url(../images/front/sprite.png) no-repeat 0 -47px;}

.country{height: 360px; background: url(../images/fly-content.jpg) no-repeat center;margin-bottom: 10px;padding: 20px 15px 0;}
.country h2{font: 400 24px/normal 'utm_alexander', sans-serif; color: #fff; text-align: center;text-transform: uppercase;margin-bottom: 35px;}
/*.country ul li{padding: 0 15px; width: 16.666%; float: left; box-sizing: border-box; }*/
.country ul li a.img{display: block;background: #fff; width: 165px; height: 164px; border-radius: 100%; border: 5px solid #fff;overflow: hidden;margin: 0 auto 10px;}
.country ul li a.img img{width: 100%;height: 100%;}
.country ul li h4{text-align: center;}
.country ul li h4 a{width: 170px; padding: 10px 0; text-align: center; display: inline-block;background: #2c2c2c; font: 400 14px/normal 'Roboto', sans-serif;text-transform: uppercase;color: #fff; border-radius: 4px;}
.country ul li h4 a:hover{background: #cd2122;}
.country .bx-wrapper{background: transparent; margin: auto;}

.country button{width: 32px; height: 32px; border: none; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -16px;}
.country .slick-prev{background-position: 0 -109px;left: -40px;}
.country .slick-next{background-position: -40px -109px;right: -40px;}

.country .slick-prev:hover{background-position: 0 -70px;}
.country .slick-next:hover{background-position: -40px -70px;}





.pad_top .container{}
.pad_top.duhoc-content .container{padding-top: 45px;}
.block-bread .breadcrumb{background-color: transparent;border-radius: 0;padding: 0;margin: 20px 0 30px;}
.block-bread .breadcrumb li{font: 400 13px/normal 'Roboto', sans-serif;}
.block-bread .breadcrumb li a{color: #444;}
.block-bread .breadcrumb > .active{color: #cd2122;}
.block-bread .breadcrumb > li + li:before{content: ''; display: inline-block; border: 4px solid transparent; border-left: 4px solid #444; width: 4px; height: 4px; margin: 0 0 0 10px;}

.duhoc-content{}
.content-country .left-content ul li,
.duhoc-content .left-content ul li{margin: 0 -10px 20px;}
.duhoc-content .left-content ul li .col-md-5,
.content-country .left-content ul li .col-md-5,
.content-country .left-content ul li .col-md-7,
.duhoc-content .left-content ul li .col-md-7{padding: 0 10px;}
nav{width: 100%;text-align: right;}
nav .pagination{margin: 0; border-radius: 0;}
nav .pagination li{margin: 0 5px !important; width: 30px; height: 30px; overflow: hidden; float: left;}
nav .pagination > li:first-child > a, 
nav .pagination > li:last-child > a, 
nav .pagination > li:first-child > span,
nav .pagination > li:last-child > span,
nav .pagination > li > a, 
nav .pagination > li > span{border: none;background-color: #ccc; border-radius: 100%; font: 400 13px/normal 'Roboto', sans-serif; color: #fff;padding: 6px 11px;margin: 0;}
nav .pagination > li > a span{color: #fff;} 
nav .pagination > li.active > a,
nav .pagination > li > a:hover{background-color: #cd2122; color: #fff;}
nav .pagination > li:first-child > a, 
nav .pagination > li:last-child > a{padding: 5px 10px;}
nav .pagination > li:first-child > a span{background: url(../images/front/icon-pr-nx.png) no-repeat left center; text-indent: 9999px; display: block; width: 10px; height: 20px;}
nav .pagination > li:last-child > a span{background: url(../images/front/icon-pr-nx.png) no-repeat right center; text-indent: 9999px; display: block; width: 10px; height: 20px;} .block-txt-news h5{font: 400 20px/normal 'utm_alexander', sans-serif; color: #2c2c2c; text-transform: uppercase; margin-bottom: 15px;}
.block-txt-news div.img{margin-bottom: 20px;} 
.block-txt-news p{margin-bottom: 25px; line-height: 20px;} 



.mm-menu{background: #000066;}

.mm-listview > li > a, 
.mm-listview > li > span{font: 400 14px/normal 'Roboto', sans-serif; color: #fff;text-transform: uppercase;padding: 12px 10px 11px;}
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before,
.mm-menu .mm-header,
.mm-menu .mm-listview > li:after {border-color: #4A2C2C;}
.mm-menu .mm-listview > li > a.mm-next:after{border-color: #fff;}
.mm-menu .mm-header .mm-btn:before{border-color: #fff;}

.mm-listview > li:not(.mm-divider):after{left: 0;}
.mm-header{height: 43px;}
.mm-menu .mm-header > a{font: 500 15px/normal 'Roboto', sans-serif; color: #fff;font-weight:bold; text-transform: uppercase;}
.mm-listview > li.active a,.mm-menu .mm-listview > li.mm-selected > a,.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{background: #d70707;}
.mm-menu .mm-listview > li.mm-selected:after{border-bottom-color: #fc7f0c;}
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next{z-index: 0;}

.block-news .service-another  h4 a{text-transform: uppercase; font-size: 14px;}
.tab-content ul li h4 a:hover,
.block-news h4 a:hover,
.block-bread .breadcrumb li a:hover,
.block-news h4 a:hover{color: #ea4748;}



.b_mg{margin-bottom: 30px;}
.block-menu-news{border: 1px solid #eee; border-top: none;}
.block-menu-news h4{font: 400 14px/normal 'utm_alexander', sans-serif; text-transform: uppercase; color: #fff; background: #cd2122; padding: 14px 20px 10px;}
.block-menu-news ul{padding: 15px 20px;}
.block-menu-news ul li{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.block-menu-news ul li:last-child{border-bottom: none;margin-bottom: 0; padding-bottom: 0}
.block-menu-news ul li a{font: 400 15px/normal 'Roboto', sans-serif; color: #3a3a3a;}
.block-menu-news ul li a:before{display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #ccc;margin-right: 10px; content: '';}
.block-menu-news ul li:hover a{color: #cd2122;}
.block-menu-news ul li:hover a:before{background: #cd2122;}

/*==============================*/



.block-news.block-tuvan p{line-height: 20px;}
.block-news.block-tuvan h6{font: 500 14px/normal 'Roboto', sans-serif; text-transform: uppercase; color: #2c2c2c; margin-bottom: 20px;}
.block-news.block-tuvan div.img{margin-bottom: 20px;}
.block-news.block-tuvan ul li{margin-bottom: 10px;}
.block-news.block-tuvan ul li a.img{margin-bottom: 10px;display: block;}
.block-news.block-tuvan .last{font: 500 14px/normal 'Roboto', sans-serif; text-transform: uppercase; color: #2c2c2c;}
.block-news.block-tuvan .last strong{color: #cd2122;font-size: 20px;}

.map-contact{margin-bottom: 20px;}
.block-lienhe h5{font: 500 15px/normal 'Roboto', sans-serif; text-transform: uppercase; color: #3a3a3a; margin-bottom: 15px;}
.block-lienhe p span{font: 400 13px/normal 'Roboto', sans-serif; color: #4a4a4a; margin-bottom: 5px; display: block;}
ul.list-ct > li{margin-bottom: 25px;overflow: hidden;} 
ul.list-ct > li ul li{margin-bottom: 10px;} 
ul.list-ct > li ul li input{font: 400 13px/normal 'Roboto', sans-serif;} 
ul.list-ct > li ul li textarea{height: 120px;} 
.block-lienhe ul li button#send{font: 400 13px/normal 'Roboto', sans-serif; color: #fff;display: block;border: none; border-radius: 4px; padding: 10px 0; width: 125px; text-align: center; background: #2c2c2c;text-transform: uppercase; float: right;}
.block-lienhe ul li button#send i{text-indent: -9999px; width: 16px; height: 15px; background: url(../images/front/sprite.png) no-repeat -91px -126px; display: inline-block; vertical-align: middle;margin-right: 5px;}
.block-lienhe ul li button#send:hover{background: #ea4748;}


.content-country .country{margin-top: 30px;}
.content-country .left-content ul li a.img{display: block;}
/*===================================================================*/

@media(max-width: 1200px){
	.header-bot .menu li{padding: 18px 7px 15px;}
	.header-bot .menu li.index{padding: 12px 5px;}
	.header-bot .menu li a{font-size: 12px;}
	.country .slick-prev{left: -20px;}
	.country .slick-next{right: -15px;}
}
@media(max-width: 980px){
	body{background: #fff;}
	.header-top .container{padding-top: 10px;}
	.header-bot .container{background: transparent;height: auto;}
	.header-bot .menu{display: none;}
	a.grid-button{display: block;}
	nav{text-align: center;}
	.pad_top.duhoc-content .container{padding-top: 0;}
}
@media(max-width: 750px){
	.block-news.block-support h4{height: 40px;}
	.block-support ul li{margin-bottom: 20px;}
}
@media(max-width: 630px){
	.support{padding-left: 0; float: right;}
	.block-news h4{text-align:justify; overflow: hidden;}
	.right-content ul li.col-md-12{width: 100%; margin-bottom: 20px;}
	.content-country .left-content ul li .col-md-7.col-sm-7 h4{height: 40px;}	

}
@media(max-width: 500px){
	.support{padding: 0;}
	.block-news .right-news a.img{width: 120px;}
	.content-country .left-content ul li a.img,
	.content-country .left-content ul li .col-md-7.col-sm-7,
	.duhoc-content .left-content li a.col-md-5.col-sm-5,
	.duhoc-content .left-content li div.col-md-7.col-sm-7{width: 100%;}
	.content-country .left-content ul li a.img,
	.duhoc-content .left-content li a.col-md-5.col-sm-5{display: block;margin-bottom: 10px;}
	.duhoc-content .left-content li h4{height: auto;}
}
@media(max-width: 400px){
	#footer p span:after,
	.support .icon{display: none;}
	.support div span{margin-bottom: 5px;}
	.country h2,
	.support div strong{font-size: 20px;}
	.header-top .col-md-4:last-child{width: 100%;}
	.search{width: 65%; float: right;}

	#footer h2{font-size: 18px;}
	#footer p span{display: block; margin-bottom: 5px;}

	.block-news .left-news,
	.block-news .right-news{width: 100%;}
	.block-news .left-news h4{height: 40px;}

}