/* CSS Document */
@font-face {
	font-family:"UTM-Flavour";
	src:url('fonts/UTM-Flavour.ttf') format('truetype');
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#333;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	transition:0.4s;
}
a:hover{text-decoration:none;}
img{max-width:100%;height:auto;transition:0.4s;}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
p{line-height:1.4;}
.headtop{background:#560c72;padding:8px 0;}
.headtop h1{color:#fff;text-transform:uppercase;font-size:15px;float:left;font-weight:400;line-height:18px;}
.timelamviec{color:#fff;float:right;background:url(images/icon-timehead.jpg) no-repeat 0 0;padding-left:25px;height:18px;line-height:18px;}
.timelamviec p span{color:#f7941d;}
#mainmenu{background:#fff;box-shadow: 0px 0px 10px #dedede;-webkit-box-shadow: 0px 0px 10px #dedede;-moz-box-shadow: 0px 0px 10px #dedede;-ms-box-shadow: 0px 0px 10px #dedede;height:70px;margin-bottom:2px;}
#mainmenu nav{background:#fff;padding:0;float:left;height:70px;}
#mainmenu nav .navbar-brand{margin-right:40px;}
#mainmenu nav ul li a{padding:28px 25px;text-transform:uppercase;color:#333;}
#mainmenu nav ul li a:hover{background:#e6e7e7;}
.hotlinehead{float:right;height:70px;}
.hotlinehead .hotline{display:inline-block;height:30px;line-height:30px;background: #f7941d url(images/icon-phonehead.jpg) no-repeat 12px 5px;color:#fff;padding: 0 12px 0 35px;border-radius: 5px;margin-top: 19px;margin-right:10px;}
.hotlinehead .btndangky{display:inline-block;height:30px;line-height:30px;background: #560c72 url(images/icon-dkhead.jpg) no-repeat 12px 8px;color:#fff;padding: 0 12px 0 35px;border-radius: 5px;margin-top: 19px;}
.hotlinehead a:hover{opacity:0.9;}
.title h2{font-family:"UTM-Flavour";text-align:center;font-size:40px;color:#f98800;}
#section1,#section2,#section3,#section5,#section6,#section7{padding:60px 0 0;}
.section1,.section2,.section3,.section5,.section6,.section7{margin-top:50px;}
.section1 .pt{text-align:center}
.section1 .pt img{width:200px;}
.section1 .pt h3{text-transform:uppercase;font-weight:bold;margin:25px 0;}
.section1 .pt p{text-align:justify;}
.section2{background:url(images/bgs2.jpg) top center;padding:10px 0;padding-bottom:20px;}
.section2 ul li{overflow:hidden;margin-top:22px;}
.section2 ul li img{float:left;width:132px;margin-right:100px;}
.section2 ul li div{width:560px;float:left;}
.section2 ul li div h3{padding-left:35px;color:#f88f12;background:url(images/icon-tich.png) no-repeat 0 0;line-height:22px;margin-top:15px;margin-bottom:10px;}
.section2 ul li div p{padding-left:35px;text-align:justify;}
.dangkytuvan{text-align:center;margin-top:50px;}
.dangkytuvan p{margin-bottom:15px;}
.dangkytuvan a{background: no-repeat center;display:inline-block;width:350px;height:81px;}
.dangkytuvan a:hover{opacity:0.8;}
.section3{background:url(images/bgs3.jpg) top center;padding:35px 0}
#section4{padding:60px 0 20px;background:url(images/bgs4.jpg) top center;}
#section4 h2{width:350px;height:178px;background:url(images/quy-trinh-triet-long.png) no-repeat;text-indent:-9999px;margin-top:360px;}
#section4 .step{text-align: center;background:#fff;padding:5px;box-shadow: 0px 0px 10px #dedede;-webkit-box-shadow: 0px 0px 10px #dedede;-moz-box-shadow: 0px 0px 10px #dedede;-ms-box-shadow: 0px 0px 10px #dedede;margin-bottom:40px;}
#section4 .step h3{margin:25px 0 22px;text-align:center;color:#f98800;font-weight:bold;}
#section4 .step h3 span{display:inline-block;width:25px;height:25px;background:#f98800;line-height:25px;color:#fff;border-radius:50%;}
#section4 .step p{margin-bottom:35px;text-align:center;padding:0 10px}
.section5{background:url(images/bgs5.jpg) top center;padding:50px 0 10px;}
.section5 .ch{margin-bottom:40px;}
.section5 .ch h3{text-align:center;margin-top:25px;}
.section5 .ch h3 span{display:inline-block;background:url(images/btn-video.png) no-repeat 0 0;line-height:38px;padding-left:55px;}
.section6{background:url(images/bgs6.jpg) top center;padding:60px 0;}
#slide-kq{padding:35px;background:#fff;box-shadow: 0px 0px 10px #dedede;-webkit-box-shadow: 0px 0px 10px #dedede;-moz-box-shadow: 0px 0px 10px #dedede;-ms-box-shadow: 0px 0px 10px #dedede}
#slide-kq .owl-dots{text-align:center;margin-top:25px;}
#slide-kq .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;background:#fff;border:1px solid #f7941d;transition:0.4s;margin-right:6px;}
#slide-kq .owl-dots .owl-dot.active,#slide-kq .owl-dots .owl-dot:hover{background:#f7941d;}
#slide-kq .owl-dots .owl-dot:focus{outline:none;}
.chtg1{border-right:2px solid #cfcfd0;}
.chtg1{padding-right:30px;padding-top:10px;}
.chtg2{padding-left:30px;padding-top:10px;}
.section7 .ch{margin-bottom:60px;padding-left:65px;position: relative;}
.section7 .ch h3{font-weight:bold;margin-bottom:20px;}
.section7 .ch p{text-align:justify;}
.chtg1 .ch2,.chtg2 .ch4{margin-bottom:0;}
.chtg1 .ch1:before{content:"1";padding: 6px 14px;font-size: 24px;background: #f79f03;float: left;color: #fff;font-weight: bold;position: absolute;left: 0;top: 2px;}
.chtg1 .ch2:before{content:"2";padding: 6px 14px;font-size: 24px;background: #f79f03;float: left;color: #fff;font-weight: bold;position: absolute;left: 0;top: 2px;}
.chtg2 .ch3:before{content:"3";padding: 6px 14px;font-size: 24px;background: #f79f03;float: left;color: #fff;font-weight: bold;position: absolute;left: 0;top: 2px;}
.chtg2 .ch4:before{content:"4";padding: 6px 14px;font-size: 24px;background: #f79f03;float: left;color: #fff;font-weight: bold;position: absolute;left: 0;top: 2px;}
.dangkytuvan .bgy{padding:10px; background: }/*border:1px dashed #f8a949;*/
/*.dangkytuvan .bgy div{background:url(images/bgdks7.jpg) repeat-y center;padding:50px 0;}*/
#section8{margin-top:60px;background: url(images/man-cuoi-2.jpg) no-repeat center top;min-height: 734px;}
.formdk{text-align:center;padding-top:30px;margin-top:200px;}
.formdk form{background:#fff;border:10px solid #e8b722;margin-top:15px;box-shadow: 0px 0px 10px #212020;  -webkit-box-shadow: 0px 0px 10px #dedede;-moz-box-shadow: 0px 0px 10px #dedede;-ms-box-shadow: 0px 0px 10px #dedede;padding:25px;}

.formdk form h2{display:inline-block;color:#e9b821;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid #e9b821;margin-bottom:12px;font-size:24px;}
.formdk form h3{font-weight:400;font-style:italic;font-size:14px;margin-bottom:20px;color:#666;}
.formdk form input{width:100%;border:2px solid #dadbdc;border-radius:8px;margin-bottom:8px;padding:8px 15px;}
.formdk form input:focus{outline:none;}
.formdk form .hotline-form{margin-top:25px;margin-bottom:15px;font-style:italic;display: inline-block;background: url(images/icon-hot.png) no-repeat;padding-left: 25px;}
.formdk form .hotline-form a{font-style:normal;color:#333;}
/* .formdk form input[type="submit"]{width:170px;height:55px;background:url(images/btn-dk.png) no-repeat;margin:0 auto;border:none;text-indent:-9999px;cursor:pointer;transition:0.4s;} */
.formdk form input[type="submit"]{width:170px;height:55px;background:url(images/dangkytuvan.png) no-repeat #e8b722;margin:0 auto;     padding: 4px 10px 4px;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
    -webkit-animation: won 1s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: won 1s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: won 1s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: won 1s infinite cubic-bezier(0.66, 0, 0, 1);
    cursor: pointer;
}

.formdk form button[type="submit"]:hover{opacity:0.9; background-color: #512f6a;}
.imgdk img{margin-bottom:-25px;}
#footer{background: #512f6a;padding: 10px 0px;color:#fff;overflow:hidden;font-size:14px;position:relative;}
#footer a{color:#fff;font-size:13px;}
#footer p{font-size:13px;}
.footer1{width: 145px;float:left;margin-right: 50px;margin-top: 10px;}
.footer2{width: 310px;float:left;}
.footer4{float:left;}
.footer3{width: 300px;float:left;}
#footer h3{text-transform:uppercase;display:inline-block;margin: 8px 0 15px;} 
.footer2 h3{border-bottom:1px solid #fff;}
.footer2 ul li{display:inline-block;margin-right:10px;}
.footer3 p.add{background:url(images/icon-add.png) no-repeat 0 0;padding-left:20px;}
.footer3 p.hot{background: url(images/icon-hl.png) no-repeat 0 1px;padding-left:20px;margin-bottom: 5px;}
.footer4 p{background: url(images/icon-time2.png) no-repeat 0 2px;padding-left:20px;}
.footer2{margin-right: 30px;}
.footer3{margin-right: 30px;}
.menu-fix{width:100%;position:fixed;top:0;left:0;z-index:9999;}
.video iframe{width:100%;}

.youtube {
    background-color: transparent;;
    position: relative;
    padding-top: 56%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}
.youtube .play-button {
    width: 60px;
    height: 40px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.mb{display:none;}
.phonering-alo-phone {
    position:fixed;
    visibility:hidden;
    background-color:transparent;
    width:200px;
    height:200px;
    cursor:pointer;
    z-index:100!important;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transition:visibility .5s;
    left: -25px;
    top: 150px;
    display:block;
}
.phonering-alo-phone.phonering-alo-show {
    visibility:visible;
	display:block;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight {
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}
.phonering-alo-ph-circle {
    width:120px;
    height:120px;
    top:40px;
    left:40px;
    position:absolute;
    background-color:transparent;
    border-radius:100%;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#f00;
    border-color:#baf5a7 9;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#f00;
    border-color:#bfebfc 9;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#f00;
    opacity:.5
}
.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color:#000;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;

    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(255, 0, 0, 0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(255, 0, 0, 0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(255, 0, 0, 0.5);
    background-color:#a6e3fa 9
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(255, 0, 0, 0.5);
    background-color:#ccc 9;
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(255, 0, 0, 0.5);
    opacity:.75!important
}
.phonering-alo-ph-img-circle {
    width:50px;
    height:50px;
    top:75px;
    left:75px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
	background-size:85%;
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#f00;
    background-color:#75eb50 9
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#f00;
    background-color:#00aff2 9
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#f00
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }
    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity:1
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }
    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}
@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }
    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@keyframes phonering-alo-circle-fill-anim {


    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }
    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
.fix-footer {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    height: 40px;
    z-index: 666;
    text-align: center;
}
.fix-footer a {
    color: #fff;
    background: #f7941d;
    line-height: 29px;
    box-shadow: 0 3px 0 0 #cc7002;
    -webkit-box-shadow: 0 3px 0 0 #cc7002;
    width: 125px;
    height: 30px;
    display: inline-block;
    line-height: 34px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 4px;
}
.fix-footer a i {
    margin-right: 5px;

}
@media screen and (max-width: 980px){
	.container{max-width:100% !important;}
	.hotlinehead{display:none;}
	#mainmenu .navbar-toggler{background: url(images/bg-menu.png) no-repeat;width:27px;height:20px;border:none;border-radius:0;margin-top: 0px;float:right;}	
	#mainmenu .navbar-toggler:focus{outline:none;}
	#mainmenu nav{width:100%;}
	#mainmenu  .navbar-collapse{background:#512f6a;padding: 10px 0;margin-left: -15px;margin-right: -15px;text-align: right;}
	#mainmenu nav ul li a{padding: 10px 15px;color:#fff;}
    #banner { width: 100%}
	#section8{background-position:35% !important;} 
}
@media screen and (max-width: 768px){
	.section1 .pt{margin-bottom:30px;}
	.headtop h1,.timelamviec{float:left;font-size:14px;}
	.headtop h1{margin-bottom:6px;}
	#section4 h2{margin:20px auto;}
	.section2 ul li img{margin-right:30px;}
	.section2 {background: url(images/bgs2mb.jpg) top center;}
	.imgdk{display:none !important;}
	.formdk{width:100% !important;max-width:100% !important;flex:unset !important;padding-bottom: 40px;padding-top:50px;}
	#banner { width: 100%}
	#section8{background-position:25% !important;} 
}
@media screen and (max-width: 480px){
	.timelamviec{display:none;}
	.headtop h1{margin-bottom:0px;}
	.pc{display:none;}
	.mb{display:block;}
	#section1,#section2,#section3,#section5,#section6,#section7{padding:30px 0 0;}
	.section1,.section2,.section3,.section5,.section6,.section7{margin-top:20px;}
	.section1 .pt h3{margin:15px 0;}
	.section1 .pt:last-child{margin-bottom:0;}
	.section2 ul li div{width:auto;float: none;}
	.section2 ul li div h3{display: table-cell;}
	.section2 ul li div p{padding-left:0;}
	#section4{padding:30px 0 0}
	#section4 h2,.dangkytuvan a{width:80%;background-size:100%}
	#section4 h2{height:150px;}
	.section5 .ch:last-child{margin-bottom:0;}
	#slide-kq{padding:10px 10px 20px}
	#slide-kq .owl-dots{margin-top:12px;}
	.chtg1{padding-right:15px;}
	.chtg2{padding-left:15px;}
	.section7 .ch{margin-bottom:30px;}
	.section7 .ch4{margin-bottom:0;}
	.formdk img{width:80%;}
	.footer2,.footer3,.footer4{margin-top:10px;}
	#footer{padding-bottom: 20px;}
	.phonering-alo-phone.phonering-alo-show {display:block;}
	.pc{display:none !important;}
	.mb{display:block !important;}
	.phonering-alo-phone{left:-50px;bottom:-50px;right: unset;top: unset;}
	.video iframe{height:250px}
	.formdk{padding-top:30px;margin-top: 120px;}
	.fix-footer {display: block;}
	#banner{overflow:hidden;}
	#banner a{display:block;}
	#banner img{max-width: 140%;width:140%;margin:0 auto;display:block;margin-left:-20%;}
	#section8 {background-position: 25% 0 !important;background-size: 1200px !important;background-color: #1b0c32 !important;}
	#section8 .container{height:auto !important;}
}
 
@media screen and (max-width: 380px){
	.video iframe{height:200px}
          #banner { width: 150%}
          
}