body{font-family: 'Roboto', sans-serif; font-size:16px; color:#333}

.container .row{padding:2.8em 0;}
.container .row.nopadding{padding:0;}
.nopading .row{padding:0}
.nopading .row {
    padding: 5px 0;
}


img{max-width: 100%; height: auto; display: block}
    a{color:#DBC342; }
.navbar-default {
    background-color: #fff;
    border: 0;
}
h1,h2,h3,h4,h5{text-transform:uppercase}
h1{font-family: 'Roboto', sans-serif; font-size:40px; }
h2{font-family: 'Roboto', sans-serif; font-size:25px;      color: #333; text-align:center;font-weight:normal;text-transform: capitalize;}
h3{font-family: 'Roboto', sans-serif;  font-size:17px; text-transform:inherit; font-weight:normal;  color: #333; line-height: 1.5em  }
h3.defaulth3{text-transform:capitalize; color:#015336; font-weight:bold;}
.align-center{text-align:center}
.fontVanilla{font-family: 'UTM French Vanilla'; text-transform:none }
.bg1{background:#DBC342; }
.bg2{background:#fbfbfb}
.bg11{background:url(../img/11.jpg) no-repeat center center; margin-top:150px}
.hinhla img{border-bottom:5px solid #dbc342; margin-bottom:20px;padding-bottom: 20px;}
.row.bgcam {    background: #9ed4ee8a;    padding: 0;}
.row.bgcam .col-sm-4:first-child{padding:0; border-right:5px solid #dbc342 }
img.icon.pull-left {
    padding-right: 18px;
    padding-bottom: 30px;
    width:48px;
}
.lech{position:relative}
.lechimg{position:absolute; top:-280px; width:100%}
.row.bg11con {padding-top: 140px;}
.pdtop35{padding-top:35px   }
.pdtop27{padding-top:27px   }
.headerfrm{ text-align:center}
.headerfrm h2, .headerfrm h3{padding:0; margin:0; line-height:1; color:#fff}
.headerfrm h2{font-family:"UTM Aptima"; font-weight:bold; font-size:30px}
.headerfrm h3{font-family:"UTM Aptima"; font-weight:normal; font-size:22px; padding-top:0.8em; color:#fff}
.headerfrm h3{}
.frmbody{padding:20px 20px 20px 20px; background:#fff; border:1px solid #b1b1b1; border-top:0}


.form-group {    margin-bottom: 16px;}
.form-control{   }
.frmbody .btn{ border-radius:5px; border:0; text-transform:uppercase}
label.error {
    color: #f00;
    font-size: 11px;
}
.list {list-style:none; margin-left:1.8em; padding:0; line-height:1.4; }
.list li{padding-bottom: 0.4em; font-size: 16px;}
.list li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e084";
    display: inline-block;
    margin-left: -1.8em;
    width: 1.8em;
    color: #dbc342;
}
.text-right .list li:after{
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    display: inline-block;
   
    width: 1.8em;
    color: #dbc342;
}
.text-right .list li:before{display:none}

.list2 {list-style:none; margin-left:1.8em; padding:0; line-height:1.4; padding-top: 15px; }
.list2 li{padding-bottom: 0.5em; line-height:1.5}
.list_goi {
padding-top: 40px;
}
/*.list2 li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    display: inline-block;
    margin-left: -3em;
    width: 2em;
    color: #fff;
    background: #dbc342;
    font-size: 7px;
    padding: 0.4em;
    margin-right: 1em;
} */
.relative{position:relative}
.relative .lech{position:relative; bottom:-1em; padding:0.5em 1.8em; color:#fff; background:#690580; font-size:25px; border:0}
h2.heading2 {      margin-bottom: 1em;}

.arrow_box {
    position: relative;
    background: #e7ddea;
    border: 4px solid #e7ddea;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #e7ddea;
    border-width: 26px;
    margin-left: -26px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #e7ddea;
    border-width: 26px;
    margin-left: -26px;
}
@media (min-width: 1024px) {
.pdimg3{padding-top:110px}
.pdtop3{margin-top:33px}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 766px) {
    .arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #e7ddea;
    border-width: 18px;
    margin-left: -18px;
    }
    
body{font-size:14px;}   
.headerfrm h2{font-size:22px}
.headerfrm h3{font-size:18px}
h1{font-size:23px; font-weight:bold}
h2{font-size:22px}
h3{font-size:18px}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-top:1em}
.text-right{text-align:left}
.text-right .list li:before{
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    display: inline-block;
   
    width: 1.8em;
    color: #dbc342;
}
.text-right .list li:after{display:none}
.bg5 .col-md-4,
.bg5 .col-md-6{padding:10px 0}
}
.cam-ket{

    padding: 26px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.13);
}
.cam-ket .list{
    padding: 10px;
}
.txt2{
    font-size: 18px;
    color: #333;
    font-weight: 600;
}
.btn{
    background: #1d75ac;
    border: #1d75ac;
    padding: 10px 20px;
    font-size: 16px;
}
.bg4{background:url(../img/18.jpg) no-repeat center center;}
.container{
    padding-bottom: 30px;
}
.txt3{
    font-size: 20px;
}
.list2 li{
    background:url(../img/hoa.png) no-repeat 0 5px;
    padding-left: 30px;
    list-style: none;
    line-height: 26px;
    font-size: 16px;
}
.list-goi-img img{
    float: right;
}
.row-goi h2{
    padding-top: 20px
}
.row-goi1{
    background: #fff;
}
.row-goi1 .list{
    padding: 10px;   
}
.row-goi1 .txt2{
    padding-top: 20px;
    text-align: center;
}
.list-br {
border-right: 1px solid #dbc342;
}
.bt2-dk{
    padding: 30px;
    text-align: center;
}
.bt2-dk a{
    background: #ea251c;
    border: #ea251c;
}
.btn3 {
    padding: 30px;
    text-align: center;
}
.content-box {
   border: 1px solid #e0ce86;
    margin-top: -132px;
    padding-top: 150px;
    background:url(../img/bg-hoa.png) no-repeat top;
    min-height: 440px;
    
}
.content-box .txt2{
    font-weight: normal;
    text-align: center;
}
.content-box .list{
    padding: 20px;
}
.container .box-lankim{
    padding: 10px 0;
}
.headerfrm h2 {
    font-weight: normal;
    font-size: 20px;
    background: #1d75ac;
    width: 45%;
    margin: auto;
    padding: 15px;
    position: relative;
    z-index: 999;
}
.frmbody {
    padding: 60px 20px 80px 20px;
    background: #fff;
    border: 1px solid #333;
    position: relative;
    z-index: 100;
    margin-top: -25px;
    text-align: center;
}
.frmbody .form-control{
    height: 45px;
}
.bg5{
    background: #f7f3e7;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
}
.box-video .txt2{
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 10px;
}
#fmrtren{
    padding-top: 13px;
}
.bg6{background:url(../img/bg-footer.jpg) no-repeat center center;background-size: cover;}
.footer h3{
    font-size: 25px;
    padding: 10px;
}
.footer p{
    color: #333;
}
.socials {
   
    width: 100%;
    margin: auto;
    clear: both;
   
}
.socials ul {
    list-style: none;
    padding: 0;
    margin: auto;
    text-align: center;
    clear: both;
    width: 100%;
    overflow: hidden;
   
}
 .socials ul li {
    display: inline-block;
    
}
.socials ul li a {
    display: block;
    width: 60px;
    height: 60px;
    
}

 .socials ul li a i {
    font-size: 22px;
}
.socials ul li a:hover{
text-decoration: none;
}
.socials .fb-icon{
    background:url(../img/fb.png) no-repeat 0 5px;
    list-style: none;
    line-height: 26px;
    font-size: 16px;
}
.socials .gg-icon{
    background:url(../img/gg.png) no-repeat 0 5px;
    list-style: none;
    line-height: 26px;
    font-size: 16px;
}
.socials .web-icon{
    background:url(../img/web.png) no-repeat 0 5px;
    list-style: none;
    line-height: 26px;
    font-size: 16px;
}
.logo img{
    width: 80%;
}
body .menu{
    padding: 5px;

  
}
.menu-top ul li a{
   padding: 30px;
  
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    
}
.center-block img{
    margin: auto;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
     background: #dbc342 !important;
  border-bottom: 2px solid #333;
   color: #fff !important;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
}
.menu .navbar{
    margin-bottom: 0;
    padding-bottom: 0;
}
.hinhla p{
    padding: 10px;
}
.modal-header{
    border-bottom: white;
}
.modal-footer{
    border-top: white;
}
.center-block a:hover{
    text-decoration: none;
}
.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
@media (max-width: 767px){
    .bg2{
        background-size: cover;
    }
    .pdnone{
        padding-bottom: 0 !important;
    }
    .list-goi-img img{
        float: none;
    }
    .pdtop3{
        margin-top: 35px;
    }
    .bg4{
        background: #f1e2b7;
    }
    .btn{
           padding: 10px 15px;
    }
    .menu-top ul li a {
    padding: 10px;
    
    }
    .menu img{
        margin: auto;
    }
    .center-block p{
        padding: 10px;
    }
    .list-br{
        border-right:0;
    }
    .headerfrm h2{
        width: 100%;
    }
    
    .content-box {
   
    background: url(../img/bg-hoa.png) repeat-x top;
   
    }
    .bg11 .row{
        margin-right: 0;
        margin-left: 0;
    }
    .box-video{
        margin-bottom: 120px;
    }
    .container .row{margin:0 !important;}
}

@media (min-width: 767px) and (max-width: 1024px){
 .container .row{margin:0 !important;}
.pdtop3{
        margin-top: 35px;
    }
    .bg4{
        background: #f1e2b7;
    }
    .btn{
           padding: 10px 15px;
    }
    .menu-top ul li a {
    padding: 10px;
    font-size: 13px;
    
    }
    .navbar{
        margin-top: 20px;
    }
    .menu img{
        margin: auto;
    }
    .center-block p{
        padding: 10px;
    }
    .headerfrm h2{
        width: 80%;
    }
    .content-box{
        min-height: 500px;
    }
    .close{
    z-index: 9999;
    top: 0;
    right: 3px;
    position: absolute;
    }
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  
  margin-bottom:40px;
  padding-top:40px;
    color: #dbc342;
    font-size: 27px;
}



.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

.nova-phone.nova-static {
  opacity:0.6;
}

.nova-phone.nova-hover {
  opacity:1;
}

.nova-ph-circle {
  animation:1.2s ease-in-out 0s normal none infinite running nova-circle-anim;
  background-color:transparent;
  border:2px solid rgba(30,30,30,0.4);
  border-radius:100%;
  height:70px;
  right:16px;
  opacity:0.1;
  position:absolute;
  top:50px;
  transform-origin:50% 50% 0;
  transition:all 0.5s ease 0s;
  width:70px;
}

.nova-phone.nova-active .nova-ph-circle {
  animation:1.1s ease-in-out 0s normal none infinite running nova-circle-anim !important;
}

.nova-phone.nova-static .nova-ph-circle {
  animation:2.2s ease-in-out 0s normal none infinite running nova-circle-anim !important;
}

.nova-phone.nova-hover .nova-ph-circle {
  border-color:#fa6018;
  opacity:0.5;
}

.nova-phone.nova-green.nova-hover .nova-ph-circle {
  border-color:#fa6018;
  opacity:0.5;
}

.nova-phone.nova-green .nova-ph-circle {
  border-color:#fa6018;
  opacity:0.5;
}

.nova-phone.nova-gray.nova-hover .nova-ph-circle {
  border-color:#fa6018;
  opacity:0.5;
}

.nova-phone.nova-gray .nova-ph-circle {
  border-color:#fa6018;
  opacity:0.5;
}

.nova-ph-circle-fill {
  animation:2.3s ease-in-out 0s normal none infinite running nova-circle-fill-anim;
  background-color:#000;
  border:2px solid transparent;
  border-radius:100%;
  height:70px;
  right:16px;
  opacity:0.1;
  position:absolute;
  top:50px;
  transform-origin:50% 50% 0;
  transition:all 0.5s ease 0s;
  width:70px;
}

.nova-phone.nova-active .nova-ph-circle-fill {
  animation:1.7s ease-in-out 0s normal none infinite running nova-circle-fill-anim !important;
}

.nova-phone.nova-static .nova-ph-circle-fill {
  animation:2.3s ease-in-out 0s normal none infinite running nova-circle-fill-anim !important;
  opacity:0 !important;
}

.nova-phone.nova-hover .nova-ph-circle-fill {
  background-color:#fa6018;
  opacity:0.75 !important;
}

.nova-phone.nova-green.nova-hover .nova-ph-circle-fill {
  background-color:#fa6018;
  opacity:0.75 !important;
}

.nova-phone.nova-green .nova-ph-circle-fill {
  background-color:#fa6018;}

.nova-phone.nova-gray.nova-hover .nova-ph-circle-fill {
  background-color:#fa6018;

}

.nova-phone.nova-gray .nova-ph-circle-fill {
  background-color:#fa6018;

}
#nova_phone_div {
    bottom: 0% !important;
    left: 0 !important;
}
.nova-ph-img-circle {
  animation:1s ease-in-out 0s normal none infinite running nova-circle-img-anim;
  background-color:#fa6018;
  background-image:url("../images/contact_phone_icon.png");
  background-position:center center;
  background-repeat:no-repeat;
  border:2px solid transparent;
  border-radius:100%;
  height:40px;
  right: 31px;
  position:absolute;
  top:65px;
  transform-origin:50% 50% 0;
  width:40px;
}

.nova-phone.nova-active .nova-ph-img-circle {
  animation:1s ease-in-out 0s normal none infinite running nova-circle-img-anim !important;
}

.nova-phone.nova-static .nova-ph-img-circle {
  animation:0s ease-in-out 0s normal none infinite running nova-circle-img-anim !important;
}

.nova-phone.nova-hover .nova-ph-img-circle {
  background-color:#fa6018;
}

.nova-phone.nova-green.nova-hover .nova-ph-img-circle {
  background-color:#fa6018;
}

.nova-phone.nova-green .nova-ph-img-circle {
  background-color:#ef0000;
}

.nova-phone.nova-gray.nova-hover .nova-ph-img-circle {
  background-color:#fa6018;
}

.nova-phone.nova-gray .nova-ph-img-circle {
  background-color:#fa6018;
}

.nova-phone {
  background-color:transparent;
  cursor:pointer;
  height:160px;
  position:fixed;
  transition:visibility 0.5s ease 0s;
  visibility:hidden;
  width:100px;
  z-index:200000 !important;
}

.nova-phone.nova-show {
  visibility:visible;
}

@keyframes nova-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 nova-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.1;
    transform:rotate(0deg) scale(1) skew(1deg);
  }
}

@keyframes nova-circle-fill-anim {
  0% {
    opacity:0.2;
    transform:rotate(0deg) scale(0.7) skew(1deg);
  }
  50% {
    opacity:0.2;
  }
  100% {
    opacity:0.2;
    transform:rotate(0deg) scale(0.7) skew(1deg);
  }
}

@keyframes nova-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);
  }
}

@keyframes nova-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 nova-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);
  }
}
.boxbr{
  border: 1px solid #333;
    margin: 6px;
    width: 100%;
    border-radius: 10px;
}
.boxbr2{
  border: 2px dashed #288fcf;
    margin: 6px;
    width: 100%;
    border-radius: 10px;
    height: 155px;
    background: #fff;
}
.bgxanh{
  background: #cbe8f6;padding-bottom: 40px;
    padding-top: 20px;
}
.boxbr2 h3{color: #1078ba;}
.bd3{border-right: 3px solid #333}
.bdl{border-left:  3px solid #333}
#video_player {
  display: table;
  line-height: 0;
  font-size: 0;
  background: #000;
}
#video_player video,
  #video_player figcaption {
    display: table-cell;
    vertical-align: top;
}
#video_player figcaption {
  width: 25%;
}
#video_player figcaption a {
  display: block;
  opacity: .5;
  transition: 1s opacity;
}
#video_player figcaption a img,
  figure video {
    width: 100%;
    height: auto;
}
#video_player figcaption a:hover {
  opacity: 1;
}

