@charset "utf-8";
/* CSS Document */

body{
	/* background: url(../images/bg_images.png) no-repeat center top, url(../images/bg_top.png) repeat-x left top, url(../images/bg_body.png) repeat; */
}
@font-face{
	font-family:"Roboto-Bold";
	src:url('../fonts/Roboto-Bold.ttf');
}
@font-face{
	font-family:"Roboto-Light";
	src:url('../fonts/Roboto-Light.ttf');
}
@font-face{
	font-family:"utm-avo";
	src:url('../fonts/utm-avo.ttf');
}
@font-face{
	font-family:"Roboto-Regular";
	src:url('../fonts/Roboto-Regular.ttf');
}
/*++++++++++LAYOUT+++++++++++*/

div#popup{position: fixed;z-index: 99999;display: none;}
div#popup .close{position: absolute; cursor:pointer;width: 35px; height: 35px;top: 0px;right: 0px; opacity: 1;}
div#popup img{max-width: 100%; max-height: 600px;}
div#background{position: fixed;background: rgba(0,0,0,0.8);left: 0px;top: 0px;z-index: 9999;cursor: wait;}

div#wrapper {position: relative;width: 100%;margin: 0px auto;background-color: #fff;}
div#top-bar{width: 100%;height: 45px;margin: 0px auto;border-bottom: 5px solid #e8e7e7; background: #faf9f9 url(../images/bg_top_bar.png) repeat-x left bottom;}
section#header {position: relative;width: 100%;height: 140px;background: url(../images/bg_header.png) repeat-x left top;}
div#page-wrapper {position: relative; padding: 0px;}
div.inner{position: relative;width:100%;margin:0px auto;}

div#banner{position: relative; z-index:1;margin:0 auto}
div#banner a{float: left;}
div#banner a.menu-trigger{display: none;}
div#banner img, object{float: left;max-height: 140px;margin-left: 15px;}


div#lang{position: absolute;right: 77px;top: 27px;z-index:2;}


p#header-app{position: absolute;right: 77px;top: 60px;color: #4c4c4c;z-index: 2;margin:0; font-weight: bold;font-size: 17px;
background:url(../images/hotline1.png) no-repeat center left;padding-left:30px;font-family:Arial;}
p#header-app span{
	color:#f30000
}
div.adv{position: absolute;top: 10px;max-width: 170px;display: block;}
div#adv-left{left: -180px;}div#adv-right{right: -180px;}
div.adv img{max-width: 170px;}


div#search{position: absolute;width: 26%;height: 34px;right: 75px;top: 95px;z-index: 3;}
div#search p{position: absolute;right:0;top:0;margin:0;}
div#search  input, div#search button{    border-color: transparent;
    background: none;
    height: 34px;
    border: 1px solid #dadada;
    border-radius: 0;
    box-shadow: none;}
div#search  input{display: block;}
div#search button {color: #125696 }
div#search.open{width: 380px;}
div#search button:hover, div#search.open button{background-color: #125696; color: #fff;}
div#search.open input{background-color: #fff;border-color: #ccc;}
div#search.open button{border-color: #125696;}

div#slideshow{position: relative;float: left;width: 100%;height: auto;margin: 0px 0px 0px;}
div#slideshow .col-sm-9{
	padding: 10px;border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/bg_slider.png) repeat;
}

div#slideshow .col-sm-3 ul{list-style: none;padding: 0;margin: 0}
div#slideshow .col-sm-3 ul li.odd{background-color: #24588e;}
div#slideshow .col-sm-3 ul li.even{background-color: #0c3e73;}
div#slideshow .col-sm-3 ul li p{padding: 19px 10px;margin: 0px; color: #fff;text-transform: uppercase;}
div#slideshow .col-sm-3 ul li a{display: block;color: #fff;padding: 10px;}
div#slideshow .col-sm-3 ul li a:hover{color: #ff0;}

div#slideshow:after{content:'';position: absolute;width: 100%; height: 15px; background: url(../images/bg_slider_shadow.png) no-repeat center top; background-size: 100%; left: 0px;bottom: -15px;}
div#slideshow .slide img{width: 100% !important;max-height: 450px;margin: 0px auto;}
div#slideshow .bx-wrapper{margin:0;}
div#slideshow .bx-wrapper .bx-pager{padding:0;}
div#slideshow .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 10px;}
div#slideshow .bx-wrapper .bx-pager.bx-default-pager a{height: 14px;width: 14px; border: 3.5px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;background: #ccc !important;}
div#slideshow .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ccc !important; border: 3.5px solid #000 !important;}

