@media screen and (min-width: 321px){

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:60px; height:60px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile-xs-2.jpg) #fff -80px 0px no-repeat; height:646px; width:100%; position:relative; top:0px; margin-top:80px;}
div#herobanner-contest .content-herobanner{position: relative; top: 20px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:15px 15px 15px 15px; margin:0 auto; background:none; width:260px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:280px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 375px){

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:70px; height:70px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile-xs-2.jpg) #fff -20px 0px no-repeat; height:646px; width:100%; position:relative; top:0px; margin-top:80px;}
div#herobanner-contest .content-herobanner{position: relative; top: 20px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:25px 50px 25px 50px; margin:0 auto; background:none; width:320px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:280px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 414px){

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:70px; height:70px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile-xs.jpg) #fff -150px 0px no-repeat; height:1000px; width:100%; position:relative; top:0px; margin-top:0px;}
div#herobanner-contest .content-herobanner{position: relative; top: 100px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:25px 50px 25px 50px; margin:0 auto; background:none; width:320px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:450px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 480px){

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:70px; height:70px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile-xs.jpg) #fff -120px 0px no-repeat; height:1000px; width:100%; position:relative; top:0px; margin-top:0px;}
div#herobanner-contest .content-herobanner{position: relative; top: 100px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:25px 50px 25px 50px; margin:0 auto; background:none; width:375px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:480px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 640px) {

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:90px; height:90px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile.jpg) center center no-repeat; height:1250px; width:100%; position:relative; top:0px; margin-top:0px;}
div#herobanner-contest .content-herobanner{position: relative; top: 100px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:25px 50px 25px 50px; margin:0 auto; background:none; width:400px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:500px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 768px) {	

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:14px; transition:all 0.3s ease;}
body .navbar-brand img{width:213px; height:44px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:213px; height: 44px; transition:all 0.3s ease;}

body .navbar-brand{padding: 15px 15px}
body.scrolled .navbar-brand{padding: 12px 15px}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:90px; height:90px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:15px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:right; padding-top:16px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:15px; padding-right:15px;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:15px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #4eb948 !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; background:none; padding:0px 0px 0px 0px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:left}
ul.quickmenu li > a{color:#231f20 !important; padding: 10px 5px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-tablet.jpg) center center no-repeat; height:1250px; width:100%; position:relative; top:0px; margin-top:105px;}
div#herobanner-contest .content-herobanner{position: relative; top: 40px; text-align:center; float:left}
div#herobanner-contest h1 img{width:480px; height:232px;}
div#herobanner-contest div.form-dang-ky{padding:25px 35px 25px 35px; margin:20px 10px 50px 10px; background:url(../../images/bg-form-2.png) center center no-repeat; width:370px; height:217px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:1px solid #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#fff}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#fff; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #fff; border:none; border-bottom: 1px solid #96c6b0; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#fff; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#fff;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 1024px) {	
	
body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:14px; transition:all 0.3s ease;}

