﻿.box-intro.dropdown.dropdown-L .btn{
    background:transparent;
    width: 100%;
    height: 100%;
}
.introduce .box-intro.dropdown.dropdown-L {
  
padding: 0;
  
padding-bottom: 13px;
  
background: rgba(255,255,255,0.9);
}
.dropdown-L .btn:hover,.dropdown-L .btn:focus{
    text-decoration:none;
    outline:none

}
.dropdown-L .btn:after {
    content: "\f107";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    font-family: FontAwesome;
    font-size: 35px;
    color: #f7cd3d;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.dropdown-L .btn:hover:after,.dropdown-L .btn.active:after,.open.dropdown-L .btn:after{
   transform:translate(-50%) rotate(180deg);


}
.dropdown-L .dropdown-menu{
background: rgba(255,255,255,0.9);
    top:97%;
    padding:0 10px 20px 10px;
    border-radius:0;
    border:none;
    box-shadow:none
}
.dropdown-L .dropdown-menu p{font-size:14px;line-height:20px;}
/**************/
.slick-album{float:left;width: 100%}
.slick-album  .slick-next {
    background: url(../images/next.svg) left center no-repeat !important;
    height: 25px;
    width: 30px;
    top: 45%;
    background-size: contain;
    z-index: 99;
   -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.slick-album .slick-prev {
    display: block;
    z-index: 99;
    background: url(../images/back.svg) left center no-repeat!important;
    height: 25px;
    width: 30px;
    top: 45%;
    background-size: contain;
  -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
   
}
.slick-album .slick-prev:hover,  .slick-album .slick-prev:focus {
   background: url(../images/back-act.svg) center center no-repeat;
 }  
.slick-album .slick-next:hover,    .slick-album .slick-next:focus {
    background: url(../images/next-act.svg) center center no-repeat;
}
.slick-album .slick-prev:before,  .slick-album .slick-next:before  {
   display: none;
 }
#section0 .bx-wrapper .bx-controls{position:absolute;right:50px;bottom:50%;transform:translateY(-50%);z-index:12}

#section0 .bx-wrapper .bx-pager.bx-default-pager a{width: 13px;height: 13px;padding:2px;border: 2px solid #fff;margin:7px 0;background: transparent;}
#section0  .bx-wrapper .bx-pager.bx-default-pager a.active,#section0  .bx-wrapper .bx-pager.bx-default-pager a:focus,#section0  .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #fff;border: 2px solid #fff;width: 13px;height: 13px;}


.menu-fix-top.top-head-sticky .box-logo {
    background-image:url(../images/bg-logo.png);
    opacity: 0.9;
}

.box-form a {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 10px;
}
.tab-category {
    top: 50px;
}
.box-house {
    margin-top: 30px;
}
.relative{position:relative;z-index:5;width:30%;margin-left: 0px;}
.title-tienich{
       color: #f7cd3d;
    position: absolute;
    left:50%;
    transform: translate(-50%);
    bottom: 160px;
    z-index: 99;
    /*text-shadow: 3px 2px #bd8e30;*/
}
.utility .slider-small-tien-ich {
left:50%;
    transform: translate(-50%);
}
.utility .slider-tienich-small.slick-slide {
    margin-left: 10px;
    margin-right: 10px;
    padding:0
}
.slider-tienich-small.slick-slide{position:relative;cursor:pointer}
.slider-tienich-small.slick-slide:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    background: rgba(23, 84, 59,0.6);
    width: 100%;
    height: 100%;
    opacity:1;
     -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
}
    .slider-tienich-small.slick-slide span {
        text-transform:uppercase;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%);
        color: #fff;
        text-align: center;
        width: 100%;
        z-index: 50;
        font-size:13px;
         opacity:1;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }


