/*mat bang tang*/
 .company-form .row span{
     color: #3C3C5F;
     font: normal 14px/20px arial;
 }
 .company-form p{
    font: normal 14px/20px arial; 
 }
 .company-form a{
     text-decoration: none;
     color: white;
 }
/*greenview-contact::start*/ 
.up-form,.up-form-title{
    width: 70%;
}
#homenews-grv-lienhe form input[type="text"]{
    border-radius: 15px;margin: 0 auto;width: 400px;font: normal 17px/22px verdana;padding: 7px 15px;margin-bottom: 17px;
    border: 1px solid #D0CDCD;
}#homenews-grv-lienhe form input[type="submit"]{
    border-radius: 15px;margin: 0 auto;width: 160px;font: normal 18px/26px verdana;padding: 7px 35px;margin-bottom: 17px;background-color: green;text-align:center;color: white;border: 1px solid green;cursor: pointer;
}
#homenews-grv-gioithieu form input[type="text"]{
    border-radius: 15px;margin: 0 auto;font: normal 17px/22px verdana;padding: 7px 15px;margin-bottom: 17px;box-sizing: border-box;
    border: 1px solid #D0CDCD;
}#homenews-grv-gioithieu form input[type="button"]{
    border-radius: 15px;margin: 0 auto;width: 160px;font: normal 18px/26px verdana;padding: 7px 35px;margin-bottom: 17px;background-color: green;text-align:center;color: white;border: 1px solid green;cursor: pointer;
}
.up-form-hoten,.up-form-email{
    padding-right: 15px;
}

/*greenview-contact::end*/ 
 
 .soho-contact-button{
    background-color: gray;
    margin-right: 10px;
    color: black;
    font: normal 14px/20px arial;
    padding: 5px 10px;
    border-radius: 5px;
} 
#a-canso-1-info,  #a-canso-2-info,  #a-canso-3-info,  #a-canso-4-info,  #a-canso-5-info,  #a-canso-6-info,  #a-canso-7-info,
#b-canso-1-info,  #b-canso-2-info,  #b-canso-3-info,  #b-canso-4-info,  #b-canso-5-info,  #b-canso-6-info,  #b-canso-7-info{
  display: none;
  width: 500px;
  height: 500px;
  background-position: left bottom;
  background-repeat: no-repeat;
} 
#canho-info p{
  width: 100%;
  text-align: center;
  background-color: rgba(30, 156, 172,0.9);
  color: white;
  padding: 10px 0px;
  font: normal 15px/20px arial;
  max-height: 100px;
  box-sizing: border-box;
} 
#canho-info p span:nth-child(1){
  font: bold 15px/18px arial;
  text-transform: uppercase;
}
  
#a-canso-1,#b-canso-1{
     position: absolute;
     width: 39%;
     height: 27% !important;
     left: 5%;
     top: 45%;
}
#a-canso-1:hover,#b-canso-1:hover{
     background: url(../../../../../image/data/3_matbangtang/4-13/1_155_135.png) 0 0 no-repeat;
     cursor: pointer;
}

#a-canso-2,#b-canso-2{
     position: absolute;
     width: 27%;
     height: 37.2% !important;
     left: 5%;
     top: 1%;
}
#a-canso-2:hover,#b-canso-2:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/2_108_186.png) 0 0 no-repeat;
    cursor: pointer;
}
#a-canso-3,#b-canso-3{
     position: absolute;
     width: 38.3%;
     height: 22.8% !important;
     left: 28.3%;
     top: 15.6%;
}
#a-canso-3:hover,#b-canso-3:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/3_153_114.png) 0 0 no-repeat;
    cursor: pointer;
}
#a-canso-4,#b-canso-4{
     position: absolute;
     width: 30.75%;
     height: 30.4% !important;
     left: 65%;
     top: 15.8%;
}
#a-canso-4:hover,#b-canso-4:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/4_123_152.png) 0 0 no-repeat;
    cursor: pointer;
}
#a-canso-5{
     position: absolute;
     width: 39%;
     height: 30.8% !important;
     left: 56.25%;
     top: 45%;
}
#a-canso-5:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/5_156_154.png) 0 0 no-repeat;
    cursor: pointer;
}
#b-canso-5{
    position: absolute;
    width: 39%;
    height: 53.6%; 
    left: 57%;
    top: 45.2%;
}
#b-canso-5:hover{
    background: url(../../../../../image/data/3_matbangtang/14-18/5sao.png) 0 0 no-repeat;    
    cursor: pointer;
}
#a-canso-6{
     position: absolute;
     width: 45.25%;
     height: 23% !important;
     left: 50%;
     top: 75.8%;
}
#a-canso-6:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/6_181_115.png) 0 0 no-repeat;
    cursor: pointer;
}
#b-canso-6{
    position: absolute;
    width: 61.5%;
    height: 23%; 
    left: 5%;
    top: 76%;
}
#b-canso-6:hover{
    background: url(../../../../../image/data/3_matbangtang/14-18/6sao.png) 0 0 no-repeat;    
    cursor: pointer;
}
#a-canso-7{
     position: absolute;
     width: 46%;
     height: 23% !important;
     top: 75%;
     left: 5.1%;
     
}
#a-canso-7:hover{
    background: url(../../../../../image/data/3_matbangtang/4-13/7_184_115.png) 0 0 no-repeat;
    cursor: pointer;
}
 