body .navbar-brand{padding: 15px 15px}
body.scrolled .navbar-brand{padding: 12px 15px}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:90px; height:90px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:right; padding-top:16px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:15px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #4eb948 !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; background:none}
ul.quickmenu li{font-size:14px; margin-right:25px; margin-left:25px; text-align:left}
ul.quickmenu li > a{color:#231f20 !important; padding: 10px 5px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner.jpg) -620px 0px no-repeat; height:808px; width:100%; position:relative; top:0px; margin-top:105px;}
div#herobanner-contest .content-herobanner{position: relative; top: 40px; text-align:center; float:left}
div#herobanner-contest h1 img{width:650px; height:314px;}
div#herobanner-contest div.form-dang-ky{padding:15px 25px 25px 25px; margin:30px 50px 50px 50px; background:url(../../images/bg-form.png) center center no-repeat; width:458px; height:217px; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; border-top:0px solid #fff;}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#fff; font-size:12px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload.png) 0 0 no-repeat; width:122px; height:37px; margin:0px 0px 0px 35px;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#fff; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #fff; border:none; border-bottom: 1px solid #96c6b0; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:12px;}
#mc-form input{color:#fff; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#fff;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}

@media screen and (min-width: 1280px) {

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:14px; transition:all 0.3s ease;}

body .navbar-brand{padding: 15px 15px}
body.scrolled .navbar-brand{padding: 12px 15px}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:131px; height:131px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:right; padding-top:16px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:15px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #4eb948 !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; background:none}
ul.quickmenu li{font-size:14px; margin-right:25px; margin-left:25px; text-align:left}
ul.quickmenu li > a{color:#231f20 !important; padding: 10px 5px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner.jpg) top center no-repeat; height:808px; width:100%; position:relative; top:0px; margin-top:105px;}
div#herobanner-contest .content-herobanner{position: relative; top: 40px; text-align:center; float:left}
div#herobanner-contest h1 img{width:797px; height:385px;}
div#herobanner-contest div.form-dang-ky{padding:15px 25px 25px 25px; margin:30px 50px 50px 50px; background:url(../../images/bg-form.png) center center no-repeat; width:458px; height:217px;}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#fff; font-size:12px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload.png) 0 0 no-repeat; width:122px; height:37px; margin:0px 0px 0px 35px;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#fff; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #fff; border:none; border-bottom: 1px solid #96c6b0; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:12px;}
#mc-form input{color:#fff; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#fff;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}


}

@media screen and (max-width: 320px){

body #main-menu{background-color:#fff; transition:all 0.3s ease;}
body.scrolled #main-menu{background-color:#fff; transition:all 0.3s ease; opacity:0.95;}
body.scrolled nav.navbar-inverse{padding:5px 20px 0px 20px; transition:all 0.3s ease; margin-bottom:5px;}
body.scrolled #navbar{padding-top:15px; transition:all 0.3s ease;}
body .navbar-brand img{width:200px; height:43px; transition:all 0.3s ease;}
body.scrolled .navbar-brand img{width:180px; height:39px; transition:all 0.3s ease;}
.navbar-toggle{margin-right:0px; margin-top:16px;}

/*BUTTON STYLE*/
.btn{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;}
div#dangkytuvan_float{display:none; position:fixed; right:0; bottom:45%; background-color:#ff3366; padding:22px 6px 0px 6px; text-align:center; z-index:9999; opacity:0.9; border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px; font-size:22px; color:#fff; background:url(../../images/float-btn.png) center center no-repeat; width:93px; height:110px;}
div#dangkytuvan_float p{color:#fff; text-transform:uppercase; font-size:11px; font-weight:500; text-align:center; margin-top:0px; margin-bottom:5px;}
a.callus img{width:60px; height:60px;}
/*END BUTTON STYLE*/

/*MAIN MENU*/
.navbar-brand{height:70px; padding-right:0px; padding-left:0;}
.navbar-brand img{margin-top:0px;}
.navbar-nav{margin:0;}
#navbar{float:none; padding-top:15px; background:none; border-bottom:none; padding-bottom:0; border-top:none; transition:all 0.3s ease; padding-left:0; padding-right:0;}
nav.navbar-inverse{background:none; border:none; background-image:none; border-radius:0; z-index:9999; border-bottom:0px solid #d5d5d5; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background: none; padding:10px 20px 0px 20px; background:none; transition:all 0.3s ease}
nav.navbar-inverse li{font-size:14px; margin-right:5px; margin-left:5px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.navbar-nav > li > a{padding-top: 8px; padding-bottom: 8px; font-weight:500; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid transparent;}
.navbar-inverse .navbar-nav > li > a {color: #333333; text-shadow:none;}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover {color: #fff !important; transition:all 0.3s ease; background:none!important; border-radius: 50px;
-moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {color: #fff !important; background:none; background-image:none; box-shadow:none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border:1px solid #fff;}
/*END MAIN MENU*/

/*QUICK MENU*/
ul.quickmenu{border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; background-color:#004f2b; padding:15px 0px 15px 0px; margin-bottom:10px;}
ul.quickmenu li{font-size:14px; margin-right:15px; margin-left:15px; text-align:center}
ul.quickmenu li > a{color:#fff !important; padding: 10px 15px; border:1px solid transparent; font-weight:bold}
ul.quickmenu li > a:focus,
ul.quickmenu li > a:hover{background-color:#fff !important; color:#bb0025 !important; border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;}
.navbar-nav > li > .dropdown-menu{border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{background-color:#fff !important; color:#666666 !important; background:none; box-shadow: none;}
ul.quickmenu li.open li > a {background:none; background-color:#fff; font-size:13px;}
ul.quickmenu li ul li > a:focus, 
ul.quickmenu li ul li > a:hover{background-color:#ffffff !important; color:#bb0025 !important;}
/*END QUICK MENU*/

/*HEROBANNER CONTEST*/
div#herobanner-contest{background:url(../../images/herobanner-mobile-xs-2.jpg) #fff -80px 0px no-repeat; height:646px; width:100%; position:relative; top:0px; margin-top:80px;}
div#herobanner-contest .content-herobanner{position: relative; top: 20px; text-align:center; float:left}
div#herobanner-contest h1 img{width:100%; height:auto;}
div#herobanner-contest div.form-dang-ky{padding:15px 15px 15px 15px; margin:0 auto; background:none; width:260px; height:auto; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; border-top:0px solid #fff; margin-top:280px; background-color:#fff; -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.3);}
div#herobanner-contest div.form-dang-ky .text-form p, div#herobanner-contest div.form-dang-ky .text-form{color:#323232; font-size:13px;}
div#herobanner-contest .upload-file{background:url(../../images/icon-upload-2.png) center center no-repeat; width:122px; height:37px; margin:0px auto 15px auto; width:100%;}
div#herobanner-contest .upload-file label{padding:8px 0px 8px 30px; color:#000; transition:all 0.3s ease;}
div#herobanner-contest .upload-file label:hover{text-decoration:underline; cursor:pointer; color:#000; transition:all 0.3s ease;}
/*END HEROBANNER CONTEST*/

.form-control {height: 35px; color: #323232; border:none; border-bottom: 1px solid #323232; background:none; border-radius:0; padding:0; box-shadow:none; text-indent:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight:600; font-size:13px;}
#mc-form input{color:#323232; width:100%; padding-right:10px;}
#mc-form input::placeholder, #mc-form select::placeholder{color:#323232;}
#mc-form input:hover, #mc-form select:hover{border-bottom: 1px solid #f0b946}
select.form-control{background: none; -webkit-appearance: none;}

}