body {
    background-color: #fff;
    /*line-height: 1.2em;    */
    word-break: normal !important;
/*    font-family: Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;*/
}

textarea {
    height: 100% !important;
}

a,p,td {
    word-break: initial;
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.pd-0 {
    padding: 0 !important;
}

.pdl-0 {
    padding-left: 0 !important;
}

.pdr-0 {
    padding-right: 0 !important;
}

.bold {
    font-weight: bold;
}

.bold-100 {
    font-weight: 100;
}

.bold-200 {
    font-weight: 200;
}

.bold-300 {
    font-weight: 300;
}

.bold-400 {
    font-weight: 400;
}

.bold-500 {
    font-weight: 400;
}

.bold-600 {
    font-weight: 600;
}

.bold-700 {
    font-weight: 700;
}

.bold-800 {
    font-weight: 800;
}

.bold-900 {
    font-weight: 900;
}

.text-default {
    color: #000;
}

.uppercase {
    text-transform: uppercase !important;
}

table.money_transfer thead {
    background: #ffc306;
    font-size: 16px;
    color: #000
}

table.money_transfer thead tr {
     height: 45px;
}

table.money_transfer tbody tr td{
    padding: 5px 10px;
}

.fa-2x {
    font-size: 2em !important;
}

select, select.form-control {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
}

.owl-prev {
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    position: absolute;
    left: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body;
}

.owl-next {
    font: 14px/18px Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    position: absolute;
    right: 10px;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body;
}

.dropdown-menu-right {
    margin-top: 5px;
}

.dropdown-menu-right:before {
    position: absolute;
    content: "";
    top: -10px;
    right: 40px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: transparent transparent #fff transparent;
}

.dropdown-menu .dropdown-item, .dropdown-menu li>a{
    padding: 10px !important;
    font-size: 16px;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px white;
    background-color: #ff5c00;
}

.breadcrumb {
    background: none;
    padding: 10px 0 !important;
}

.breadcrumb-item{
    text-transform: capitalize;
}

nav.paginate {
    text-align: center !important;
}

ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
}

ul.pagination li {
    float: left;
}

.poster {
    margin-bottom: 30px;
}

.slogan {
    margin-bottom: 0;
}

ul.s2 {
    float: left;
    width: 100%;
/*    border: dotted 1px #fec305;*/
    border-right: none;
    padding: 0;
    margin: 0;
}

ul.s2 li {
    float: left;
    width: 25%;
    height: 90px;
    overflow: hidden;
/*    border-right: dotted 1px #fec305;*/
    list-style-type: none;
}

ul.s2 li a {
    display: block;
    padding-top: 23px;
    padding-left: 20px;
    height: 68px;
    text-decoration: none;
}

ul.s2 li img {
    float: left;
    height: 45px;
    margin-right: 15px;
}

ul.s2 strong {
    font-family: "Roboto",sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    line-height: 22px;
    color: #333;
}

ul.s2 span {
    display: block;
    line-height: 22px;
    color: #59595b;
    font-size: 14px;
    font-family: Arial;
}

.owl-carousel .item h4{
    display: none;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #e3007b;
    border-radius: 3px;
    font-size: 14px;
    color: #e3007b;
    text-align: center;
    font-weight: 400;
    word-break: initial;
}

.categorys{
    padding: 0 0 0 15px;
    background: #fff;
    /*border: 1px solid #ddd;*/
}

.products{
    padding: 0 15px 0 0; 
    background: #fff;
    /*border: 1px solid #ddd;*/
}

.category-product {
    width: 100%;
    min-height: 400px;
    float: left;
    cursor: pointer;
    margin-bottom: 0;
    
}

.category-product h3{
    background-color: #ff5c00;
    font-size: 16px;
    padding: 9px 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
}

.category-product h3 span, .category-product h3 b{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding-top: 0;
}

.category-product h3 span {
    padding: 0 12px;
    font-size: 24px;
}

.category-product h3 i.i-menu:before {
    content: "\e925";
    box-sizing: inherit;
}

.category-product ul {
    position: relative;
    width:  100%;
    float: left;
    padding-left: 0;
}

.category-product ul li {
    width:  100%;
    float: left;
    list-style-type: none;
    height: 32px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px dotted #dcdee3;
}

.category-product ul li:first-child {
    border-top: none;
}

.category-product ul li:hover .sub-menu {
    display: block;
}

.category-product ul li i {
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #545454;
    padding-right: 5px;
}

.category-product ul li i, .category-product ul li p{
    display: initial;
    vertical-align: middle;
}

.category-product ul li:after {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color: #a6a6a6;
    position: absolute;
    right: 8px;
    font-size: 12px;
}

.category-product ul li .menu-item i:before {
    color: #000
}

.category-product ul li .menu-item p{
    font-size: 14px;
}