.clicked{
    background-size: 100% 100%;
}
.not-click{
    background-size: 0% 0%;
}
.display-info{
    display: block !important;
}
 
 /*mat bang tang::end*/
 
 h1{
     color: black;
     font: bold 16px/24px arial !important;
     margin: 0px;     
     text-align: justify;
 }
 h2{
     color: #1E9CAC;
     font: bold 15px/18px arial !important;
     margin: 0px;
     text-align: justify;     
 }
 .newsgroup-news-item h1{
     color: #1E9CAC;
     font: normal 20px/30px arial !important;
     margin: 0px;
 }
 .newsgroup-news-item:hover{
     background-color: rgba(30, 156, 172,0.8);;
 }
 .newsgroup-news-item:hover a h1{
     color: white;
 }
.homenews_news_container > div{
     /*border: 2px solid #1E9CAC;*/
     border-radius: 10px; 
     height: calc(100% - 60px);
     box-sizing: border-box;
     padding: 10px;
     overflow: hidden;
 }
 #homenews_news_slider .description{
     height: calc(100% - 100px);
 }
 .grv-homenews{
     width: 100%;
     margin: 0 auto;
     position: relative;
     float: left;
     padding: 110px 0px 0px 0px;
     height: auto;
 }
 .grv-homenews img{
     max-width: 1000px;
     text-align: center;
 }
 .newsgroup-news-item a{
     text-decoration: none;
 }
 .newsgroup-news-item{
     margin-bottom: 10px;
 }
 .newsgroup-news-item > div{
     padding: 0 10px;
 }
 .dautu > div > a{ 
     vertical-align: middle;
 }
 .dautu > div:nth-child(1),.dautu > div:nth-child(2){
     height: 200px;
 }
 .dautu{
     text-align: center;
 }
 #homenews_80_dautu_container{
     
 }
 #homenews_80_dautu_container > div{
     width: 80%;
     height: 100%;
     margin: 0 auto;
     padding: 13% 0px;
 }
 .dautu-title{
     font: normal 18px/28px arial;
     text-transform: uppercase;
     color: black;
 }
 .dautu-des{
     font: normal 20px/26px arial;
     color: black;
 }
 .a-scroll-link span{
     text-decoration: none;
 }
.bubble 
{
position: relative;
width: 135px;
height: 75px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: #1E9CAC solid 3px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 5px 0 5px 32px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -5px;
right: -32px;
top: 30%;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 7px 0 7px 34px;
border-color: transparent #1E9CAC;
display: block;
width: 0;
z-index: 0;
margin-top: -7px;
right: -37px;
top: 30%;
}

/*tien ich*/
.hub-tienich{
    text-align: center;
    width: 100%;
    margin-top: 75px;
}
.tienich-item span{
    font: bolder 18px/24px "open sans",arial;
    color: gray;
    text-transform: uppercase;
}
.tienich-intro span{
    font: normal 18px/24px "open sans",arial;
    color: gray;
}
#hub-tienich a{
    text-decoration: none;
}
#homenews_tienich_hub{
    background-color: white;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
}
.hub-tienich > ul{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 10px;
    width: 90%;
    box-sizing: border-box;
    
}
.hub-tienich li,.hub-tienich li{ 
    display: inline;
    padding: 15px;    
}
.hub-tienich a{
}

