@font-face {
    font-family: Roboto-Regular;
    src: url(Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-Bold;
    src: url(Roboto-Bold.ttf);
}
@font-face{
    font-family: 'hel-i';
    src: url('./font/utm_helve/UTM Helve_Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.tieudeslide {
    width: 100%;
    float: left;
    margin-bottom: -20px;
}

.motaslide {
    width: 100%;
    float: left;
    color: black;
}

.slider_container{width: 100%;
    margin: auto;
    clear: both;
}
.hotline-slide {
    width: auto;
    float: left;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}
.hotline-bg {
    width: -23%;
    margin: auto;
}
.hotline-bg h2 {
    line-height: 45px;
    width: auto!important;
    margin: auto!important;
    float: none!important;
    font-size: 27px;
    padding-left: 55px;
    padding-right: 50px;
    font-family: hel-i!important;
    color: white!important;
}
.flex-caption{position: absolute;/* right:0px; */left: 8%;top: 35%;/* width: 30%; */}
.caption_title_line{width: 260px;float: left;/* height: auto; */padding: 10px 15px 30px 15px;color: black;background: rgba(255, 255, 255, 0.78);border-radius: 15px;/* font-family: Roboto-Regular; */}
.flex-caption h2{text-align: center;color: #0099cc;/* font-size:20px; *//* padding:5px 0 5px 0; */margin:0px;font-family: rbt-b;width: 100%;text-transform: uppercase;float: left;}

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:32px; height:65px; margin:0; display: block; position: absolute;  cursor: pointer; text-indent: -9999px;top:40%;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; }
.flex-direction-nav li a:hover{opacity:0.7}
.flex-direction-nav li a.next {background:url(img/btnslidephai.png) no-repeat center;right:0px}
.flex-direction-nav li a.prev {background:url(img/btnslidetrai.png) no-repeat center;left:0px}
/*
.flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;}
*/
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%;position: absolute;bottom: 7px;display: none;text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; padding:3px; display: inline-block; zoom: 1; *display: inline;border:2px solid #fff;border-radius:50%}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 7px; height: 7px; display: block; cursor: pointer; text-indent: -9999px;background:#fff;border-radius:50%}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {cursor: default;background:#e50000;border-radius:50%}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container{ width:100%; margin:0 0 0 0%; clear:both; background:none; padding:0px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 5px 0;background:none;}
.flex-direction-nav li a {width:36px;  height:71px; margin:0; display: none; position: absolute; top:40%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(nutphaislide.png) no-repeat center;right:9px }
.flex-direction-nav li a.prev {background:url(nuttraislide.png) no-repeat center;left:9px}
.flex-caption {/* width: 71%; *//* display:none; */top: 10%;}
}