.transition{
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}
.transition2{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}
@font-face {
    font-family: 'UVNVan_R';
    src: url('fonts/UVNVan_R.TTF');
}
@font-face {
    font-family: 'UVNVan_B';
    src: url('fonts/UVNVan_B.TTF');
}
@font-face {
    font-family: 'MYRIADPRO-BOLDCOND';
    src: url('fonts/MYRIADPRO-BOLDCOND.OTF');
}
@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url('fonts/MYRIADPRO-REGULAR.OTF');
}
@font-face {
    font-family: 'MYRIADPRO-SEMIBOLDIT';
    src: url('fonts/MYRIADPRO-SEMIBOLDIT.OTF');
}
@font-face {
    font-family: 'MYRIADPRO-SEMIBOLD';
    src: url('fonts/MYRIADPRO-SEMIBOLD.OTF');
}
@font-face {
    font-family: 'MYRIADPRO-BOLD';
    src: url('fonts/MYRIADPRO-BOLD.OTF');
}
@font-face {
    font-family: 'MYRIADPRO-COND';
    src: url('fonts/MYRIADPRO-COND.OTF');
}
img{max-width: 100%}
a,a:hover,a:focus{text-decoration: none;}
::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder {color: #fff}
:-ms-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff}
body{font-size: 15px;color: #333333;font-family: "MYRIADPRO-REGULAR";max-width: 1366px;margin: auto;}
.mobile,header .nav-click {display: none;}
.no-scroll {overflow: hidden;}
.responsive{display: none}
.topheader{padding: 15px 0}
.topheader .col-md-7 p{color: #4c83cc}
.lang img{border-radius: 3px}
.contact .wrap #title,.topheader .col-md-7 p#col1{font-family: "UVNVan_B";font-size: 30px;color: #f37123}
.topheader .col-md-5 #col1,.topheader .col-md-6:last-child #col2{text-align: right;width: 100%}
.topheader .col-md-5 #col1 span a{margin-left: 10px;margin-right: 10px}
.topheader .col-md-5 #col2 .searchform{position: relative;width: 250px;margin-top: 15px;float: right;}
.topheader .col-md-5 #col2 .searchform input{width: 100%;border-color: #e1e1e1;color: #666666}
.topheader .col-md-5 #col2 .searchform span{position: absolute;right: 0;top: 0;padding: 10px 15px;color: #666666;cursor: pointer;}
.topheader .col-md-3 > .row > *{float: left;}
.topheader .col-md-3 > .row > .lang{margin-top: 35px}
.bottomheader{border-top: 2px solid #ebebeb;position: relative;z-index: 100}
.bottomheader ul{list-style: none;padding: 0}
ul.menu{margin: 0 }
ul.menu li{float: left;position: relative;z-index: 100}
ul.menu >li:last-child{float: right;margin-right: 20px}
ul.menu > li:before{content: "";border-top: 2px solid transparent;position: absolute;width: 100%;top: -2px}
ul.menu > li >a {text-transform: uppercase;}
ul.menu li.active:before,ul.menu > li:hover:before{border-color: #f37123}
ul.menu li.active a.father,ul.menu li:hover a.father{color: #f37123}
ul.menu li a{padding: 12px 8px 13px 8px;display: inline-block;font-family: "MYRIADPRO-BOLDCOND";font-size: 18px;color: #00529c}
ul.submenu{position: absolute;top: 100%;width: 222px;background: rgba(34,34,34,0.75);opacity: 0;visibility: hidden;margin-top: 10px;}
ul.submenu li{float: none;border-top: 1px solid rgba(255,255,255,0.17)}
ul.submenu li:hover{background: #f37123}
ul.submenu li a{padding: 10px;color: #fff;width: 100%}
.bottomheader ul.submenu li span.arow{position: absolute;right: 0;top: 0;padding: 10px;font-size: 15px;z-index: 1;color: #fff;cursor: pointer;}
.bottomheader ul.submenu ul li span.arow{color: #000}
.bottomheader ul.submenu ul{background: #fff;opacity: 0;position: absolute;left: 100%;top: 0;width: 222px;visibility: hidden;}
ul.menu li:hover > ul{opacity: 1;visibility: visible;margin-top: 0;}
.bottomheader ul.submenu ul li{border-top: 1px solid rgba(0,0,0,0.17)}
.bottomheader ul.submenu ul a{color: #000;border-left: 3px solid transparent}
.bottomheader ul.submenu ul a:hover{border-left-color: #00529c;background: #fff;color: #00529c}
ul.submenu ul li:hover{background: none;}
.bottomheader #formsearch{position: relative;float: right;}
.bottomheader #formsearch input{width: 200px;height: 50px;border: none;outline: none;padding: 15px;background: #f37123;color: #fff}
.bottomheader #formsearch span{right: 0;top: 0;position: absolute;color: #fff;padding: 20px 15px;cursor: pointer;}
.wrap{max-width: 1366px;margin: auto;position: relative;}
h3.title{color: #f37123;font-size: 30px;font-family: "MYRIADPRO-BOLDCOND";margin: 0;position: relative;}
h3.title span{padding-bottom: 17px;display: block;}
h3.title span:before{content:"";width:240px;height:3px;background: url("images/line2.png") no-repeat;position: absolute;bottom: 0;left: calc(50% - 120px)}
footer{display: inline-block;width: 100%;float: left;}
.topfooter{background: url("images/bg3.png") no-repeat ; background-size: 100% auto;color: #fff;padding-top: 45px;}
.topfooter .item{padding: 10px 15px;border-bottom: 1px dashed rgba(255,255,255,0.17);border-right: 1px dashed rgba(255,255,255,0.17);}
.topfooter .wrap .item:last-child{border-bottom: none;}
.topfooter .item > p{min-height: 40px}
.topfooter .item:hover{background: #f37123;border-radius: 5px}
.topfooter .item h5{font-size: 18px;font-family: "MYRIADPRO-BOLDCOND"}
.topfooter .item a{color: #fff;display: block;width: 100%}
.topfooter .col-md-3 .row > img:first-child{margin-right: 24px}
.bottomfooter{background: #333333;}
.bottomfooter p{margin: 0}
.bottomfooter a{color: #fff}
#owlbutton .owl-buttons > div{position: absolute;top: 25px}
#owlbutton .owl-buttons > div.owl-prev{left: -45px}
#owlbutton .owl-buttons > div.owl-next{right: -30px}
.bottomfooter .col-md-2:first-child{background: #0e6ab8;color: #fff;line-height: 70px;font-family: "MYRIADPRO-SEMIBOLD";font-size: 19px;padding-left: 35px;position: relative;}
.bottomfooter .col-md-2:first-child:after,.bottomfooter .col-md-2:first-child:before {left: 100%;top: 0;border: solid transparent;content: " ";position: absolute;pointer-events: none;}
.bottomfooter .col-md-2:first-child:after {border-color: rgba(136, 183, 213, 0);border-left-color: #0e6ab8;border-width: 30px;margin-top: 5px;}
.bottomfooter .col-md-2:first-child:before {border-color: rgba(194, 225, 245, 0);border-left-color: #c2e1f5;border-width: 35px;}
.bottomfooter .col-md-4{line-height: 70px;color: #f6f6f6;font-size: 14px}
.bottomfooter .col-md-4.text-center{font-size: 20px}
.bottomfooter .col-md-4.text-center a{padding: 0 5px}
.bottomfooter .col-md-2:last-child{margin-top: 15px;color: #f6f6f6;padding: 0}
.banner{padding: 0}
.banner .body{position: absolute;top: 50%;color: #fff;width: 100%;font-family: "UVNVan_B";font-size: 38px;color: #fff}
.banner .body span{padding: 15px 0;border-top: 2px solid #fff;border-bottom: 2px solid #fff}
.breakcrumbs{position: absolute;bottom: 0;right: 0;list-style: none;margin: 0;padding: 20px 25px 10px 25px;border-top: 3px solid #fff;border-left: 3px solid #fff;border-top-left-radius: 30px;background: #0255a3;min-width: 300px}
.breakcrumbs li{float:left;color: #fff;padding-right: 20px;margin-right: 20px;text-transform: capitalize;position: relative;}
.breakcrumbs li:after{content: "";position: absolute;right: 0;top: 4px;width: 8px;height: 9px;background: url("images/arrow.png") no-repeat;}
.breakcrumbs li:last-child:after{background: none}
.breakcrumbs li a{color: #fff}
#include {margin-top: 40px;display: inline-block;width: 100%}
.newshome{padding-left: 0}
.newshome .boxnews{display: inline-block;width: 100%;padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;margin-bottom: 15px}
.newshome .item .img{padding-left: 0}
.newshome .item .info{padding-right: 0}
.newshome .boxnews:last-child{border: none;padding: 0}
.newshome .boxnews .img{border-radius: 10px;overflow:hidden;text-align: center;}
.boxnews .img a{display: table-cell;vertical-align: middle;}
.boxnews .img{position: relative;display: inline-block;width: 100%;z-index: 1;float: left;}
.boxcontent .img{border: 1px solid #e4e2e2;text-align: center;}
.boxcontent .img a{display: table-cell;vertical-align: middle;}
.boxcontent .info h5 a,.boxnews .info h5 a{color: #111111;font-size: 18px;font-family: "MYRIADPRO-SEMIBOLD";margin-top: 25px;line-height: 25px}
.boxnews .info #quote{text-align: justify;color: #777777;line-height: 25px}
.boxnews .img a span{position: absolute;width: 100%;height: 100%;background: rgba(4,78,127,0.5);top: 0;left: 0;opacity: 0}
.boxnews .img a span img{position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);}
.boxnews .info p#date{color: #e96e26;font-family: "MYRIADPRO-COND"}
.boxnews:hover .img a span{opacity: 1}
.boxcontent:hover .info h5 a,.boxnews:hover .info h5 a{color: #faac1c}
.boxnews .arrowbottom{border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;position: absolute;bottom: -1px;left: calc(50% - 20px);}
.boxnews .arrowtop{border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;position: absolute;top: -1px;left: calc(50% - 20px);}
.newshome .boxnews:last-child{border: none;}
.menuright h3#category{color: #333333;border: 1px solid #ebebeb;font-size: 22px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-top: 0}
.menuright h3#category span{margin-right: 12px}
.menuright ul{padding: 0;list-style: none;padding-left: 15px}
.menuright ul.menuright > li{border-bottom: 1px solid #ebebeb}
.menuright ul.menuright a{display: inline-block;width: 100%;font-family: "MYRIADPRO-SEMIBOLD";color: #444444;font-size: 15px;}
.menuright ul.menuright > li > a{padding: 17px 0px;text-transform: uppercase;}
.menuright ul.menuright > li > a i{float: right;}
.menuright ul.menuright li.active,.menuright ul.menuright > li:hover{border-color: #f37123}
.menuright ul.menuright ul{display: none;}
.menuright ul.menuright > li.active > ul{display: block;}
.menuright ul.menuright ul li{padding-bottom: 25px;position: relative;}
.menuright ul.menuright ul#sub ul li:first-child{padding-top: 25px}
.menuright ul.menuright span{position: absolute;right: 0;top: 0;padding: 10px;cursor: pointer;}
.menuright ul.menuright ul span{padding: 0 10px}
.menuright ul.menuright li.active > a,.menuright ul.menuright a:hover{color: #f37123}
.menuright ul.menuright > li:last-child{border: none;}
.menuright ul.menuright ul ul li:last-child{padding-bottom: 0}
.menuright .boxnews{border: 1px solid #ebebeb;border-radius: 5px;margin-bottom: 25px}
.menuright .boxnews .info{padding: 10px}
.menuright .boxnews .info h5 a{font-size: 16px}
.menuright .boxnews .info p#date{margin-bottom: 0}
.newsdetail h4.title{font-size: 22px;font-family: "MYRIADPRO-SEMIBOLD";color: #333333}
.newsdetail p#date{font-family: "MYRIADPRO-SEMIBOLDIT";font-size: 14px;color: #999999;margin-bottom: 25px}
.newsdetail .othernews{display: none;}
.newsdetail .othernews h5.titleinclude{font-size: 20px;font-family: "MYRIADPRO-SEMIBOLD"}
.newsdetail .othernews ul{list-style: none;padding: 0}
.newsdetail .othernews ul a{color: #444444;font-size: 15px;margin-top: 5px;display: block;}
.newsdetail .othernews ul a:hover{color: #f37123;margin-left: 10px}
.contact .map .content{background: #222222}
.contact .map .content .item{display: none;}
.contact .map .content .item iframe{float: left;pointer-events: none;}
.contact .map .content .item iframe.clicked{pointer-events: auto;}
.contact .map .content .item.active{display: block;}
.contact .map .content .item #info{padding: 20px 40px;color: #fff;text-align: center;}
.contact .map .content .item #info i.dash{margin: 15px}
.contact .map .content .item #info i.fa{color: #f37123}
.contact #owlbutton div.item{padding: 10px;border-radius: 40px;font-size: 14px;position: relative;display: inline-block;cursor: pointer;margin-bottom: 15px;width: 100%}
.contact #owlbutton div.item:hover,.contact #owlbutton div.item.active{background: #f37123;color: #fff}
.contact #owlbutton div.item:after{content: "";border-left: 15px solid transparent;border-top: 15px solid transparent;border-right: 15px solid transparent;position: absolute;top: 100%;left: calc(50% - 15px)}
.contact #owlbutton div.item:hover:after,.contact #owlbutton div.item.active:after{border-top-color: #f37123}
#owlbutton .owl-controls{position: absolute;width: 100%;top: -35px}
.like-detail ul{margin: 0;margin-top: 15px;list-style: none;;padding: 0}
.like-detail ul li{float: left;margin-right: 10px}
.coccoc-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 200px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 20 !important;
}
.coccoc-alo-phone.coccoc-alo-show {visibility: visible;}
.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {opacity: 1;}
.coccoc-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 160px;
    left: 20px;
    opacity: 0.1;
    position: absolute;
    top: 20px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 160px;
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {animation: 1.1s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important;}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {animation: 2.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important;}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {border-color: #f37123;opacity: 0.5;}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {border-color: #f37123;opacity: 0.5;}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {border-color: #bfebfc;opacity: 0.5;}
.coccoc-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running coccoc-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 100px;
    left: 50px;
    opacity: 0.1;
    position: absolute;
    top: 50px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {
    background-color: #f37123;
    opacity: 0.75 !important;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.coccoc-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 70px;
    opacity: 0.7;
    position: absolute;
    top: 70px;
    transform-origin: 50% 50% 0;
    width: 60px;
}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {
    background-color: #00aff2;
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {
    background-color: #f37123;
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {
    background-color: rgba(0,82,156,0.7)
}
@keyframes coccoc-alo-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

@keyframes coccoc-alo-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes coccoc-alo-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}
.coccoc-alo-ph-img-circle a img {
    padding: 4px 0 0 3px;
}
.coccoc-alo-phone{top: 250px;right: 0px;}
@media(max-width: 678px){.coccoc-alo-phone{top: 250px;right: -50px;}