#video_player2 {
  display: table;
  line-height: 0;
  font-size: 0;
  background: #000;
}
#video_player2 video,
  #video_player2 figcaption {
    display: table-cell;
    vertical-align: top;
}
#video_player2 figcaption {
  width: 25%;
}
#video_player2 figcaption a {
  display: block;
  opacity: .5;
  transition: 1s opacity;
}
#video_player2 figcaption a img,
  figure video {
    width: 100%;
    height: auto;
}
#video_player2 figcaption a:hover {
  opacity: 1;
}
.call_zalo {
    position: fixed;
    bottom: 110px;
    left: 25px;
    z-index: 99;
}
.call_zalo img {
    width: 40px;
}
@media (max-width:767px) {
  #video_player video,
    #video_player figcaption {
      display: table-row;
    }
#video_player figcaption a {
  display: inline-block;
  width: 33.33%;
}

 #video_player2 video,
    #video_player2 figcaption {
      display: table-row;
    }
#video_player2 figcaption a {
  display: inline-block;
  width: 33.33%;
}
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
  .bd3{border-right: 0px solid #015336}
  .bdl{border-left:  0px solid #015336}
  .boxbr2{
   
    margin: 6px;
    width: 100%;
    border-radius: 10px;
    height: auto;
    background: #fff;
}
}