div#bx-about{display: none;}
div#slideabout .bx-wrapper{margin-bottom: 20px;}
div#slideabout .slide{padding: 5px; border: 1px solid #ccc;background-color: #fff;}
div#slideabout .slide img{margin: 0px auto;}
div#slideabout .bx-wrapper .bx-pager.bx-default-pager a{height: 10px;width: 10px; border: 3px solid #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;background: #ccc !important;}
div#slideabout .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ccc !important; border: 3px solid #000 !important;}


.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

div#breadcrumb{width: 100%;padding: 10px 0px 0px;}
div#breadcrumb i{color: #000; font-size: 13px;margin: 0px 5px;}

div#branch{width: 100%; margin: 0px auto; margin-bottom: 20px;}
div#container-branch{width: 1120px; margin: 0px auto; }
div#container-branch .item{position: relative; float: left;margin: 25px 0px 0px 25px}
div#container-branch .item .mask{position: absolute; padding: 10px; color: #fff; text-align: center; top: 20%; right: 10%; bottom: 20%; left: 10%;background-color: rgba(0,0,0,0.5)}
div#container-branch .item .mask h2{font-size: 22px; font-weight: bold;text-transform: uppercase;}
div#container-branch .item .mask a{display: inline-block; padding: 5px 15px 2px; margin-top: 15px; color: #fff; font-weight: bold; border: 2px solid #ccc;text-transform: uppercase;background-color: rgba(0,0,0,0.5)}
div#container-branch .item:nth-child(2) .mask,
div#container-branch .item:nth-child(3) .mask,
div#container-branch .item:nth-child(4) .mask{top: 15%; bottom: 15%;}

div#container-branch .item:nth-child(2) h2,
div#container-branch .item:nth-child(3) h2,
div#container-branch .item:nth-child(4) h2{margin: 5px 0px;}

div#container-branch .item:nth-child(5) .mask{top: 10%; right: 30%; bottom: 10%; left: 30%; }