.slider-tienich-small.slick-slide:hover:after,.slider-tienich-small.slick-slide:hover span,
.slider-tienich-small.slick-slide.slick-current.slick-active:after,.slider-tienich-small.slick-slide.slick-current.slick-active span{
    opacity:0
}
/*THU VIEN*/
#albumID.page-inside section.padding-90 {
    padding: 150px 0 00px 0;
}
.tab-category li.active a{
    color:#fff
}
/*news*/
#newsID.page-inside section.padding-90 {
    padding: 50px 0 0px 0;
}
#newsID.page-inside section {
    background: url(../images/back-page-news.jpg) center center no-repeat;
}

#newsID .details-news div.list-social{margin-top:30px}
#newsID.page-inside a.button-share{transition:all ease .4s;-webkit-transition:all ease .4s;display:inline-block;color:#fff;font-size:12px;padding:2px 12px;background-color:red;border-radius:4px;z-index:9;}
#newsID.page-inside a.twitter-follow-button{background:#00acee}
#newsID.page-inside a.facebook{background:#4469b0}
#newsID.page-inside a.google{background-color:#fff}
#newsID.page-inside a.google i{color:#e72b25;padding: 4px 0px;}
#newsID.page-inside a:hover{opacity:0.8}
#newsID.page-inside .list-social a i{padding-right:3px}
.fb-like{z-index:3;transform:translateY(6px);padding-left:30px}
.btn_like{z-index:3;display:inline-block;height:20px;border:1px solid #eee;padding:0 5px 0 5px;color:#656565;background:#eee}
.btn_like span,.btn_like .section_common .title_box_category > a,.section_common .btn_like .title_box_category > a{display:inline-block;font:300 11px/19px arial}
.btn_like .ic{color:#9f224e;vertical-align:middle;font-size:11px;line-height:17px}
.numb_like{display:inline-block;height:20px;font:300 11px/20px Palatino\ Linotype;background:#f5f5f5;padding:0 7px 0 7px;position:relative}
/*masterplan*/
.bt-back{position:relative;padding-left:30px}
.bt-back:before{
    content:"";
    position:absolute;
    top:6px;
    left:0;
    width:22px;
    height:9px;
    background:url(../images/btn-back.png) center center no-repeat;
    z-index:5;
}
.col-sm-2.col-sm-offset-2{z-index:30}
@media screen and (max-width:1680px) {
}
@media screen and (max-width:1440px) {
    .utilities-content {right: 58px;}
    .icon-banner-left-small h1 {padding-left: 15px;}
}
@media only screen and (min-device-width : 1280PX) and (max-device-width : 1440PX) {
    .fancybox-close {
    top: -15px!important;
}
}
@media screen and (max-width:1280px) {
    .icon-banner-right-small {
        width: 631px;
    }
    .icon-footer-right {
    width: 50%;
}
}
@media screen and (min-width:992px) and (max-width:1199px){
}

@media screen and (min-width:992px) {
    #newsID.page-inside .page-news .news#section6{height:auto;min-height:100vh}
}
@media screen and (max-width:991px) {
        #newsID.page-inside .page-news .news#section6{height:auto;min-height:0}
        .icon-banner-right-small{display:none}
    .mountain {width: 50%;}
    .utilities-content {
        bottom: 150px;
            width: auto;
    }

}
@media screen and (max-width:768px) {
}
@media screen and (max-width:767px) {
    .iocn-social li {
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}
}
@media screen and (max-width:640px) {
    #listUtility .col-sm-6{width:50%;float:left}
    .utilities-content {
    right: 15px;
    left: 15px;
    padding: 15px;
}
    .mountain{display:none}
    .icon-footer-right {width: 100%;}
}
@media screen and (max-width:480px) {
    p, h1, h2, h3, h4, h5, h6, pre, ol, dl, dt, dd, form, a, input, fieldset {
    font-size: 14px;
}
    .icon-banner-left-small:before {
        width: 450px;
        height: 136px;
    }
    .line {
        display: none;
    }
}
@media screen and (max-width:425px) {
}
@media screen and (max-width:360px) {
}
@media screen and (max-width:320px) {
}