.hub-tienich a img{
    box-sizing: border-box;
}
/*tien ich*/


  /*
  .bubble {
    position: relative;
    width: 130px;
    height: 65px;
    padding: 0px;
    background: #f7f7f7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
}

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -37px;
    left: 102px;
    border-style: solid;
    border-width: 37px 5px 0;
    border-color: #f7f7f7 transparent;
    display: block;
    width: 0;
    z-index: 1;
}
*/






#pageshare {position:fixed; bottom:45%; right:10px; padding:0 0 2px 0;z-index:100;}
#pageshare #buttons {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:none;display:block;}
#pageshare #buttons .sbutton {clear:both;margin:5px 5px 0 5px;}
/*menu*/
#menu_home{
    margin: 0 auto;
    position: fixed;
    float:left;
    height:110px;
    top: 0px;
    width: 100%;
    z-index:101;
    border-bottom: 5px solid #f7bf1c;    
}
#menu_ngang{
    box-sizing:border-box;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1368px;
    text-align: center;
    background: #0b301b;
}
#menu_ngang > ul{    
    margin:0 auto;
    padding:0;
    height: 100%;
    list-style:none;
    display: inline-block;
}
.menu-item a{
    color: #6bbf5a;
    text-decoration: none;
    font: normal 15px/20px sans-serif;
    text-transform: none;
}
.menu-item{
    border-radius: 8px;
    margin-top: 55px;
    padding: 10px 20px;
}
#menu_ngang > ul li{
    float: left;
    cursor: pointer;
}               
#menu_ngang li.logo a{
    
}
#menu_ngang li.logo a img{
    height:90px;    
}
#menu_ngang li.logo{
    margin-right: 40px;
    box-sizing: border-box;
    padding: 5px;
}
.active {
    font-family:'Droid Sans', serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 50px;
    background-color: #00a14b;
}

.hotline{
    padding-right: 0px !important;
}


#menu_ngang > ul li + li:hover a{
    color: white;
    
}
#menu_ngang > ul li + li:hover{
    background-color: #00a14b;
}
#menu_ngang li.logo:hover{
    background-color: none;
}
   
#menu_ngang > ul a{
    color:#6bbf5a;
    display:block;
    text-decoration: none;
    white-space:nowrap !important;
}
#menu_ngang li.hotline{
    position: absolute;
    width: 350px;
    height: 32px;
    top: 5px;
    right: calc(50% - 350px);
    color: white;
    background: url(../image/greenview/phone-30.png) 0 center no-repeat;
    text-align: right;
} 

#toggle-button{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 40%;
    right: 10px;
    z-index: 106;
    background-color: rgb(11, 48, 27);

}
#toggle-button img{
    z-index: 107;
    position: absolute;
    top:0px;
    left: 0px;
}
.downarea{
    background-color: rgba(72, 81, 84, 0.85);
    position: absolute;
    width:100%;
    height:50%;
    bottom:0px;
    left: 0px;
    /*border-radius: 0 0 50px 50px;
    border-radius: 0 0 50px 50px;*/
    
}
.menutop-active a{
    color: white !important;
}
.menutop-active{
    background-color: #00a14b;
}
    .mobile-menu{
        position: relative;
        float:right;
        margin-top: 7px;
    }
    .mobile-menu > div{
        display: none;
        background: rgba(72, 81, 84, 0.85);
        position: absolute;
        right: 0px;
        top: 65px;
        width: inherit;
        min-width: 400px;
        padding-top: 15px;
    }                                   
    .mobile-menu ul li{
        position: relative;
        float: right;
        font: normal 14px/20px arial;
        clear:both;
        padding: 0 10px;
        width: 100%;
    }   
    .mobile-menu .mobile-hotline{
        text-align: left;
        color: white;
        font: normal 16px/20px arial;
    } 
    .mobile-menu .mobile-hotline span{
        padding-left: 20px;
        color: white;
        font: normal 16px/20px arial;
    }    
    .mobile-menu .link{     
        border-bottom: 1px solid #1e9cac;
        
    }
    .mobile-menu ul li:hover{
        background: rgba(72, 81, 84, 1);
    }
    .mobile-menu ul li a{
        color: #fff !important;
        text-decoration: none;
        font: normal 14px/30px arial;
        text-transform: uppercase;
    } 

/*menu::end*/
/*tabs*/