.category-product ul li .menu-item p a{
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

.category-product ul li .menu-item p a:hover {
    color: #f86666
}

.category-product ul li .menu-item p a:before {
    content: "-";
    padding: 0 4px;
}

.category-product ul li .menu-item p a:first-child:before {
    content: none;
}

.category-product ul li .sub-menu {
    width: 906px;
    min-height: 385px;
    position: absolute;
    left: 100%;
    top: 1px;
    z-index: 1;
    margin-left: 0;
    background: #fff;
    margin-top: -1px;
    box-shadow: 2px 2px 6px 0 rgba(17,29,43,.24);
    display: none;
}

.category-product ul li .sub-menu .links{
    width: 450px;
    height: 300px;
    float: left;
    padding: 0 15px;
}

.category-product ul li .sub-menu .links h4 a {
    color: #000;
}

.category-product ul li .sub-menu .links h4 a:hover{
    color: #1a7eff;
}

.category-product ul li .sub-menu .links span {
    margin: 10px 0;
    float: left;
    width: 100%;
    text-align: center;
    
}

.category-product ul li .sub-menu .links span a{
    font-size: 13px;
    color: #f86666;
}

.category-product ul li .sub-menu .links ul {
    width: 100%;
    min-height: 300px;
    float: left;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
}

.category-product ul li .sub-menu .links ul li {
    width: 50%;
    float: left;
    border: none;
    padding-left: 0;
}

.category-product ul li .sub-menu .links ul li:after {
    content: none;
}

.category-product ul li .sub-menu .links ul li p a:before {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f86666;
}

.category-product ul li .sub-menu .links ul li p a {
    color: #000;
    font-size: 14px;
    word-break: keep-all;
}

.category-product ul li .sub-menu .links ul li p a:hover {
    color: #f86666;
}

.category-product ul li .sub-menu .links ul li p .mti-sort-next {
    font-size: 8px;
    color: #f86666;
    margin-left: -2px;
    margin-right: 3px;
}

.category-product ul li .sub-menu .links h4 {
    width: 100%;
    padding: 3px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

.category-product ul li .sub-menu .links h4 a {
    font-size: 14px;
    font-weight: 600;
}

.product-hot {
    width: 100%;
    height: 42px;
    float: left;
/*    background: #E03C31;*/
    border-bottom: 3px solid #ff5c00;
}

.product-hot h3 {
    width: 100%;
    float: left;
    display: table-cell;
    vertical-align: middle;
    color: #333;
    padding: 10px 12px 8px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
        margin-top: 0;
}

.product-list {
    float: left;
    width: 100%;
    /*height: 365px; */
    padding: 15px;
}

.product-list .product-hot-img{
    width: 100%;
    height: 200px; 
    text-align: center;
    padding-top: 0;
}

.product-list .product-hot-img img {
    display: block;
    width: 100%;
    max-height: 200px;
    margin: auto;
    border-radius: 3px;
}

.product-list .product-details {
    width: 100%;
    padding: 15px 0;
}

.product-list .product-details .d small {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #111;
    padding: 0 0 0 10px;
    background: url(../assets/css/img/ic.gif) left 7px no-repeat;
    word-break: initial;
}

.product-list .product-details h3 {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 16px;
}

.product-list .product-details h3 a{
    font-size: 18px;
    font-weight: 500;
    /*color: #000;*/
    word-break: keep-all;
}

.price-now-custom{
    display: -webkit-flex;
    align-items: center;
    padding-top: 5px;
}

.product-discount-percent {
    width: 32px;
    height: 22px;
    color: #fff;
    background-color: #E03C31;
    text-align: center;
    border-radius: 4px;
    margin: 0 5px 0 0;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 0;
    font-weight: normal;
}

.price-old {
    margin-bottom: 0;
}

.price-old span {
    margin: 0;
    font-size: 14px;
    color: #444444;
    text-decoration: line-through;
    display: block;
}

.card {
    box-shadow: none;
    margin: 0;
    /*border: 1px solid #ddd;*/
    border-radius: 0;
}

.card .card-header{
    padding: 0;
}

.card [class*=card-header-] {
    margin: 0;
    border-bottom: solid 3px #ff5c00;
}

h1.card-title {
    font-size: 22px;
    padding-top: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

h1.title-prod {
    font-size: 30px;
    padding: 15px 0;
    text-transform: uppercase;
}

.cate-list {
    float: left;
    width: 100%;
}
.cate-list .active {
    color: red
}
h4.card-cate {
    float: left;
    font-size: 15px;
    padding: 10px 20px 0 10px;
    font-weight: 500 !important;
    color: #000;
}

.nav-top-bg {
    width: 100%;
    height: 32px;
    background: #f5f5f5;
}
.nav-top-bg ul {
    width: 100%;
    height: 32px;
    margin: 0 !important;
    padding: 0 !important;

}
.nav-top-bg ul li {
    padding-left: 20px;
    list-style-type: none;
    line-height: 2;

}
.nav-top-bg ul li.hotline {
    float: right;
    background: url(../assets/img/t1.png) no-repeat left center;
}
.nav-top-bg ul li.hotline a,b{
    color: #000;
    font-size: 14px;
}
.nav-top-bg ul li.news {
    float: left;
    background: url(../assets/img/i8.png) no-repeat left center;
}
.nav-top-bg ul li.news a,b{
    color: #000;
    font-size: 16px;
}

ul.cskh {
    background-color: #ed1b24;
    border-radius: 4px;
    margin: 0 0 15px 0;
    color: #fff;
    padding: 13px 20px;
}

ul.cskh li {
    list-style-type: none;
}

ul.cskh li.tv {
    height: 32px;
    border-bottom: solid 2px #f2555c;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px
}

ul.cskh li.tv2 {
    height: 52px;
    text-align: center;
    line-height: 26px;
    background: url(../assets/css/img/t.gif) no-repeat left 20px center;
    padding-left: 46px;
    font-size: 20px;
}

ul.cate-child {
    margin: 0 0 15px 0;
    color: #000;
    width: 100%;
    padding: 0;
    
}

ul.cate-child li {
    list-style-type: none;
}

ul.cate-child li.cate-parent {
    background: #fed700;
    text-transform: uppercase;
    border-left: 5px solid #000;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
}

ul.cate-child li.cate {
    padding: 5px 0 5px 40px;
    background: url(../assets/css/img/i3.gif) left 25px top 17px no-repeat;
    border: 1px solid #ddd;
    border-top: none;
}

ul.cate-child li.cate a {
    font-size: 14px;
    color: #000;
}

ul.cate {
    margin: 0;
    color: #000;
    width: 100%;
    padding: 0;
    /*border: 1px solid #ddd;*/
}

ul.cate li {
    list-style-type: none;
}

ul.cate li.cate-parent {
    background: #ff5c00;
    text-transform: uppercase;
    border-left: 5px solid #333;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

ul.cate li.cate {
    padding: 10px 0 0 40px;
    background: url(../assets/css/img/i3.gif) left 25px top 21px no-repeat;
}

ul.cate li.cate a {
    font-size: 14px;
    color: #000;
}

ul.cate li.cate-child {
    padding: 5px 0 5px 45px;
}

ul.cate li.cate-child a {
    font-size: 14px;
    color: #000;
}

ul.producers li a {
    padding-left: 5px;
}

ul.producers li a:before{
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color: #f86666;
    padding-right: 5px;
}

.filter{
    float: left;
}

.isystkSlider li.child p{
    border: none;
}

.filter-item {
    width: 100%;
    float: left;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
}

.filter-item h4 {
    font-size: 16px;
    font-weight: 600
}

.filter-item ul.filter-list {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.filter-item ul.filter-list li.filter-name {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    word-break: keep-all;
}

.filter-item ul.filter-list li.filter-name label {
    color: #464646;
}

table.repair {
    font-size: 13px;
}
.navbar-expand-lg .navbar-collapse{
    margin-top: 8px;
    margin-left: 30px;
    display: block !important;
}

.off-canvas-sidebar .navbar-toggler .navbar-toggler-icon {
    background-color: #017a9d!important;
}

.off-canvas-sidebar .navbar.navbar-transparent {
/*    padding: 15px 0 !important;*/
/*    height: 50px;*/
}

.off-canvas-sidebar::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.off-canvas-sidebar::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 5px;
}

.off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #2c2c2c;
/*    font-family: 'elle-futura-book' !important;*/
    font-size: 16px;
    line-height: 20px;
    font-weight: 500 !important;
    letter-spacing: -.2px;
    text-transform: none;
    margin: 0!important;
    padding: 0!important;
}

.navbar .navbar-wrapper {
/*    background: #048ca7;*/
/*    height: 50px;*/
/*    width: 300px;*/
    min-width: 220px;
    display: block!important;
    padding: 0;
    text-align: center;
}

li.lv0{
    margin: 0 15px;
    display: block
}

li.lv0 .re__arrrow {
    width: 0%;
    height: 2px;
    background: #ff5c00;
    line-height: 0px;
    font-size: 0px !important;
    margin-top: 2px;
    transition: 0.3s;
}

.navbar {
/*    height: 55px !important;*/
    margin-bottom: 0;
    padding: 0;
}

/*Slider*/
.slider {
    width: 100%;
    height: auto;
    background: #fff;
    /*padding-top: 15px;
    margin-bottom: 15px;*/
}

ul.slider-right {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

ul.slider-right li {
    list-style-type: none;
    padding-bottom: 15px;
}

ul.slider-right li:last-child{
    padding-bottom: 0;
}

ol.carousel-indicators {
    background: #fff;
    position: static;
    height: 46px;
    margin-right: 0;
    margin-left: 0;
    border: solid 1px #fec305;
    border-right: none;
    margin-bottom: 0;
}

ol.carousel-indicators li {
    width: 20%;
    height: 44px;
    text-indent: 0;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    cursor: pointer;
    border-right: solid 1px #fec305;
    margin: 0;
}

.carousel-indicators .active {
    background: #fec305;
    color: #fff;
}

.carousel-indicators .active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-bottom-color: #fec305;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}
/*End Slider*/

#carouselProducts {
    padding: 10px 0;
}

#carouselProducts ol.carousel-indicators {
    background: #fff;
    position: static;
    height: 46px;
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    border: none;
}

#carouselProducts ol.carousel-indicators li {
    width: 78px;
    height: 44px;
    text-indent: 0;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    cursor: pointer;
    border: solid 1px #fec305;
    margin: 0 5px;
}

#carouselProducts .carousel-indicators .active {
    background: none;
    color: #fff;
}

