@font-face {
    font-family: 'SVNAmsiNarwBold';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SVN-AmsiNarwBold.eot");
    src: local("Lato Regular HB"), local("Lato-Regular HB"),
    url("../fonts/SVN-AmsiNarwBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SVN-AmsiNarwBold.woff") format("woff"),
    url("../fonts/SVN-AmsiNarwBold.ttf") format("truetype"),
    url("../fonts/SVN-AmsiNarwBold.svg") format("svg");
}
@font-face {
    font-family: 'SVNAmsiNarwLight';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SVN-AmsiNarwLight.eot");
    src: local("Lato Regular HB"), local("Lato-Regular HB"),
    url("../fonts/SVN-AmsiNarwLight.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SVN-AmsiNarwLight.woff") format("woff"),
    url("../fonts/SVN-AmsiNarwLight.ttf") format("truetype"),
    url("../fonts/SVN-AmsiNarwLight.svg") format("svg");
}
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p, h1,h2,h3,h4,h5,h6{
    margin: 0;
}

body {
    font-family:'Verdana', Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    color: #000;
}


a{
    -webkit-transition: all  150ms ease-in-out;
    -moz-transition: all  150ms ease-in-out;
    -ms-transition: all  150ms ease-in-out;
    -o-transition: all  150ms ease-in-out;
    transition: all  150ms ease-in-out;
    color: #000;
}
a:hover, a:focus {
    color: #d8492c;
    text-decoration: none;
}

.text-green{
    color: #545454;
}
.text-red{
    color: #bd1b21;
}
.btn-green{
    color: #545454;
    background-color: #fff;
    border: 2px solid #545454;
    padding:5px 12px;
}
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green:hover{
    color: #fff;
    background-color: #545454;
    border: 2px solid #545454;
}
.btn-dark{
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
    padding:5px 12px;
}
.btn-dark:focus,.btn-dark:active,.btn-dark.active,.btn-dark:hover{
    color: #df0023;
    background:#000 ;
    border: 2px solid #df0023;
}