.htabs {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    position: absolute;
    top:100px;
    right:80px;
    z-index: 100;
}
.htabs-tienich{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    position: absolute;
    top:0px;
    right:80px;
    z-index: 102;    
}
.htabs a, .htabs-tienich a{
    background: rgba(72, 81, 84, 0.85);
    padding: 0px 25px;
    float: left;
    font:normal 16px/40px Arial;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;  
}
.htabs a.selected, .htabs-tienich a.selected {
    z-index: 3;
    background: rgba(30, 156, 172,0.8);
    color:white;
}
.tab-content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing:border-box; 

    float: left;
    overflow: auto;
    position: relative;
    width: 100%;
    z-index: 2;
}

#homenews-80, #homenews-canhomau,#homenews-news,#homenews-canhomau,#homenews-contact,#homenews-matbangtang,#homenews-tienich{
    position: relative;
    float: left;
    width: 100%;
}
/*tabs:end*/
/*vitri*/
#map_vitri,#map_matbangtang_0,#map_matbangtang_1,#map_matbangtang_2,#map_matbangtang_3{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/*vitri::end*/
/*nested slide*/
    .box-shadow {
        -webkit-box-shadow: 5px 5px 5px 1px rgba(194, 194, 194, 0.84);
           -moz-box-shadow: 5px 5px 5px 1px rgba(194, 194, 194, 0.84);
                box-shadow: 5px 5px 5px 1px rgba(194, 194, 194, 0.84);

        background-color: #F5F5F5;
    }
    .homenews_80_tienich_container{
        position: relative; top: 0px; left: 0px;overflow: hidden; 
    }
    .homenews-80-text-1{
        position:absolute;
        width: 30%;
        left:60%;
        top:180px;
        right: 30px;            
        text-align: justify;
        /*background-color:rgba(117, 126, 139, 0.62);*/
        padding: 25px;
        /*border-radius: 0px 0px 30px 0px;
-webkit-box-shadow: 0px 9px 11px 0px rgba(138,138,138,0.6);
-moz-box-shadow: 0px 9px 11px 0px rgba(138,138,138,0.6);
box-shadow: 0px 9px 11px 0px rgba(138,138,138,0.6);*/
        
    }
    .homenews-80-vitri-text{
        position:absolute;
        left: 0%;
        right: 60px;
        top:100px;
        text-align: justify;
        padding: 25px;
    }
    .homenews-80-text-1 p,.homenews-80-vitri-text p{
        font: normal 20px/24px "open sans",arial,verdana,seriff;
        color:black;
    }
.jssort03 .w, .jssort03 .pav:hover .w
{
    position: absolute;
    width: 60px;
    height: 30px;
    border: white 1px dashed;
}
* html .jssort03 .w
{
    width /**/: 62px;
    height /**/: 32px;
}
.jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
.jssort03 .c
{
    width: 62px;
    height: 32px;
    filter:  alpha(opacity=45);
    opacity: .45;
    
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}
.jssort03 .p:hover .c, .jssort03 .pav .c
{
    filter:  alpha(opacity=0);
    opacity: 0;
}
.jssort03 .p:hover .c
{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
    
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a02.png) no-repeat;
    overflow:hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }    
    /* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
    font-family: Arial, Helvetica, sans-serif;
}
.jssort11 .i, .jssort11 .pav:hover .i
{
    position: relative;
    top:3px;
    left:3px;
    /*WIDTH: 60px;
    HEIGHT: 30px;*/
    border: white 1px dashed;
}
* html .jssort11 .i
{
    WIDTH /**/: 62px;
    HEIGHT /**/: 32px;
}
.jssort11 .pav{
    top: 10px;
}
.jssort11 .pav .i
{
    border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
    position:relative;
    top: 3px;
    /*left: 68px;
    width:129px;
    height: 32px;
    line-height:32px;*/
    text-align: center;
    color:#fc9835;
    font-size:13px;
    font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
    color:#fff;
    /*margin-top: 10px;*/
}
.jssort11 .c, .jssort11 .pav:hover .c
{
    position: relative;
    /*top: 38px;
    left: 3px;
    width:197px;
    height: 31px;
    line-height:31px;
    color:#fff;*/
    font-size:14px;
    font-weight:400;
    overflow: hidden;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
    padding: 5px 0px;
    color:#fc9835;
    overflow: hidden;
    max-height: 60px;
    text-align: justify;
}
.jssort11 .t, .jssort11 .c
{
    transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
    max-height: 60px;
    overflow: hidden;
    text-align: justify; 
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    /*max-height: 32px;
    overflow: hidden;*/
       
}
.jssort11 .p
{
    /*background:#181818;*/
}
.jssort11 .pav, .jssort11 .pdn
{
    /*background:#462300;*/
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
    background:#333;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
    background:rgba(30, 156, 172, 0.8);
    
}
.jssort11 .p:hover h2, .jssort11 .phv h2, .jssort11 .pav:hover h2{
    color: white;
    
}
.jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c{
    color: black;
    
} 
.jssort11 div[u="slides"]{
    top: 0px;
    left: 0px;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a17.png) no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }    
