body {font-family:'Roboto',sans-serif;font-size:13px;line-height:1.43;color:#333;background-color:#fff;margin:0 auto;max-width:1920px; font-weight: 300}
img{max-width:100%}
label{font-family:'Roboto',sans-serif;font-weight:700}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
p{line-height:1.6em; margin-bottom: 5px}
table tr:hover{background: #fff}
table td p{margin-bottom:0px}
.div-p-img-thumb{overflow-y: hidden; text-align: center}
.div-p-img-thumb img{margin-bottom: -2px}
.height-one{height: 2.8em; overflow-y: hidden}
.height-two{height: 4.2em; overflow-y: hidden}
.row-yes{margin-left: -15px; margin-right: -15px}
.ucfirst:first-letter{text-transform:capitalize}
.font-title-section{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.5em;text-transform:uppercase}
.font-title{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.2em}
.font-bold{font-family:'Roboto',sans-serif;font-weight:bold}
.ul-no{list-style:none;padding-left:0px}
.ul-no>li{margin-bottom:6px}
.name-logo{font-family:'Pacifico',cursive;font-size:2em;line-height:1em}
.navbar-default .navbar-nav>li>a{font-weight:700}
.navbar-brand .fa-home{margin-right:0px}
table tbody tr td{vertical-align:top;padding-top:5px;padding-bottom:5px}
.fas,.far,.fab,.svg-inline--fa{margin-right:6px}
.fas-no-margin{margin-right:0px}
.icon-html-home{position:fixed;width:45px;height:43px;padding:5px;border-radius:50%;border:1px solid #fff;top:0;left:0;background:#bcbcbc;z-index:100000}
.tb-ver-top{vertical-align:top}
.font-title{font-family:'Roboto',sans-serif;font-weight:700}
.top-slider{text-align:center}
.carousel-inner>.item>img{display:inline}
.over-hide{overflow:hidden}
.load-right{float: right}
.load-left{float: left}
.text-center{text-align:center}
.border-1{border:1px solid #e7e7e7}
.border-2{border:1px solid #ddd}
.border-3{border:1px solid #fff}
.border-ra-1{border-radius:5px}
.border-ra-2{border-radius:10px}
.font-tran{text-transform:uppercase}
.can-click{cursor:pointer}
.can-click:hover{opacity:.8;transition-duration:.5s}
.bor-rad-5{border-radius:50%}
.f-note{display:none;color:red}
.f-loading{display:none}
.note-require{display: none}
.pdl0{padding-left:0px}
.pdr0{padding-right:0px}
.pd10{padding:10px}
.pd15{padding:15px}
.pdt5{padding-top:5px}
.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}
.pdt15{padding-top:15px}
.pdt25{padding-top:25px}
.pdr10{padding-right:10px}
.pdr15{padding-right:15px}
.pdt10{padding-top:10px}
.pdb10{padding-bottom:10px}
.pdlr5{padding-left: 5px; padding-right: 5px}
.mgt5{margin-top:5px}
.mgt10{margin-top:10px}
.mgt15{margin-top:10px}
.mgt20{margin-top:20px}
.mgb5{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb20{margin-bottom:20px}
.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr20{margin-right:20px}
.mgl10{margin-left:10px}
.mgl20{margin-left:20px}
.mg0a{margin:0 auto}
.fsise-a{font-size:.8em}
.fsise-1{font-size:1.2em}
.fsise-2{font-size:1.3em}
.fs-ita{font-style:italic}
.full-width{width:100%}
.color-red{color:red}
.color-0{color:#fff}
.color-1{color:#999}
.color-2{color:#44bb4d}
.color-3{color:#0d520d;}
.color-4{color:#f26e21}
.color-5{color:#f0f0f0}
.color-6{color:#ddd}
.color-7{color:#0388cd}
.color-8{color:#37A244}
.color-9{color:#ED2F53}
.color-10{color:#333}
.color-11{color:#008848}
.color-12{color: #26A7E4}
.clear-1{clear:both;height:5px}
.clear-2{clear:both;height:10px}
.clear-3{clear:both;height:15px}
.clear-4{clear:both;height:20px}
.clear-5{clear:both;height:30px}
.clear-6{clear:both;height:40px}
.clear-7{clear:both;height:50px}
.clear-8{clear:both;height:60px}
.bg-0{background-color:#fff}
.bg-1{background-color:#000}
.bg-2{background-color:#F6F6F6}
.bg-3{background-color:#ddd}
.bg-4{background:#E4E2E3}
.bg-5{background:#37A244}
.bg-6{background:#e3ebec}
.bg-7{background:#F62D3E}
.bg-8{background:#80BB35}
.bg-9{background:#F8F9FB}
.bg-10{background:#2E3553}
.bg-11{background:#F2F2F2}
.bg-12{background:#020277}
.bg-13{background:#DB3570}
.bg-14{background:#3D3232}
.bg-15{background:#4a4a51}
.bg-16{background:#008848}
.bg-17{background:#00A0E2}
.bg-18{background:#D7E6E6}
.bg-19{background:#004C85}
.bg-20{background:#f2f2f2}
.priceno{text-decoration:line-through;color:#999}
.entry-hide{display:none}
.posrel{position:relative}
.carousel{border:none}
.carousel-control.left,.carousel-control.right{background:none}
.col-tm-3,.col-tm-63{float:left;padding:1%;text-align:center}
.div-pro-img{width:100%;overflow:hidden;text-align:center}
.div-pro-title{width:100%;padding-top:5px;height:2em;overflow:hidden;font-weight:700}
.navbar-collapse .dropdown-menu{background-color: #f8f8f8}
.main-title{text-align:left;font-weight:700;font-size:18px;text-transform:uppercase}
.div-contain{width:100%;max-width:1000px;margin:0 auto;min-height:2px}
.mgt-section{margin-top:35px}
.col-tm-6{padding:15px;float:left}
.google-map{min-height:400px;color:#333}
.min-height{min-height:50px}
.min-content{min-height:410px}
.pro-price{color:red;text-align:center}
.go-to-top{position:fixed;bottom:50px;right:8px;z-index:3;display:none;background:gold;border:1px solid #fff;padding:0px 5px;color:#fff;border-radius:3px}
.go-to-top:hover{cursor:pointer}
.go-to-top i{margin-right:0px}
.web-call-phone i{margin-right:2px;margin-left:2px}
.web-call-phone{position:fixed;bottom:40px;right:8px;z-index:3;display:none;background:gold;border:1px solid #fff;padding:5px;color:#fff;border-radius:3px}
.web-call-phone:hover{cursor:pointer;color:#fff}
.web-call-phone p{margin-bottom:0px;padding:5px;background:#fff}
.call-mobile{
    position: fixed;
    left: 3px;
    bottom: 10px;
    text-align: center;
    font-weight: 700
}
.call-mobile img{
    max-width: 40px;
    max-height: 40px
}
.file-input-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.file-input-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
.cke_contents{min-height:450px !important}
.web-paging{width: 100%}
.web-paging .col-sm-7{padding-left: 0px}
.web-paging .col-sm-5{padding-right: 0px; float: right}
.web-paging .total-post{font-family:'Roboto',sans-serif;font-weight:700;font-size:1.2em;float:right;padding-top:8px;margin-right:8px}
.web-paging button{float:left;margin-left:4px}
.web-paging .first{margin-left:0px}
.web-paging div{float:left}
.web-paging .page-size{float: right; width: 139px}
.web-paging input{width:70px;text-align:center;float:left;border-top-right-radius:0;border-bottom-right-radius:0;margin-left:4px}
.web-paging .fas{margin-right:0px}
.div-pro-img img{margin-bottom:-2px;height:auto !important}
.modal-info{max-width:630px}
.iframe{width:100%;border:none}
.carousel-inner .item .die{position:absolute;top:0px;left:0px;padding:6px 10px;background:#f2f2f2;color:#333;z-index:1;cursor:pointer}
.carousel-inner .item{text-align:center}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{display:inline}
.carousel-inner .item img{width: 100%}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{margin-top: 0px}
.modal-dialog{margin-bottom: 50px}
@media (max-width:1024px){
    .web-call-phone{display:block;bottom:80px}
    .go-to-top{bottom:120px}
}
@media (max-width:1170px){
    .hide-1170{display:none}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 5px 2px}
}
@media (max-width:1023px){
    .hide-1023{display:none}
}
@media (min-width:1001px){
    .col-tm-3{width:25%}
}
@media (max-width:991px){
    .hide-991{display:none}
}
@media (max-width:1000px){
    .main-title{padding-left:5px}
    .div-contain{padding-left:5px;padding-right:5px}
}
@media only screen and (min-width:768px) and (max-width:1000px){
    .col-tm-3{width:33.3%}
}
@media only screen and (min-width:360px) and (max-width:767px){
    .col-tm-3{width:50%;padding:5px}
    .col-tm-63{width:50%}
}
@media (min-width:768px){
    .col-tm-6{width:50%}
    .col-tm-63{width:50%}
    .call-mobile{display:none}
}
@media (max-width:767px){
    .col-tm-6{width:100%}
    .hide-767{display:none}
    .mgt-section{margin-top:15px}
    .carousel-inner .item .die{display:none}
    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 5px 2px}
}
@media (max-width:500px){
    .hide-500{display:none}
    .col-tm-3{padding:5px;width:100%}
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}