.btn-gray{
    color: #525252;
    background-color: #fff;
    border: 2px solid #525252;
    padding:5px 12px;
}
.btn-gray:focus, .btn-gray:active, .btn-gray:hover{
    color: #fff;
    background-color: #525252;
    border: 2px solid #525252;
}
ul, ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
input, button{
    border-radius: 0 !important;
}
.row-5{
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.clearfix-30{
    clear: both;
    height: 30px;
}
.clearfix-25{
    clear: both;
    height: 25px;
}
.clearfix-10{
    clear: both;
    height: 10px;
    width: 100%;
}
.clearfix-20{
    clear: both;
    height: 20px;
}
.clearfix-40{
    clear: both;
    height: 40px;
}
.clearfix-15{
    clear: both;
    height: 15px;
}
.clearfix-5{
    clear: both;
    height: 5px;
}
.pdd-0{
    padding: 0 !important;
}
.red{
    color: red !important;
}
.green{
    color: green;
}
.dodgerblue{
    color: dodgerblue;
}
.bor-none{
    border: none !important;
}
.w50{
    width: 50%;
}
.w100{
    width: 100%;
}
.content{
    text-align: justify;
    font-size: 14px;
    /*padding: 10px;*/
    line-height: 22px;
    font-family: Arial;
}
.description{
    text-align: justify;
    font-size: 12px;
    line-height: 22px;
}
.description li{
    list-style: inherit !important;
    list-style-position: inside !important;
    float: none !important;
}

.content img,
.content table {
    max-width: 100% !important;
    height: auto !important;
    margin: 5px 0 ;
}
.content iframe {
    max-width: 100% !important;
    margin: 5px 0 ;
}
.text-center{
     text-align: center !important;
 }
.trans02s{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.transition-03{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.transition-04{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.transition-05{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.transition-06{
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.modal .close{
    background: #333;
    color: #fff;
    opacity: 1;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: normal;
    border-radius: 50% !important;
}
.modal-content{
    /*box-shadow: none;*/
    border: none;
}
.panel ,.panel-heading,.modal-content{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:3px;
    font-family: Arial
}
.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left:12px  !important;
    padding-right:12px  !important;
}
.row{
    margin-left:-12px !important;
    margin-right:-12px  !important;
}
.formError
.formErrorContent{
    background: #a1ce57;
    border: 1px solid rgba(21, 104, 46, 0.51);
    box-shadow: 0 0 6px #0941ba;
    -moz-box-shadow: 0 0 6px #0941ba;
    -webkit-box-shadow: 0 0 6px #0941ba;
    -o-box-shadow: 0 0 6px #0941ba;
}
.formError .formErrorArrow div{
    border-left: 2px solid #add46d;
    border-right: 2px solid #add46d;
    box-shadow: 0 2px 3px #0941ba;
    -moz-box-shadow: 0 2px 3px #0941ba;
    -webkit-box-shadow: 0 2px 3px #0941ba;
    -o-box-shadow: 0 2px 3px #0941ba;
    background: #add46d;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    margin-left: 0;
}
.inline-block{
    display: inline-block;
}

.form-control:focus,
.form-control:hover,
.form-control:active{
    background: #fff;
}
.opacity0{
    opacity: 0 !important;
}
.owl-carousel .item{
    padding: 0;
}

.btn-red{
    background: #f31f2b;
    border-color: #f31f2b;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus{
    color: #fff;
    background: #c30812;
    border-color: #c30812;
}
.disableBtn{
    pointer-events: none;
    opacity: .5;
}
.owl-carousel{
    margin: 0;
}
.owl-dots{
    display: none !important;
}
.owl-carousel .owl-nav {
    font-size: 55px;
}
.owl-carousel .owl-nav i{
    position: absolute;
    top: 40%;
    width: 38px;
    height: 38px;
    font-size: 40px;
    color: #7d7d7d;
    background: #fff6;
    text-align: center;
    line-height: 38px;
}
.owl-carousel .owl-nav .owl-prev i{
    left:0;
}
.owl-carousel .owl-nav .owl-next i{
    right: 0;
}

/*********** Common **************/
.nav-menu .menu-link,
.hotline-top,#category-list>li>a,#sectionSearch .heading,.news-name,.parameters-title,.page-title,
.panel-options .panel-heading h4,.attr-name,h1.section-name,.add-social a, #product-content li a,
.bn-name,#category-list li  a,.cat-name,h1.section-name,.product-detail .product-price,
.footer-title,.footer-center h3,.footer-top .policy .policy-text h4,.categoryName,
.product-price,.section-title a, .tophead,.nav-menu >.menu-link{
    font-family:"SVNAmsiNarwBold";
}

.menu_widget h2,.menu_widget li a,.news-desc
.nav-dropdown .menu-item .menu-link,#category-list>li>ul>li>a,
#category-list li ul li a,#itemInfo .product-info,
.footer-top .policy .policy-text p,#itemInfo .product-info,
.product-name a,.usersTop li a,.footer_copyrights{
    font-family:"SVNAmsiNarwLight";
}

.cat-name a,
.bn-cat .bn-name:hover,.footer-register input,
.hotline-top,.hotline-top li, .tophead, .tophead a{
    color: #000 ;
}

.cat-item:hover .cat-name a,
.footer-title,.footer-text a,.footer-social li a,.heading,
.footer_copyrights a,.footer-center,.footer-title,.footer-nav ul,.footer-text,
.footer_copyrights, .bn-cat:hover .bn-name, .usersTop li a{
    color: #fff;
}

.action-att a:hover,.action-att a.active,
.footer-text a:hover,.footer-top .policy .policy-text h4,
.product-price sup,.footer_copyrights ul li a:hover,
.utility_top li a:hover,.owl-carousel .owl-nav i:hover,
.nav-menu > .menu-item.active > .menu-link,
.nav-menu > .menu-item > .menu-link:hover{
    color: #df0023 !important;
}

li,.head-mobile, .bn-cat{
    position: relative;
}
.bn-cat a{
    display: block;
}
.cat-image img,
.news-sale img,
.news-index img,
.bn-cat img{
    width: 100%;
}
.minicart,.slogan,.section-title,.product-name a,.heading,h1.section-name,
.bn-cat .bn-name,.product-name a:first-letter,#category-list > li > a,.panel-options .panel-heading,
.parameters-title,.menu_widget li a:first-letter,.footer-title,.bg_title_box {
    text-transform: uppercase;
}