/* jssor slider thumbnail navigator skin 02 css */
/*
.jssort02 .p            (normal)
.jssort02 .p:hover      (normal mouseover)
.jssort02 .pav          (active)
.jssort02 .pav:hover    (active mouseover)
.jssort02 .pdn          (mousedown)
*/
.jssort02 .w
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.jssort02 .c
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 180px;
    height: 126px;
    border: #000 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
{
    background: url(../image/t01.png) center center;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 180px;
    height: 126px;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c
{
    top: 0px;
    left: 0px;
    width: 180px;
    height: 126px;
    border: #fff 1px solid;
}    
    /* jssor slider bullet navigator skin 03 css */
    .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
    {
        background: url(../image/soho/b03.png) no-repeat;
        overflow:hidden;
        cursor: pointer;
    }
    .jssorb03 div[u="prototype"]{
        position: absolute; width: 21px; height: 21px; text-align:center; line-height:21px; color:white; font-size:12px;
    }
    .jssorb03{
        position: absolute; bottom: 30px; right: 30px;
    }
    .jssorb03 div { background-position: -5px -4px; }
    .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
    .jssorb03 .av { background-position: -65px -4px; }
    .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
    
    /* jssor slider thumbnail Navigator Skin 12 css */
    
    .jssort12{
        cursor: default; position: absolute; left:0px; bottom: 20px;
    }
    jssort12 > div{
        cursor: move;
    }

    .jssort12 .p{
        POSITION: absolute; WIDTH: 210px; HEIGHT: 85px; TOP: 0; LEFT: 0;
        border: 3px solid white;
    }
    .jssort12 .p img {
        FILTER: alpha(opacity=55);
        opacity: .55;
        transition: opacity .6s;
        -moz-transition: opacity .6s;
        -webkit-transition: opacity .6s;
        -o-transition: opacity .6s;
    }

    .jssort12 .pav img, .jssort12 .pav:hover img, .jssort12 .p:hover img {
        FILTER: alpha(opacity=100);
        opacity: 1;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }

    .jssort12 .pav:hover img, .jssort12 .p:hover img {
        FILTER: alpha(opacity=70);
        opacity: .7;
    }

    .jssort12 .title, .jssort12 .title_back {
        position: absolute;
        bottom: 15px;
        width: calc(100% - 6px);
        height: 30px;
        text-align: center;
        color: #000;
        font:normal 16px/30px arial;
        overflow: hidden;
    }

    .jssort12 .title_back {
        background-color: #fff;
        filter: alpha(opacity=50);
        opacity: .5;
    }
    
    .p{
        overflow: hidden;
        
    }

    .jssort12 .pav{
        border: 3px solid white;
        overflow: hidden;
        
    }

    .jssort12 .pav:hover .title_back, .jssort12 .p:hover .title_back {
        filter: alpha(opacity=40);
        opacity: .4;
    }

    .jssort12 .pav .title_back {
        background-color: #000;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .jssort12 .pav .title {
        color: #fff;
    }
    .nested-loading{
        position: absolute; top: 0px; left: 0px;
    }
    .nested-loading >div:first-child{
        filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;
    }
    .nested-loading >div:nth-child(2){
        position: absolute; display: block; background: url(catalog/view/theme/default/image/soho/loading.gif) no-repeat center center;
                    top: 0px; left: 0px;width: 100%;height:100%;
    }
    .jssort14 .w, .jssort14 .phv .w
    {
        cursor: pointer;
        position: absolute;
        WIDTH: 100%;
        HEIGHT: 100%;
        background-color: #c2b38f;
    }
    .jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w
    {
        background-color: #422e2c;
    }
    .jssort14 .c
    {
        color: #000;
        font-size:13px;
        background-color: #e6e0c8;                    
        transition: background-color .6s;
        -moz-transition: background-color .6s;
        -webkit-transition: background-color .6s;
        -o-transition: background-color .6s;
    }
    .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c, .jssort14 .pav .c
    {
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }
    .jssort14 .pav .c
    {
        background-color:#ffab57;
    }
    .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c
    {
        background-color:#fc9835;
    }
    
/*nested slide::end*/
        .logo-soho{
            position: absolute;
            left: 48%;
            top: 20%;
            text-align: center;
            padding-top: 9px;
        }
        .sanbay{
            position: absolute;
            text-align: center;
            left: 6%;
            top: 5%;
        }
        .sanbay span,.quanphunhuan span,.quan3 span, .quanbinhthanh span,.ubnd_binhthanh span,.ubnd_hcm span,.daihoc_tl span,.daihoc_cn span{
            text-transform: uppercase;
            font: bold 10px/10px arial;
            color: #494949;
        }
        .quanphunhuan{
            position: absolute;
            text-align: center;
            left: 15%;
            top: 36%;
        }
        .quan3{
            position: absolute;
            text-align: center;
            left: 34%;
            top: 69%;
        }
        .quanbinhthanh{
            position: absolute;
            text-align: center;
            left: 50%;
            top: 3%;
        }
        .ubnd_binhthanh{
            position: absolute;
            text-align: center;
            left: 41%;
            top: 36%;
        }        
        .ubnd_hcm{
            position: absolute;
            text-align: center;
            left: 46%;
            top: 91%;
        }
        .daihoc_tl{
            position: absolute;
            text-align: center;
            left: 53%;
            top: 63%;
        }
        .trans img, .trans span,.trans_1 img, .trans_1 span{
            -webkit-transition: all 1s ease !important; /* Safari and Chrome */
            -moz-transition: all 1s ease !important; /* Firefox */
            -o-transition: all 1s ease !important; /* IE 9 */
            -ms-transition: all 1s ease !important; /* Opera */
            transition: all 1s ease !important;
        }
        .trans:hover span{
            color: red;
        }
        .trans_1:hover span{
            color: #1E9CAC;
        }
        .trans:hover img,.trans_1:hover img{
            -webkit-transform:scale(1.25,1.25) !important; /* Safari and Chrome */
            -moz-transform:scale(1.25,1.25) !important; /* Firefox */
            -ms-transform:scale(1.25,1.25) !important; /* IE 9 */
            -o-transform:scale(1.25,1.25) !important; /* Opera */
             transform:scale(1.25,1.25) !important;
             max-width: 100%;
        }

        .daihoc_cn span{
            -webkit-transition: all 1s ease; /* Safari and Chrome */
            -moz-transition: all 1s ease; /* Firefox */
            -o-transition: all 1s ease; /* IE 9 */
            -ms-transition: all 1s ease; /* Opera */
            transition: all 1s ease;
        }
        .daihoc_cn{
            position: absolute;
            text-align: center;
            left: 62%;
            top: 38%;
        }
        
        
        .noicuocsong{
            position: absolute;
            left: 0px;
            width: 100%;
            z-index: 100;
            text-align: center;
        }
        .shooting{
            position: absolute;
            left: 0px;
            width: 100%;
            height: 250px;
            opacity: 0.6;
        }
        .canhocaocap{
            position: absolute;
            left: 0px;
            color: white;
            font: normal 18px/20px 'Open Sans';
            text-transform: uppercase;
            width: 100%;
            padding-left: 62%;
            text-align:middle; 
            box-sizing: border-box;
        }
        .cungbantrainghiem{
            position: absolute;
            left: 0px;
            color: white;
            font: normal 18px/20px 'Open Sans';
            text-transform: uppercase;
            width: 100%;
            text-align: center;
        }
        .lienlac{
            position: absolute;
            left: 0px;
            color: white;
            text-align: center;
            font: normal 18px/20px 'Open Sans';
            text-transform: uppercase;
            width: 100%;
        }
        .shp-phone{
            position: absolute;
            left: 0px;
            color: white;
            text-align: center;
            font: normal 19px/20px 'Open Sans';
            text-transform: uppercase;
            width: 100%;
        }.shp-company{
            position: absolute;
            left: 0%;/* calc(50% - 500px);*/
            top: calc(100% - 85px);
            text-align: center;
            font: normal 19px/20px 'Open Sans';
            width: 100%;
        }
        .sao-2,.sao-1,sao-3{
            position: absolute;
            left: 0px;
            top: 0px;
            text-align: center;
            width: 100%;
        }
        .sao-4,.sao-5{
            position: absolute;
            background:url(image/data/0_slide/shb/sao-4.png) no-repeat;
            width: 300px;
            height: 300px;            
        }
@media screen and (min-width: 992px) {
    
    #menu_ngang{
    }    
    .hbh-multibox-2{     
        width: 960px;
    }
    #menu_ngang li{    
    }
    .home-row{
        width: 960px;
    }
    #slidebox .jcarousel-item-horizontal{
        width: 236px;
    }
    .footer-link{
        width: 960px;
    }
    #wrapnews{
        width:1000px;
    }
    .nivo-caption > p{
        width:960px;
    }
    .nivo-caption{
        bottom: 100px;
        height: 100px;
    }
}
@media screen and (max-width: 767px) { 
    #menu_home{
        position: relative;
    }
    .grv-homenews{
        padding: 20px 0px;
    }
    
    .up-form-hoten,.up-form-email{
        padding-right: 0px;
    }
    
    .up-form,.up-form-title{
        width: 100%;
    }
    .mobile-menu ul{
        list-style: none;
    }
    .mobile-social ul{list-style: none outside none;text-align: center;width: 100%;border-top: 1px dotted gray;}
    .mobile-social li{margin-bottom: 5px;display: inline-block;width: auto !important;clear: none !important;float: left !important;}
    .mobile-social li a {display:block;text-indent:-9999px;font-size:0;line-height: 40px;}    
    .mobile-social li a.facebook-link {background:url(../image/soho/facebook-30-white.png) no-repeat top;width:30px;height:30px;cursor: pointer;border-radius: 5px}
    .mobile-social li:hover a.facebook-link {background:url(../image/soho/facebook-30-white.png) no-repeat bottom;width:30px;height:30px;cursor: pointer;}

    .mobile-social li a.media-link {background:url(../image/soho/media-30-white.png) no-repeat top;width:30px;height:30px;cursor: pointer;border-radius: 5px}
    .mobile-social li:hover a.media-link {background:url(../image/soho/media-30-white.png) no-repeat bottom;width:30px;height:30px;cursor: pointer;}

    .mobile-social li a.download-link {background:url(../image/soho/download-30-white.png) no-repeat top;width:30px;height:30px;cursor: pointer;border-radius: 5px}
    .mobile-social li:hover a.download-link {background:url(../image/soho/download-30-white.png) no-repeat bottom;width:30px;height:30px;cursor: pointer;}
    
    #menu_ngang li.logo {
        margin-right: 0px;
    }
    .htabs {
      position: fixed;
      top: 66px;
      right: 0px;
      z-index: 100;
      width: 100%;
      
    }
    .htabs a{
      background: rgba(6, 91, 84,0.85);
    }
    .htabs a, .htabs-tienich a{
        padding: 0px;
    }
    .htabs a.selected, .htabs-tienich a.selected {
      z-index: 3;
      background: rgba(79, 71, 68,0.85);
      color: white;
    }    
    .nivo-caption > p > span{
        width: 100%;
    }
    #menu_home{
        background-image: none;
    }
    #menu_ngang{
        width:100%;
        background: #0B301B;
    }
    #menu_ngang li.logo a img {
        height: 90px;
    }

  
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .up-form,.up-form-title{
        width: 90%;
    }    
    #menu_ngang li{
        padding: 0px 10px;
    }
    .hbh-multibox-2{
        width: 100%;        
    }
    .footer-link{
        width: 100%;
    }
    #wrapnews{
        width:100%;
    }
    #gnb > ul > li,#gnb ul li a{
        padding-left: 5px;
    }
    .other-news{
        padding: 10px 5px;
    }
    .nivo-caption{
        bottom: 0px;
        height: 100px;
    }
    .nivo-caption > p > span{
        
    }
    .news-item{
        height:115px;
    }
    .htabs{
        right: 10px;
    }
    
}
@media screen and (min-width: 1440px){
    #container{
        width:1368px;
        margin: 0 auto;
    }   
}