body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff
}
img{
    max-width: 100%
}
a{
    text-decoration: none
}
a:hover{
    text-decoration: none
}
svg{margin-right:8px}
td svg:last-child{margin-right:0px}
.ucfirst:first-letter{text-transform:capitalize}
.navbar-inverse .container{padding-left:0px;padding-right:0px}
.pos-rel{position:relative}
.tb-ver-top{
    vertical-align: top
}
.tb-td-right tbody tr td{text-align: right; padding-right: 5px}
.font-title{
    font-family: 'Roboto',sans-serif;
    font-weight: bold;
    font-size: 1.2em
}
.font-bold{
    font-family: 'Roboto',sans-serif;
    font-weight: bold
}
.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
}
.bdl-1{border-left:1px solid #ddd}
.border-1{
    border: 1px solid #e7e7e7
}
.border-2{
    border: 1px solid #ddd
}
.border-ra-1{
    border-radius: 5px
}
.font-bold{
    font-weight: bold
}
.font-tran{
    text-transform: uppercase
}
.can-click{
    cursor: pointer
}
.can-click:hover{
    opacity: .8;
    transition-duration: .5s
}
.bor-rad-5{
    border-radius: 50%
}
.pd0{
    padding: 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
}
.pdr10{
    padding-right: 10px
}
.pdt10{
    padding-top: 10px
}
.pdb10{
    padding-bottom: 10px
}
.mgt5{
    margin-top: 5px
}
.mgt10{
    margin-top: 10px
}
.mgt20{
    margin-top: 20px
}
.mgb5{
    margin-bottom: 5px
}
.mgr10{
    margin-right: 10px
}
.mgr20{
    margin-right: 20px
}
.mgl20{
    margin-left: 20px
}
.mgl10{
    margin-left: 10px
}
.mgb20{
    margin-bottom: 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-1{
    color: #999
}
.color-2{
    color: #44bb4d
}
.color-3{
    color: #0d520d;
}
.color-4{
    color: #f26e21
}
.color-5{
    color: #cc3300
}
.color-6{
    color: #ddd
}
.color-7{
    color: #0388cd
}
.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
}
.bg-0{
    background-color: #fff
}
.bg-1{
    background-color: #000
}
.bg-2{
    background-color: #F6F6F6
}
.bg-3{
    background-color: #ddd
}
.bg-4{
    background: #E4E2E3
}
.priceno{
    text-decoration: line-through;
    color: #999
}
.entry-hide{
    display: none
}

.carousel{
    border: none
}
.carousel-control.left,.carousel-control.right{
    background: none
}
.carousel-inner .item img{
    border: 1px solid #e7e7e7;
    border-radius: 5px
}
.col-tm-3,.col-tm-63{
    float: left;
    padding: 15px;
    text-align: center
}
.div-pro-img{
    width: 100%;
    overflow: hidden
}
.div-pro-title{
    width: 100%;
    padding-top: 5px;
    height: 47px;
    overflow: hidden
}
.navbar-collapse .dropdown-menu{
    background-color: #f8f8f8
}
.main-title{
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase
}
.mgt-section{
    margin-top: 20px
}
.div-contain{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    min-height: 2px
}
.col-tm-6{
    padding: 15px;
    float: left
}
.google-map{
    min-height: 420px
}
.go-to-top {
    position: fixed;
    bottom: 0px;
    right: 8px;
    z-index: 3;
    display: none;
    background: gold;
    border: 1px solid #fff;
    padding: 1px 5px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}
.go-to-top svg{margin-right: 0px}
.call-mobile{
    position: fixed;
    left: 3px;
    bottom: 10px;
    text-align: center;
    font-weight: bold
}
.call-mobile img{
    max-width: 40px;
    max-height: 40px
}
.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}
@media (max-width:1170px){
    .hide-1170{
        display: none
    }
}
@media (min-width:1001px){
    .col-tm-3{
        width: 25%
    }
}
@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:398px) and (max-width:767px){
    .col-tm-3{
        width: 50%
    }
    .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: 10px
    }
}
@media (max-width:500px){
    .hide-500{
        display: none
    }
}
.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);
    }
}