#carouselProducts .carousel-indicators .active:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-bottom-color: #fec305;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}

#carouselProducts .carousel-inner {
    padding: 0px 80px;
}

ul.mobile {
    float: left;
    /*border: dotted 1px #fec305;
    border-right: none;*/
    padding: 12px 0 0 0;
    margin-bottom: 0;
}

ul.mobile li {
    float: left;
    min-height: 30px;
    padding: 5px;
    overflow: hidden;
    list-style-type: none;
}

ul.mobile li a{
    color: #000;
}

.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
    padding: 5px 15px 3px 15px;
    margin-top: 0;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
    background: #ff5c00;
}

a.cate_name {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

ul.mobile li.cate{
    color: #000;
    padding: 0 10px;
    font-size: 14px;
}

ul.mobile li.current a{
    color: red
}

.card-prod {
    padding: 0 !important;
}

.prod-img {
    padding-bottom: 15px;
}

.prod-info .row{
    padding-bottom: 10px;
}

.prod-info .prod-price {
	padding: 0 0 10px 15px;
}

.prod-info .prod-color {
	padding-top: 0;
	text-align: center;
}

.prod-info .prod-color span {
	float: left;
}

span.bg-white {
	width: 18px;
	height: 18px;
	background: #ffffff;
	border: 2px solid #ddd;
	cursor: pointer;
}

span.bg-black {
	width: 18px;
	height: 18px;
	background: #000000;
	border: 2px solid #ddd;
	cursor: pointer;
}

span.bg-red {
	width: 18px;
	height: 18px;
	background: red;
	border: 2px solid #ddd;
	cursor: pointer;
}

span.bg-blue {
	width: 18px;
	height: 18px;
	background: blue;
    border: 2px solid #ddd;
	cursor: pointer;
}

span.bg-gold {
	width: 18px;
	height: 18px;
	background: yellow;
	border: 2px solid #ddd;
	cursor: pointer;
}

.prod-color .active {
    border: 2px solid #ff7600 !important;
}

.prod-info .prod-status {
    text-align: right;
    padding-left: 20px;
    background: url(../assets/css/img/on.gif) no-repeat right 80px top;
}

.prod-info .prod-status-repair {
    text-align: right;
    padding-left: 20px;
    background: url(../assets/css/img/on.gif) no-repeat right 63px top 2px;
}

.prod-pri{
    padding-bottom: 0;
}
.prod-col{
    float: left;
    padding-bottom: 15px;
}
.prod-col span{
    float: left;
}
.prod-col .active {
    border: 2px solid #ff7600 !important;
}

.prod-sta {
    text-align: left;
    padding-left: 35px;
    background: url(../assets/css/img/on.gif) no-repeat left 15px top 1px;
}

.attribute {
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
}

.attribute .active {
    border: 1px solid #e3007b !important;
}

.attribute p {
    width: 100%;
    float: left;
}

.attribute .attr_price {
    width: 100px;
    height: 60px;
    float: left;
    border: 1px dotted #fec305;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: center;
    margin-right: 5px;
}

.attribute .attr_price span.value {
    width: 100px;
    float: left;
    padding: 5px 0;
}
.attribute .attr_price span.price_add {
    width: 100px;
    float: left;
    padding: 5px 0;
    color: #e3007b;
    font-size: 16px;
    font-family: Arial;
}

.attribute .attr_price:hover {
    border: 1px solid #e3007b;
}

.attribute .attr_price_md {
    width: 100px;
    height: 60px;
    float: left;
    border: 1px dotted #fec305;
    border-radius: 5px;
    margin-bottom: 15px;
    text-align: center;
    margin-right: 5px;
}

.attribute .attr_price_md span.value {
    width: 100px;
    float: left;
    padding: 5px 0;
}
.attribute .attr_price_md span.price_add {
    width: 100px;
    float: left;
    padding: 5px 0;
    color: #e3007b;
    font-size: 16px;
    font-family: Arial;
}

.attribute .attr_price_md:hover {
    border: 1px solid #e3007b;
}

.prod-mem{
    padding-top: 15px;
}
.prod-per{
    padding-top: 15px;
}
.prod-war{
    padding: 15px;
}

.km {
	width: 100%;
    border: dotted 1px #00a652;
    padding: 0px 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.km .h {
    position: absolute;
    z-index: 1;
    margin-top: -20px;
    line-height: 36px;
    height: 28px;
    overflow: hidden;
    background: #fff url(../assets/css/img/ic2.gif) no-repeat 10px top;
    padding-left: 45px;
    margin-left: 20px;
    font-size: 17px;
    padding-right: 10px;
}

.km .p{
	padding-top: 20px;
}

.pk {
	width: 100%;
    border: dotted 1px #fec305;
    padding: 0px 10px;
    margin-bottom: 14px;
}

.pk .p{
	padding-top: 20px;
}

.pk .p ul li {
	padding: 0px 0px 6px 12px; 
	margin: 0px; 
	list-style-type: none; 
	font-size: 13px; 
	color: rgb(88, 88, 88); 
	background: url('../assets/css/img/ic.gif') left 5px no-repeat; 
	font-family: Arial;
}
.pk .p ul li p{
	padding: 0px; margin: 0px;
}

.ca {
    height: 63px;
    overflow: hidden;
    font-size: 12px;
    padding: 0;
    margin-bottom: 0;
}

.ca li {
    float: left;
    width: 48%;
    height: 48px;
    overflow: hidden;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.ca .l {
    background: url('../assets/css/img/g0.gif') repeat-x left top;
}

.ca b {
    display: block;
    font-size: 16px;
    height: 23px;
    padding-top: 7px;
    text-transform: uppercase;
    color: #fff;
}

.ca .r {
    margin-left: 4%;
    background: url('../assets/css/img/g1.gif') repeat-x left top;
}

.ca a {
    display: block;
    height: 48px;
    color: #fff;
    text-decoration: none;
}

.d4 {
    line-height: 22px;
    background: url(../assets/css/img/i3.png) no-repeat left top;
    padding-left: 36px;
    font-size: 16px;
}

.k2 {
    line-height: 22px;
    background: url(../assets/css/img/i6.png) no-repeat left top;
    background-size: 22px 22px;
    padding-left: 36px;
    font-size: 17px;
    margin-bottom: 10px;
}

.cus-img img {
    padding: 15px 0;
}

.title-head {
	font-size: 16px; 
	text-transform: uppercase;
	font-weight: 400;
	padding: 10px 0 0 0;
/*	background: url(../assets/css/img/g2.gif) no-repeat left bottom,url(../assets/css/img/g3.gif) repeat-x left bottom;*/
    border-bottom: 2px solid #ff5c00;
    margin-top: 0;

}

.card .post-header {
    border-bottom: solid 3px #ff5c00;
    height: 30px;
    overflow: hidden;
    margin: 16px 0 30px;
}

.title-post {
    float: left;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    font-size: 20px;
    padding: 0 10px;
    text-transform: uppercase;
}

.title-post-h1 {
    font-weight: bold;
    font-size: 18px;
}

.post-date {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #666;
    padding: 5px 0;
    margin: 5px 0;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

.post-date i.material-icons {
    font-size: 14px;
}

.post-des {
    font-size: 13px;
    color: #666;
}

.post-des p{
    width: 100%;
    float: left;
    margin: 0;
}

.product-cate-list {
    display: none
    
}

.memory {
    text-align: left;
    padding: 15px 0 0 15px;
}
.warranty {
    text-align: center;
    padding: 15px 0 0 0;
}
.percent-new {
    text-align: right;
    padding: 15px 15px 0 0;
}

.modal-header {
    background: #ff5c00;
    padding: 10px !important;
}

.modal-header .close {
    padding: 10px !important;
}

.fade.show {
    background: rgba(0, 0, 0, 0.7);
}

.modal-backdrop {
    position: static;
}

#modal-title{
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}

ul.mobile-list {
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    /*border: dotted 1px #ddd;*/
}

ul.mobile-list li{
    float: left;
    width: 25%;
    min-height: 330px;
    overflow: hidden;
    position: relative;
    padding: 15px;
    border: dotted 1px #ddd;
}
ul.mobile-list li:hover {
	border: solid 1px #ff5c00;
}

ul.mobile-list li img {
    display: block;
    width: 100%;
    height: 200px;
    margin: auto;
    border-radius: 3px;
}

ul.mobile-list li .t {
    float: left;
    width: 100%;
    display: block;
    padding: 20px 0 10px 0;
    font-size: 18px;
    font-weight: 500;
}

ul.mobile-list li .t a{
    /*color: #333;*/
    line-height: 1.5;
    word-break: keep-all;
}

ul.mobile-list li .d{
    float: left;
	padding: 10px 0 0 0;
}

ul.mobile-list li .d small{
	width: 100%;
	float: left;
	font-size: 12px;
	color: #111;
	padding: 0 0 0 10px;
	background: url(../assets/css/img/ic.gif) left 7px no-repeat;
    word-break: initial;
}

ul.mobile-list li a {
    width: 100%;
    float: left;
}

ul.mobile-list li a .product-img{
    width: 100%;
    height: 200px;
    float: left;
}

ul.cate-prod-list {
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    /*border: dotted 1px #ddd;*/
}

ul.cate-prod-list li{
    float: left;
    width: 33.33%;
    height: 360px;
    overflow: hidden;
    position: relative;
    padding: 15px;
    border: dotted 1px #cfcfcf;
}
ul.cate-prod-list li:hover {
    border: solid 1px #fed142;
}

ul.cate-prod-list li img {
    display: block;
    width: 100%;
    height: 200px;
    margin: auto;
    border-radius: 3px;
}

ul.cate-prod-list li .t {
    display: block;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 500;
}

ul.cate-prod-list li .t a{
    color: #000;
    line-height: 1;
    height: 30px;
}

ul.cate-prod-list li .d{
    padding: 10px 0 0 0;
}

ul.cate-prod-list li .d small{
    width: 100%;
    float: left;
    font-size: 12px;
    color: #111;
    padding: 0 0 0 10px;
    background: url(../assets/css/img/ic.gif) left 7px no-repeat;
}

ul.utg {
    background: url(../assets/css/img/tags.gif) no-repeat left top;
    min-height: 23px;
    padding-left: 40px;
    margin-bottom: 20px;
}

ul.utg li.cl {
    float: left;
    
    padding: 5px;
    list-style-type: none;
}

ul.showroom {
    width: 100%;
    float: left;
    padding-left: 0;
}

ul.showroom li {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    list-style-type: none;
}

ul.showroom li span{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
    word-break: initial;
}

ul.prod-hot {
    width: 100%;
    float: left;
    padding-left: 0;
}

ul.prod-hot li {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    list-style-type: none;
}

ul.prod-hot li span{
    width: 40%;
    float: left;
    font-size: 13px;
}

ul.prod-hot li span img{
    width: 100%;
    float: left;
}

ul.prod-hot li name {
    width: 60%;
    float: left;
    padding: 10px 0 0 10px;
    font-weight: 600;
    font-size: 13px;
}

ul.prod-hot li b.price {
    color: red;
    padding: 0 0 0 10px;
}

ul.sb-news {
    width: 100%;
    float: left;
    padding-left: 0;
}

ul.sb-news li {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    list-style-type: none;
}

ul.sb-news li span{
    width: 40%;
    float: left;
    font-size: 13px;
    padding-right: 15px;
}

ul.sb-news li span img{
    width: 100%;
    float: left;
}

ul.sb-news li name {
    width: 60%;
    float: left;
    padding-top: 5px;
    font-weight: 600;
    font-size: 13px;
}

.btn-buy {
    position: absolute;
    top: 175px;
    right: 10px;
}

.home-page {
    min-height: 80vh !important;
}

.tim-row {
    margin-bottom: 20px;
}

.tim-white-buttons {
    background-color: #777777;
}

.typography-line {
    padding-left: 25%;
    margin-bottom: 35px;
    position: relative;
    display: block;
    width: 100%;
}

.typography-line span {
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    position: absolute;
    width: 260px;
    text-transform: none;
}

.tim-row {
    padding-top: 60px;
}

.tim-row h3 {
    margin-top: 0;
}

.tim-typo {
    padding-left: 25%;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.tim-typo .tim-note {
    bottom: 5px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px;
}

.card-reset {
    transition: all .3s linear;
    transform: translateZ(0);
}

.card-hidden {
    opacity: 0;
    transform: translate3d(0, -60px, 0);
}

.dropdown-menu {
    -webkit-transition: all 1s ease-in-out;
    /* Safari */
    transition: all 1s ease-in-out;
}

.navbar-brand{
    font-weight: 400 !important;
    height: 115px !important;
}

.logo {
    width: 100% !important;
    height: 80px !important;
    text-align: center;
}

/*the container must be positioned relative:*/
.cus-select {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-family: Arial;
    border: 1px solid #e91e63e3;
    border-radius: 2px;
}

.cus-select select {
    display: none;
    /*hide original SELECT element:*/

}

.cus-select .select-selected {
    background-color: #e91e63e3;
    border-radius: 2px;
}

/*style the arrow inside the select element:*/
.cus-select .select-selected:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.cus-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.cus-select .select-items div,
.select-selected {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.cus-select .select-items {
    position: absolute;
    background-color: #e91e63c2;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 10px;
    z-index: 99;
    border-radius: 2px;
}

/*hide the items when the select box is closed:*/
.cus-select .select-hide {
    display: none;
}

.cus-select .select-items {
    height: 289px;
    overflow-y: scroll;
}

.cus-select .select-items::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.cus-select .select-items::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 5px;
}

.cus-select .select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.cus-select .select-items:before {
    position: absolute;
    content: "";
    top: -11px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: transparent transparent #e91e63 transparent;
}

.cus-select .select-items.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.price {
    color: #E03C31;
    font-size: 16px;
    font-weight: 500;
    /*font-family: Arial*/
}

.price-detail {
    color: #e10909;
    font-size: 20px;
    font-weight: 500;
    /*font-family: Arial*/
}

/*style items (options):*/
.city-select {
    position: relative;
}

.city-select select {
    position: relative;
    width: 100%;
    height: 37px;
    /*background: #ea2c6d;*/
    border: 1px solid #ea2c6d;
    /*color: #fff;*/
    padding: 0 10px;

}

.city-select:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #ea2c6d transparent transparent transparent;
}

.city-select select option {
    padding: 10px 0;
}

.cus-input {
    width: 100%;
    height: 37px;
    margin: 0 auto;
    padding: 0 10px;
    font-family: Arial;
    border: 1px solid #e91e63e3;
    border-radius: 2px;
    font-size: 14px;
}

.social {
    min-height: 360px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.text-news {
    float: left;
    width: 100%;
    height: 36px;
    border-bottom: 3px solid #ff5c00;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.text-news h4.text-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.post-title {
    font-size: 16px;
    font-weight: 400;
}

div.post-des {
    width: 100%;
    line-height: 1.5em;
    height: 3em;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: pre-line;
    overflow: hidden;
}

#googleMap {
    width:100%;
    height:500px;
}

.off-canvas-sidebar .footer-static {
    position: static;
    width: 100%;
    float: left;
    min-height: 330px;
    overflow: hidden;
    padding-top: 15px;
    background-color: #555;
    color: #fff;
}

.head-title {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
    text-transform: uppercase;
    background: url(../assets/css/img/b3.gif) no-repeat left bottom; 
}

ul.contact {
    float: left;
    width: 100%;
    padding: 0;
}

ul.contact li{
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 5px 0;
}

ul.contact li a{
    color: #fff;
    text-transform: none;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
}

ul.about {
    float: left;
    width: 100%;
    padding: 0;
}

ul.about li{
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 5px 0;
}

ul.about li a{
    color: #fff;
    text-transform: none;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
}

ul.foot {
    float: left;
    width: 100%;
    padding-top: 30px;
}

ul.foot li{
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 5px 0;
    font-size: 14px;
}

ul.foot li a{
    color: #fff;
    text-transform: none;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
}
ul.foot li a:hover {
    text-decoration: underline;
}

.copyright {
    float: right;
    padding-top: 5px;
}

@media only screen and (min-width: 768px){
    li.lv0:hover .re__arrrow {
        width: 100%;
    }

    li.lv0:hover .dropdown-menu{
        display: block!important;
        margin: 0;
        position: absolute;
        opacity: 1;
        transform: scale(1);
    }
}

/*SCREEN 640*/
@media screen and (max-width: 767px) {
    p {
        margin-top: 0;
        margin-bottom: 0.3rem;
    }

    .slogan {
        margin-bottom: 0;
    }

    ol.carousel-indicators{
        display: none;
    }

    ul.slider-right {
        display: none;
    }

    .off-canvas-sidebar nav .navbar-collapse>ul {
        margin-top: 0;
    }

    ul.navbar-nav {
        width: 100%;
        float: left;
    }

    .navbar-nav>li {
        float: left;
        width: 120px;
        margin: 5px;
        background: #f5f5f5;
    }
    
    .off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item {
        height: 80px;
    }

    .off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        width: 100%;
        max-width: 120px;
        height: 100%;
        line-height: 100%;
        vertical-align: middle;
        color: #000;
        font-weight: 400; 
        font-size: 13px;
        margin: 0;
        padding: 20px 0 !important;
        border: 1px solid #999;
        border-radius: 3px;
    }

    .off-canvas-sidebar .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
        background: #fec305;
    }

    .off-canvas-sidebar .navbar.navbar-transparent {
        padding-top: 0 !important;
    }

    .off-canvas-sidebar::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .off-canvas-sidebar::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 5px;
    }

    .off-canvas-sidebar .navbar-collapse:after {
        background-color: #ffffff;
    }

    .navbar .navbar-collapse .navbar-nav {
        display: inherit;
    }

	.navbar .navbar-wrapper {
		width: 200px;
	}

	.nav-top-bg {
		display: none;
	}

	.navbar {
	    margin-top: 0 !important;
	}

    .navbar-brand{
        font-weight: 400 !important;
        height: 85px !important;
    }

    .logo {
        width: 100% !important;
        height: 60px !important;
        text-align: center;
    }

    .owl-carousel .item h4{
        display: block;
        width: 100%;
        padding: 15px 20px;
        border: 1px solid #e3007b;
        border-radius: 3px;
        text-align: center;
        word-break: initial;
        margin-bottom: 0;
    }

    .owl-carousel .item h4 a{
        font-size: 14px;
        color: #e3007b;
        font-weight: 400;
    }

	ul.mobile-list li {
		width: 50%;
        height: 350px;
	}

    ul.mobile-list li:last-child {
        display: none;
    }

    ul.mobile-list li:first-child {
        display: block !important;
    }

    .pd-0 {
        padding: 15px !important;
    }

    .pdl-0 {
        padding-left: 15px !important;
    }

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

    .banks {
        padding-top: 20px !important;
    }

    .banks-content {
        padding: 10px;
    }

    .banks-content .bank-image {
        display: none;
    }

    .banks-content .bank-info {
        padding-top: 0;
    }

    ul.cate-prod-list li {
        width: 50%;
    }

    .categorys{
        padding: 0 15px 0 15px;
        background: #fff;
        display: none;
    }

    .products{
        padding: 0; 
        background: #fff;
    }

    .logo-bank .logo-src {
        width: 110px;
        height: 110px;
        border-radius: 50%;
    }

    .product-list {
        float: left;
        width: 100%;
        height: 100%;
        padding: 15px;
    }

    ul.mobile-list li img {
        display: block;
        width: 100%;
        height: auto;
        margin: auto;
    }

    ol.carousel-indicators li {
        padding: 0;
        font-size: 11px;
    }

    .prod-info .prod-price {
        padding-bottom: 15px;
    }

    .prod-info .prod-color {
        padding-bottom: 15px;
    }

    .prod-info .prod-status {
        text-align: right;
        padding-left: 35px;
        background: url(../assets/css/img/on.gif) no-repeat right 60px top 2px;
    }

    .prod-sta {
        text-align: left;
        padding-left: 35px;
        background: url(../assets/css/img/on.gif) no-repeat left 15px top 2px;
    }

    .product-list .product-hot-img {
        height: 140px;
    }

    .memory {
        text-align: left;
        padding: 15px 0 0 15px;
    }
    .warranty {
        text-align: left;
        padding: 15px 15px 0 15px;
    }
    .percent-new {
        text-align: left;
        padding: 15px 0 0 15px;
    }
    
    ul.s2 {
        display: none;
    }

    ul.s2 li {
        float: left;

    }

    ul.s2 li a {
        width: 100%;
        /*display: block;*/
        padding-top: 2px;
        padding-left: 0;
        text-align: center;
        height: 68px;
        text-decoration: none;
    }

    ul.s2 li img {
        float: none;
        height: 40px;
        margin: 0 auto;
    }

    ul.s2 strong {
        font-family: "Roboto",sans-serif !important;
        font-size: 11px;
        text-transform: uppercase;
        display: block;
        line-height: 22px;
        color: #000;
    }

    ul.s2 span {
        display: none;
        line-height: 22px;
        color: #59595b;
        font-size: 11px;
        font-family: Arial;
    }
    
    ul.mobile{
        width: 100%;
        float: left;
    }

    ul.mobile li.cate {
        width: 50%;
    }

    .price {
        font-size: 16px;
    }

    .prod-info .row {
        padding-bottom: 0;
    }

    ul.mobile-list li .t {
        float: left;
        width: 100%;
        display: block;
        padding: 10px 0 5px 0;
        font-size: 16px;
    }

    .product-cate-list {
        float: left;
        width: 100%;
        border: 1px solid #ddd;
        padding: 5px;
        display: block;
    }

    .product-cate {
        float: left;
        width: 22%;
        height: 50px;
        text-align: center;
        border: 1px solid #999;
        border-radius: 3px;
        padding: 5px;
        margin: 5px;
        box-shadow: -1px 1px 4px #aeaeae;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .product-cate a{
        font-size: 13px;
        color: #e3007b;
        font-weight: 400;
    }

    .category-list {
        border: 1px solid #e3007b;
    }

    .category-list h4 a{
        font-size: 16px;
        color: #e3007b;
    }

    ul.mobile-list li .d {
        padding: 5px 0 0 0;
    }

    h1.title-prod {
        font-size: 24px;
        padding: 15px 0;
    }

    #googleMap {
        width:100%;
        height:300px;
    }

    .copyright {
        width: 100%;
        float: left;
        text-align: center;
    }
}