/* END: @fontface */
html,body, textarea{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top}


a{text-decoration:none;color:#000}blockquote, q {quotes:none}img {vertical-align:top;}embed {vertical-align:top}


.clr_fix{clear:both} .row100{width: 100%;margin: auto;position: relative;}.row90{width: 90%;margin: auto;position: relative;}.row95{width: 95%;margin: auto;position: relative;}.row85{width: 85%;margin: auto;position: relative;}.row80{width: 80%;margin: auto;position: relative;}.row75{width: 75%;margin: auto;position: relative;}.row55{width: 55%;margin: auto;position: relative;}
@media screen and (min-width:980px) {
  .row95{
  width: 95% !important
  }
  .row90{
    width: 90%;
  }
  .row70{
    width: 70%;
    margin: auto;
  }

}
section{
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media screen and (max-width:980px) {
  .row75,.row70{
  width: 95% !important;
  margin: auto
  }
  .row85{
  width: 95%;
  margin: auto;
  }
  .row80{
  width: 95%;
  margin: auto;
  }
  .row55{
  width: 85%;
  margin: auto;
  }  
}

@media screen and (max-width:980px) {
  .row55{
  width: 90%;
  margin: auto;
  }
}
 
/*ed dùng chung*/

label {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
/***HITI STANDARD - BACKGROUND - DISPLAY - POSITION***/
.zindex0{
  z-index: 0
}
.zindex1{
  z-index: 1
}
.zindex2{
  z-index: 2
}
.zindex3{
  z-index: 3
}
.zindex4{
  z-index: 4
}
/***********BACKGROUND*************/
 html{
  overflow-x:hidden;
 }
.noselect, .noselect *{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}
* {  
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0; 
}
.css3 *{
webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s; 
transition: 0.1s;
}
.css3me{
 webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s; 
transition: 0.5s; 
}
.css4 *{
 webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s; 
transition: 0.5s;
}
 

::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-thumb {
background: #666666;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
}
 

.clear{
clear: both;
}
 
/***form***/ 
input{
outline:none
}

/***********BG DISPLAY******************/
.display_none{
display:none
}

/***********POSITION*************/
.pos_re{
position:relative;
}
.pos_ab{
position:absolute
}
.pos_fix{
position:fixed
}

.fl{
float:left;
}
.fr{
float:right
} 
.public-taj{
  text-align: justify;
}
.public-tac{
  text-align: center;
}
.public-tal{
  text-align: left;
}
.public-tar{
  text-align: right;
}
/**********ED Z-INDEX*********/	
 
.closeover{ 
width: 88px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #6f070a;
color: #fff;
margin: auto;
margin-top: 10px;
border-radius: 20px;
cursor: pointer;
position: absolute;
z-index: 2;
bottom: -40px;
left: 45%;
background-color: #ac1115;
webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.closeover i{
line-height: 30px;
}
.closeover:hover{
background-color: #fff;
color: #000;
}
.fulbluradd,.fulbluradd *{
-webkit-filter: blur(2px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}
.fulbluradd img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.fulbluradd *{
background: #ccc !important;
color: #000;
}
.nofulbluradd, .nofulbluradd *{
-webkit-filter: blur(0px) !important;
-moz-filter: blur(0px) !important;
-ms-filter: blur(0px) !important;
-o-filter: blur(0px) !important;
filter: blur(0px) !important;
}
@media screen and (max-width: 800px){
  .closeover{
  left: 40%
  }
}
@media screen and (max-width: 500px){
  .closeover{
  left: 40%;
  bottom: -40px;
  }
}
.public-groupedit textarea{
  outline: none;
  border:1px dashed #ccc;
  height: auto;
  width: 100%;
  background:none;
}
.load{
width: 160px;
height: 160px;
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
margin:auto;
}
.load.load1{
background-image: url(../images/fluid-loader.gif);
}
.load.loadsend{
  background-image: url(../images/message-sent.gif);
}
.wrabloading{
width:100%;
height:100%;
position:fixed;
background-color:rgba(255, 255, 255, 0.2);
z-index:9999;
top:0px;
left:0px; 
display: none;
}
.table{
display: table;
width: 100%;
height: 100%
}
.table-cell{
display: table-cell;
vertical-align: middle;
text-align: center;
height: 100%  
}