div#left{float: left;width: 215px;}
div#right{float: right;width: 215px;}
div#left .row, div#right .row{position: relative;float: left;width: 100%;margin-bottom: 10px;}
div#left .row:after, div#right .row:after{content:'';position: absolute;width: 100%; height: 7px; background: url(../images/bg_l_shadow.png) no-repeat center top;bottom: -7px;}
div.row .l-title{position: relative;float: left;width:100%;height: 32px;background: url(../images/bg_l_title.png) no-repeat left top ;}
div.row .l-title h3{color: #fff;font-size: 14px;font-weight: 400;text-align: left;margin: 10px 0px 10px 15px;text-transform: uppercase;}
div.row .l-title a{color: #fff;}
div.row .l-content{position: relative;z-index:10;float: left;width:100%;border: 1px solid #dfdfdf; border-top: 0px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}

div.row .l-content dl.l-nav{width: 100%;margin:0;}
div.row .l-content dl.l-nav dt{float: left;width: 100%;padding: 5px 0px;border-top: 1px solid #fff;border-bottom: 1px solid #dfdfdf;}
div.row .l-content dl.l-nav dt:first-child{border-top:0;}
div.row .l-content dl.l-nav dt a{display: block;color: #373737;font-weight: 400;padding: 6px;}
div.row .l-content dl.l-nav dt a:hover{color: #f00;}
div.row .l-content dl.l-nav a i{margin: 0px 10px;}
div.row .l-content dl.l-nav dd{float: left;width: 100%;}
div.row .l-content dl.l-nav dd ul{padding:0;margin:0;list-style: none;}
div.row .l-content dl.l-nav dd ul ul{padding-left: 18px;}
div.row .l-content dl.l-nav dd ul li{padding: 5px 0px 5px 18px;border-top: 1px solid #fff;border-bottom: 1px solid #dfdfdf;}

div.row .l-content dl.l-nav .open a{color: #f00;}
div.row .l-content dl.l-nav dd ul li a.active{color: #f00;}

div.row .l-content dl.l-nav dd p.l-img{float: left;width: 80px;margin: 4px 10px 0px 0px;padding: 3px;border: 1px solid #ccc;}
div.row .l-content dl.l-nav dd p.l-img:hover{border: 1px solid #f00;}
div.row .l-content dl.l-nav dd p.l-img img{max-width: 100%; height: auto;}

div.row .l-content ul.l-nav{list-style: none;float: left;width: 100%;margin: 0px;padding: 10px;}
div.row .l-content ul.l-nav li{float: left;width: 100%;padding: 7px 0px;border-top: 1px dotted #ccc;}
div.row .l-content ul.l-nav li:first-child{border-top: none;}
div.row .l-content ul.l-nav li i{margin-right: 5px;}

div.row .l-content ul.l-nav li a{color: #094BBB;}
div.row .l-content ul.l-nav li a:hover, div.row .l-content .l-nav li a.active{color: #f00;}
div.row .l-content ul.l-nav li span{margin-right: 7px;border: 1px solid #ccc;padding: 3px;}
div.row .l-content ul.l-nav li img{max-width: 100%;height: auto;}

div.row #support.l-content{background: #f7f7f7 url(../images/bg_support.png) no-repeat center top;background-size: 100%;}
div.row .l-content ul.support {list-style: none outside none;margin: 0;padding: 0}
div.row .l-content ul.support li {float: left; width: 100%;}
div.row .l-content ul.support li img {height: auto;max-width: 100%;}
div.row .l-content ul.support li#hotline {
    
}
div.row .l-content ul.support li#hotline p {
    color: #f00;
    font-size: 19px;
    font-weight: bold;
	text-align: center;
    padding: 74px 0 0 40px;
}
div.row .l-content ul.support li p{margin-bottom: 5px;}
div.row .l-content ul.support li p.col-sm-5 {
   margin: 0px;
   padding-top: 10px;
   text-align: center;
}

div#newsletter{position: fixed; bottom: 0px; left: 0px;}
div#newsletter i.fa{position: absolute; right: 10px; top: 10px; cursor: pointer;}

p#newsletter input{height: 33px;}
p#newsletter button{color: #fff; background-color: #da0000; border-color: #da0000;}

div#counter{}
div#counter p{margin-bottom: 5px;}
div#counter p i{width: 20px;}
div#counter p b{color: #f00;}

.btn-danger{background-color: #f00;}
.btn-danger:hover{background-color: #f00;-moz-box-shadow: inset 0 0 10px #000000;-webkit-box-shadow: inset 0 0 10px #000000;box-shadow: inset 0 0 10px #000000;}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

div.info{width: 100%;}
div.info .row{float: left;width: 100%;margin-bottom: 0px;}

div.info .row .i-title {
	float: left;
    position: relative;
    width: 100%;
    min-height: 35px;
    background: url(../images/title-index.png) no-repeat left bottom;
    border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
padding-bottom: 15px;
}
div.info .row .i-title:before{content:'';position: absolute;width: 20px; height: 21px; background: url(../images/icon_title.png) no-repeat left top; left:0px; bottom: 7px;opacity:0}
div.info .row .i-title:after{content:'';position: absolute;width: 100%; height: 8px; background: url(../images/bg_i_shadow.png) no-repeat left top; left:0px; bottom: -8px;opacity:0}


div.info .row .i-title h3 {
    float: left;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #da0000;
   font-family: Arial;
}
div.info .row .i-title h3 a{color: #da0000;}
div.info .row .i-title h3 a:hover{color: #0e4783}
div.info .row .i-title a.more{float: right;margin-top: 8px;font-size: 17px;color: #999;}
div.info .row .i-title a.more:hover{ color: #f00;}
div.info .row .i-title span{color: #199102;}
div.info .row .i-content{float: left;position: relative;width: 100%; border-top: 0px; padding-bottom: 15px;font-size:21px}

div.info .row .i-content:after{content:'';position: absolute;width: 100%; height: 12px; background: url(../images/bg_row_shadow.png) no-repeat center top; background-size: 100%; left:0; bottom: -13px;opacity:0}

div.info #contact .i-content{padding:10px;}



div.info .row .i-content.detail{padding: 10px;}
div.info .row .i-content.detail  img{max-width: 100% !important; height: auto !important;}
p#date-post{font-style: italic;color: #666; font-size: 13px; }

ul.nav-index{list-style: none;padding: 0px;margin: 0px;}
ul.nav-index li{padding-bottom: 5px;}
ul.nav-index a{color: #0e4783} ul.nav-index a:hover{color: #f00;}
ul.nav-index a i{margin-right: 10px;}

ul#indexTab{text-align: center;background: url(../images/bg_indexTab.png) repeat-x left top;}
ul#indexTab li{display: inline-block;float: none;}
ul#indexTab li a{text-transform: uppercase;font-size: 17px;line-height: 1.2em;}

div.box-sp{position: relative;float: left;width: 23.1%;margin: 2.5% 2.5% 0 0;border: 1px solid #ccc;background-color: #fff;}
div.box-sp .icon{position: absolute;top: 10px;left: 0px;min-width: 50px;padding: 3px 5px;background-color: #ff1c92;font-size: 13px;color: #fff;text-transform: uppercase;text-align: center;}
div.box-sp-right{float: right;margin-right: 0}
div.box-sp p.sp-img{float: left;width: 100%;margin: 0px;}
div.box-sp p.sp-img img{max-width: 100%; height: auto;}
div.box-sp h3.sp-name{float: left;width: 100%;padding: 12px 10px;font-size: 17px;margin:0;}
div.box-sp h3.sp-name a{color: #434343;}
div.box-sp h3.sp-name a:hover{color: #f00;}
div.box-sp:hover{border: 1px solid #005BF2;}

div.box-sp .sp-des{float: left;width: 100%;border-top: 1px solid #ccc;}
div.box-sp p.sp-tool{text-align: center;margin:0;}
div.box-sp p.sp-tool i{font-size: 20px;}
div.box-sp p.sp-tool a{padding: 11px 10px;color: #ccc;}
div.box-sp p.sp-tool a:nth-child(1){border-right: 1px solid #ccc;}
div.box-sp p.sp-tool a:hover{color: #005BF2;}

div.box-sp p.sp-price {text-align: center;margin:0;padding: 10px 0px;background-color: #005BF2;}
div.box-sp span.o-price {width:100%;text-decoration: line-through;color: #666;font-size: 13px;}
div.box-sp span.s-price {width:100%;color: #fff;font-weight: 400;font-size: 18px;}
div#product-images{float: left;border: 3px solid #fff;}
div#product-images img{width: 100%;height: auto;}

div#product-content{float: right;padding-left: 15px;}
div#product-content img{max-width: 100% !important;height: auto !important;}
div#product-content div.attr-content{border-bottom:1px dotted #ccc}
div#product-content div.attr-content p{margin: 10px 0px;}
div#product-content div.attr-content p.attr-left{display:inline-block;width: 120px;font-weight: bold;}
div#product-content div.attr-content p.attr-right{display:inline-block;}
div#product-content div.attr-content.utilities{height: 39px;}
div#product-content div.attr-content .like{margin: 10px 0px;}

div.box-news{float: left;margin-top: 15px;}
div.box-news-right{background: url(../images/bg_new_right.png) repeat-y left top;}
div.box-news p.news-img{position: relative;float: left;margin-right: 10px; margin-bottom: 0px; border: 1px solid #ccc;padding: 5px;text-align: center;}
div.box-news p.news-img:hover{border: 1px solid #f00;}
div.box-news p.news-img img{max-width: 100%;height: auto;}
div.box-news h3.news-name{text-align: left;line-height:20px;margin: 0;font-weight: bold;font-family: Arial;}
div.box-news h3.news-name a{font-size: 15px;color: #0e4783;}
div.box-news h3.news-name a:hover{color: #F00}
div.box-news h3.news-name span{font-size: 15px;}
div.box-news p.news-des{margin-top: 5px;margin-bottom: 0px; text-align: justify;color: #414141;   font-size: 15px;
    font-family: Arial;}
div.box-news p.news-readmore{margin-top: 10px;}

/*-------------Effect Img------------*/
div.view {width: 346px;height: 260px;margin: 20px 20px 0 0;float: left;overflow: hidden;position: relative;text-align: center;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
div.view-right{margin-right: 0px;}
.view .mask,.view .content {width: 346px;height: 260px;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative;}
.view h2 {font-size: 17px; text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 19px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 10px 0 0 0;}
.view p {position: relative;color: #fff;padding: 10px 20px;text-align: justify;}

.view .no-mask{width: 346px;height: 120px;position: absolute;overflow: hidden;bottom: 0;left: 0;color: #fff;background-color: rgba(0,127,178,0.7)}
.view .no-mask h3{margin: 10px 0px 0px 10px;text-transform: uppercase;font-size: 15px;font-weight: bold; line-height: 22px; color: #fff;}
.view .no-mask div{padding: 10px 10px;text-align: justify;}
/*-------------Effect 4------------*/
.view-fourth img {
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth .mask {
   background-color: rgba(0,0,0,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth h2 {
	line-height: 25px;
	max-height: 67px;overflow: hidden;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 10px 20px 0px 20px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth p {
	max-height: 65px;overflow: hidden;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth:hover img {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/*-------------Effect 5------------*/

.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(146,96,91,0.3);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*-------------Effect 10------------*/
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: #007FB2;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
	line-height: 25px;
	max-height: 67px;overflow: hidden;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 10px 20px 0px 20px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
	max-height: 135px;overflow: hidden;
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

div.like{float: left; width: 85px;}
div.like.facebook{width: 90px;}
div.like.facebook iframe{width: 450px !important;}

div#certificate{float: left;width: 100%;}
div#certificate .i-content{border: 0px; border-bottom: 1px solid #ccc; padding-top: 15px;}
div#certificate .slide a{display: block; padding: 5px; border: 1px solid #ccc;}
div#certificate .slide a:hover{border-color: #f00;}
div#certificate .slide img{max-width: 100%;}
div#certificate .bx-wrapper .bx-prev{left: auto;right: 17px;}
div#certificate .bx-wrapper .bx-next{right: 5px;}
div#certificate .bx-wrapper .bx-controls-direction a{border: none; box-shadow: none; text-shadow: none; font-size: 17px;background: none;top: -43px;height: auto;width: auto;margin:0px;}
div#certificate .bx-wrapper .bx-controls-direction a i{color: #999}
div#certificate .bx-wrapper .bx-controls-direction a:hover i{color: #3e6c9c}

div#videos{float: left;width: 100%;}
div#videos .i-content{border: 0px; border-bottom: 1px solid #ccc;padding-top: 15px;}
div#videos .slide a{display: block; padding: 5px; border: 1px solid #ccc;}
div#videos .slide a:hover{border-color: #f00;}
div#videos .slide img{width: 100%;}
div#videos .bx-wrapper .bx-prev{left: auto;right: 2px;}
div#videos .bx-wrapper .bx-next{right: -10px;}
div#videos .bx-wrapper .bx-controls-direction a{border: none; box-shadow: none; text-shadow: none; font-size: 17px;background: none;top: -43px;height: auto;width: auto;margin:0px;}
div#videos .bx-wrapper .bx-controls-direction a i{color: #999}
div#videos .bx-wrapper .bx-controls-direction a:hover i{color: #3e6c9c}


div#list-school .row .i-title {
	float: left;
    position: relative;
    width: 100%;min-height: 35px;
    background: url(../images/bg_list.png) repeat-x left bottom;
}
div#list-school .row .i-title:before{content:'';position: absolute;width: 20px; height: 21px; background: url(../images/icon_title.png) no-repeat left top; left:5px; bottom: 7px;}

div#list-school .row .i-title h3 {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 11px 0px 0px 37px;
    text-transform: uppercase;
	color: #da0000;
}
div#list-school .row .i-title h3 a{color: #da0000;}
div#list-school .row .i-title h3 a:hover{color: #0e4783}

div#list-school .row .i-content{float: left;width: 100%; padding-bottom: 25px; padding-right: 25px; background-color: #f2f6fa;}

div#list-school .box-img{float: left;margin-top: 20px;padding-left: 25px;}
div#list-school .box-img p{border: 1px solid #ccc; box-shadow: 4px 4px 0px #dfe3e6;margin: 0;}
div#list-school .box-img img{ max-width: 100%;}

div#fanpage{position: relative;width: 100%; padding: 20px 10px;}
div#fanpage .row .i-title{position: absolute; width: 250px; height: 30px; background: url(../images/bg_fanpage.png) no-repeat left top; left: 15px; top: -15px;}
div#fanpage .row .i-title h3{color: #fff;margin: 0px;padding: 8px;text-align: center; text-transform: uppercase;font-size: 14px;}
div#fanpage .row .i-content{width: 100%;padding: 20px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

div#map-canvas{width:100%;height: 350px;margin: 10px 0px; border: 1px solid #ccc;}



div.paging{float: left;width:100%;margin: 10px 0px;text-align: center;}
div.paging a,div.paging span{font-weight: 400;display: inline-block;width: 22px;height: 22px;border: 1px solid #ccc;background-color: #f2f2f2;font-size: 14px;border: 0;position: relative;}
div.paging span{background-color: #333;color: #fff;}
div.paging a:hover{background-color: #333;color: #fff;}
div.paging a i{line-height: 20px;}

ul.o-nav{list-style: none;margin: 0px;padding: 0px 20px;}
ul.o-nav li{line-height: 15px;padding: 5px 0px;}
ul.o-nav li i{margin-right: 10px;}
ul.o-nav li a{color: #0e4783;}
ul.o-nav li a:hover{color: #f00;}

div#projects{width: 100%;padding: 20px 0px;background-color: #f1f1f1;}
div#projects .box-sp{margin:0;padding:0;background: none;}
div#projects h3.sp-name {margin:0}

div#partners{width: 100%;padding: 10px;}
div#partners .slide{border: 1px solid #ccc;padding: 5px;}
div#partners .slide img{max-width: 100%; height: 101px;}
div#partners .bx-controls-direction a{
	width: 28px;
	height: 110px;
	color: #fff;
	top:0;
	margin-top: 0px;
	text-indent:0px;
	background: #c80109;
	text-align: center;
}
div#partners .bx-controls-direction a:hover{background: #444}
div#partners .bx-controls-direction a i{font-size: 28px;margin-top: 40px;}

div#partners .bx-controls-direction a.bx-prev{left: -28px;}
div#partners .bx-controls-direction a.bx-next{right: -28px;}

div#footer{width:100%;margin: 0px auto;color: #fff;    background: #0a4c93;}
div#footer #threads{width:100%;margin: 0px auto;background: url(../images/bg_threads.png) no-repeat center top, url(../images/bg_footer.png) repeat;}
div#footer .footer{width:100%;margin: 0px auto; border-top: 1px solid #1b95e8;}
div#footer .inner{width: 1200px; padding: 35px 0px;margin: 0px auto; }
div#footer p{margin: 0;}
div#footer .col-xs-12{padding: 0px 5px;}
div#footer .col-xs-12 h3{color: #ff0;font-size: 17px;font-weight: bold;margin-top: 10px ;text-transform: uppercase;}
div#footer .col-xs-12 ul{margin: 0px;padding: 0px;list-style: none;}
div#footer .col-xs-12 ul i{width: 25px;}
div#footer .col-xs-12 ul a{color: #fff;}
div#footer .col-xs-12 ul a:hover{color: #ff0;}

div#footer .col-sm-2{width: 20%;}
div#footer .col-sm-3{padding-left:120px;}
div#footer .col-xs-12.col-sm-4 ul li{margin-bottom: 3px;}
div#footer .col-xs-12.col-sm-4 ul i{width: 10px;font-size: 12px;}
.map_description{
	text-align:center;
	color:#000
}
.title-ft{
	font-family: Arial;
	color:#dcdcdc;
	text-transform:uppercase;
	font-size:17px;
}
#footer .content .s1 {
    color: #fff;
   font-family: Arial;
    font-size: 15px;
    text-transform: capitalize;
}
#footer .content .s1 img {
    padding: 6px;
}
#social-air a{
	margin:0 10px 0 0
}
div#footer div#copy-right{margin:0;text-align: right;background-color: #00659A;}
div#footer div#copy-right .inner{padding: 17px 0px;}
div#footer div#copy-right p#hotline{
	position: absolute;bottom: 0; left: 37%; width: 274px; height: 44px;background: url(../images/bg_hotline.png) no-repeat center top;
	text-align: center;
	padding-top: 15px;
	font-size: 17px;
	font-weight: bold;
	
}
.copyright{
	padding:9px 0;
	color:#587ec9;
	background:#0c3b6d;
	text-align:left
}
div#top-bar #social{padding-top: 5px;margin: 0;text-align: right;}
div#top-bar #social a{display: inline-block;width: 30px;height: 30px;margin: 0px 0px 0px 7px;border: 2px solid #000;text-align: center;}
div#top-bar #social i{line-height: 30px;font-size: 1em;}
div#top-bar #social a:hover{border-color: #f00;}

div#wrapper-contest{
	width: 1200px;
	padding: 10px;
	margin: 20px auto;
	background-color: #fff;
	box-shadow: 0px 0px 4px #000;
	
}
div#images-contest{padding-right: 10px;}
div#images-contest img{
	max-width: 100%;
}
div#content-contest{
	width: 590px;
	*height: 550px;
	padding: 0px;

}
div#wrapper-contest h3{font-size: 20px;color: #2E3192; font-weight: 400;letter-spacing: 1px;margin-top: 0px;}
.menu-top{
	background-color: #0a4c93;
}
#download{
	border:none;
	background:none
}
@media (min-width: 1200px){
	#download-info{
	position: absolute;
    top: 231px;
    right: 85px;
    /* bottom: 0; */
    background: rgba(0, 0, 0, 0.52);
   
    padding: 25px;

	}
	.upcase{
    margin: 0;
    color: #fff;
    background: url(../images/title-email.png) no-repeat;
    height: 50px;
    margin-top: -26px;
    margin-left: -26px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 57px;
    text-indent: 15px;
    font-family: Arial;
    font-size: 16px;
 }
	.inpu{
    border-radius: 0;
    border: 1px solid rgba(104, 98, 102, 0.95);
    background: rgba(65, 62, 66, 0.46);
    color: #fff;
    height: 37px;
	font-family: Arial;

	}

	nav.mp-menu{position: relative;width: 1200px;height: 58px;margin: 0px auto;z-index: 9999;}
	
	
	nav.mp-menu h2.icon-world, nav.mp-menu h2.icon-display, nav.mp-menu a.mp-back{display: none;}
	
	nav.mp-menu ul{width: 100%;height: 58px;list-style: none;margin:0;padding:0;text-align: center;float:left;}
	nav.mp-menu ul li{position: relative;display: inline-block;padding-bottom: 0px;float: left;    white-space: nowrap;}
	nav.mp-menu ul li:last-child{background: none;}
	nav.mp-menu ul> li:hover,nav.mp-menu ul> li.active{
		background:#063970;
		border-bottom:5px solid #ea1515
	}
	nav.mp-menu ul> li ul li:hover,nav.mp-menu ul> li ul li.active{
		background:none;
		border-bottom:none
	}
	nav.mp-menu ul a{display: block;font-size: 13px;color: #fff;    padding: 18px 30px;text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family:Arial;}
	nav.mp-menu ul a img{margin-top:-8px;}
	nav.mp-menu ul a:hover, nav.mp-menu ul a.active{text-shadow: 1px 1px 0px #006871; color: #ff0;}

	nav.mp-menu ul a img{margin-left: 5px;}

	nav.mp-menu ul ul, nav.mp-menu ul ul ul{position: absolute;display: none;top: 58px;left: -4px;width: 250px;height: auto;margin:0;padding: 0;background-color: #094a90;}
	nav.mp-menu ul ul ul{top:0px; left: 250px;border-left: 1px solid #ccc;}
	nav.mp-menu ul ul li{width: 100%;background: none;text-align: left;padding:7px 10px; border-top: 1px solid #ccc;}
	nav.mp-menu ul ul li:first-child{border-top: none;}
	nav.mp-menu ul ul li a{color: #fff;text-transform:none;font-weight: 400;padding: 0px 0px 3px;text-shadow: none !important;background: none !important;}
	nav.mp-menu ul ul li a i{float: right;font-size: 15px;line-height: 20px;}
	nav.mp-menu ul ul ul li a i{float: left;font-size: 15px;margin-right: 10px;}
	nav.mp-menu ul ul li a:hover{color: #ff0000;}
	nav.mp-menu ul li:hover ul{display: block;}
	nav.mp-menu ul li:hover ul ul{display: none;}
	nav.mp-menu ul ul li:hover ul{display: block;}
	nav.mp-menu ul ul li:hover ul ul{display: none;}
	nav.mp-menu ul ul ul li:hover ul{display: block;}
	
	div.box-news p.news-des{ height: 100%;overflow: hidden;}
}

@media (max-width: 1000px){
	div.adv{display: none;}
	div#wrapper {width: 100%;}
	section#header{height: 45px;background:none !important;}
	div#banner img, object{max-height: 45px;margin-left: 10px;}
	div#banner a.menu-trigger{display: block;padding: 8px 15px;font-size: 20px; color: #666;border-right: 1px solid #ccc;}
	div#lang{top: 9px;z-index:2;}
	p#header-app{top: 12px;}
	div#search{top: 5.5px}
	
	.icon::before {
		display: inline-block;
		font-family: "FontAwesome";
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		line-height: 1;
		margin-right: 0.6em;
		text-transform: none;
	}
	
	.icon-arrow-left:before {
		content: "\f104";
	}
	
	.mp-menu {
		position: absolute; /* we can't use fixed here :( */
		top: 0;
		left: 0;
		z-index: 1;
		width: 300px;
		height: 100%;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.mp-level {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #336ca6;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	/* overlays for pusher and for level that gets covered */
	.mp-pusher::after,
	.mp-level::after,
	.mp-level::before {
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		content: '';
		opacity: 0;
	}

	.mp-pusher::after,
	.mp-level::after {
		background: rgba(0,0,0,0.3);
		-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
		-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
		transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
		z-index: 9999;
	}

	.mp-level::after {
		z-index: -1;
	}

	.mp-pusher.mp-pushed::after,
	.mp-level.mp-level-overlay::after {
		width: 100%;
		height: 100%;
		opacity: 1;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
	}

	.mp-level.mp-level-overlay {
		cursor: pointer;
	}

	.mp-level.mp-level-overlay.mp-level::before {
		width: 100%;
		height: 100%;
		background: transparent;
		opacity: 1;
	}

	.mp-pusher,
	.mp-level {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	/* overlap */
	.mp-overlap .mp-level.mp-level-open {
		box-shadow: 1px 0 2px rgba(0,0,0,0.2);
		-webkit-transform: translate3d(-40px, 0, 0);
		-moz-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}

	/* First level */
	.mp-menu > .mp-level,
	.mp-menu > .mp-level.mp-level-open,
	.mp-menu.mp-overlap > .mp-level,
	.mp-menu.mp-overlap > .mp-level.mp-level-open {
		box-shadow: none;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	/* cover */
	.mp-cover .mp-level.mp-level-open {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	/* content style */
	.mp-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mp-menu h2 {
		margin: 0;
		padding: 12px 20px;
		color: rgba(0,0,0,0.4);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-weight: 300;
		font-size: 18px;
	}

	.mp-menu.mp-overlap h2::before {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 8px;
		font-size: 75%;
		line-height: 1.8;
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
		transition: opacity 0.3s, transform 0.1s 0.3s;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.mp-menu.mp-cover h2 {
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 1px;
		font-size: 1em;
	}

	.mp-overlap .mp-level.mp-level-overlay > h2::before {
		opacity: 1;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	.mp-menu ul li > a {
		display: block;
		padding: 0.7em 1em 0.7em 1.8em;
		outline: none;
		box-shadow: inset 0 -1px rgba(0,0,0,0.2);
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		font-size: 16px;
		color: #333;
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
		color: #fff;
	}

	.mp-menu ul li::before {
		position: absolute;
		left: 10px;
		z-index: -1;
		color: rgba(0,0,0,0.2);
		line-height: 3.3;
	}

	.mp-level > ul > li:first-child > a {
		box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
	}

	.mp-menu ul li a:hover,
	.mp-level > ul > li:first-child > a:hover {
		color: #fff;
		background: rgba(0,0,0,0.2);
		box-shadow: inset 0 -1px rgba(0,0,0,0);
	}

	.mp-menu .mp-level.mp-level-overlay > ul > li > a,
	.mp-level.mp-level-overlay > ul > li:first-child > a {
		
		box-shadow: inset 0 -1px rgba(0,0,0,0);
	}

	.mp-level > ul > li:first-child > a:hover,
	.mp-level.mp-level-overlay > ul > li:first-child > a {
	
		box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
	} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

	.mp-back {
		background: rgba(0,0,0,0.1);
		outline: none;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		display: block;
		font-size: 13px;
		padding: 1em;
		position: relative;
		box-shadow: inset 0 1px rgba(0,0,0,0.1);
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
	}

	.mp-back::after {
		font-family: 'FontAwesome';
		position: absolute;
		content: "\f0da";
		right: 10px;
		font-size: 1.3em;
		color: rgba(0,0,0,0.3);
		line-height: 18px;
	}

	.mp-menu .mp-level.mp-level-overlay > .mp-back,
	.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
		background: transparent;
		box-shadow: none;
		color: transparent;
	}

	/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
	/* We'll show the first level only */
	.no-csstransforms3d .mp-pusher,
	.no-js .mp-pusher {
		padding-left: 300px;
	}

	.no-csstransforms3d .mp-menu .mp-level,
	.no-js .mp-menu .mp-level {
		display: none;
	}

	.no-csstransforms3d .mp-menu > .mp-level,
	.no-js .mp-menu > .mp-level {
		display: block;
	}
	
	div.info{float: none;width: 100%; padding-left: 225px;}
	div#footer .inner{width: 100%;}
}

@media (max-width: 768px){
	div#search{right: 10px}
	div#lang, p#header-app{position: relative;top: auto;right: auto;padding: 10px 10px 0px;}
	div#lang{float: right;padding: 8px 10px 0px;}
	p#header-app{float: left;padding-left: 30px;background: transparent;}
	div#search{
		width:70%
	}
	div#left{display: none;}
	div.info{padding: 0px;}
	div.box-news{padding-left: 10px;}
	div.box-news-right{background: none;}
	div#footer .col-sm-2{width: 33.333333%;}
	#slideshow{
		margin-bottom:20px !important;
		margin-top: 10px !important;
	}
}

@media (max-width: 600px){

}

@media (max-width: 480px){
	div#search.open{width: 300px}
	div#lang{
    position: static;
    top: -7px;
    right: 55px;
    padding: 0px;
    width: 100%;
    text-align: center;
    }
	p#header-app{float: none;text-align: center;background: none;padding: 0;display: block;margin-bottom: 10px;}
	div#list-school .box-img{width: 50%;}
	div#footer .col-sm-2{width: 50%;}
}

@media (max-width: 320px){
	div#search.open{width: 200px}
	p#header-app span{margin: 0px 5px;}
	/*div.box-news p.news-img{width: 100%;margin: 0px 0px 10px;}*/
	div#list-school .row .i-content{padding-bottom: 15px;padding-right: 15px;}
	div#list-school .box-img{margin-top: 10px;padding-left: 15px;}
	div#footer .col-sm-2{width: 100%;}
}

/*======================CSS3================*/


::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
@media (min-width: 1200px){
	div#banner{
		width:1200px;
	}
}
.news-img{
	margin-right:0px;
}
.box-news{
	border-bottom:1px dotted #d9d9d9
}

.video-wrapper iframe {
    width: 100% !Important;
    left: 0;
    right: 0;
    position: absolute;
    height: 100% !important;
    border: 0;
}
.video-wrapper {
    position: relative;
    padding-bottom: 72.55%;
    height: 0;
}
.row-8{
	margin-left:-15px;
	margin-right:-15px;
}
.news-top{
	padding:30px 0;
	background:#f7f7f7
}
.date-sk{
background: #d5d5d5;
    padding: 5px 0 9px 5px;
	
}
.date-sk .date-left{
    font-family: "utm-avo";
    font-size: 34px;
    color: #0a4c93;
    float: left;
    margin-right: 5px;
	
}
.date-sk .date-right{
    color: #504d4d;
    font-size: 13px;
    font-family: "Roboto-Regular";
    margin-top: 7px;
}
.index{
	padding:0px 0;
	margin-top:20px;
	padding-bottom:50px;
}
.qc{
	margin-top:15px;
}

.content-doitac{
	background:#ebebeb;
	padding:10px;
}
.item_product{
background: #fff;
    height: 105px;
    width: 175px;
    margin-bottom: 12px;
    padding: 10px;
	
}
.item_product img{
	background:#fff;
	height:80px;
	width:175px;
}
.sendcontact{
	background:#cf0e0d;
	color:#fff
}
.i-content.detail table{
	width:100% !important
}