@charset "utf-8";

/**

   * Description: CSS

   * Version: 1.0.0

   * Last update: 2017/08/20

   * Author: Duc Pham <minhducpham.it@gmail.com>

   *

   * Summary:

   *

   *  0. ELEMENT

   *    - 0.1. TYPE ELEMENT

   *    - 0.2. TYPE ELEMENT

   *  1. ELEMENT

   *    - 1.1. TYPE ELEMENT

   *    - 1.2. TYPE ELEMENT

   */



/* Import Files

  ========================================================================== */



/*  Css */



@import url(../lib/bootstrap/bootstrap.min.css);

@import url(../lib/font-awesome/font-awesome.min.css);

@import url(../lib/carousel/owl.carousel.min.css);

@import url(../lib/flexslider/flexslider.css);

@import url(custom.css);

/* Fonts */



/* Layout Style

  ========================================================================== */



html {

    box-sizing: border-box;

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent;

}



* {

    margin: 0;

    padding: 0;

}



body {

    font-size: 15px;

    background-color: #fff;

    color: #333;

    font-family: Montserrat;

    font-style: normal;

    font-weight: normal;

    overflow-x: hidden;

    max-width: 1920px;

    margin: 0 auto;

    position: relative;

    word-break: break-word;

    line-height: 1.5;

    outline: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



a {

    outline: none;

}



a:hover,

a:focus {

    color: #999999;

    text-decoration: none;

    outline: none;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



p {

    margin: 0;

}



select:focus,

button:focus,

input:focus {

    outline: none;

}



.btn.focus,

.btn:focus,

.btn:hover {

    color: #333;

    text-decoration: none;

    outline: none;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

    outline: none;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea,

select,

input[type="number"],

input[type="tel"] {

    width: 100%;

    margin: 0;

    box-shadow: none;

}



ul,

ol {

    margin: 0;

    padding: 0;

}



ul li,

ol li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

    margin-bottom: 0;

}



.clearfix {

    clear: both;

}



select {

    border: 1px solid #adadad;

    border-radius: 4px;

    margin: 0 auto;

}



.level0 a {

    padding-left: 15px !important;

    padding-right: 15px !important;

    font-weight: bold;

}



/* Commom

  ========================================================================== */



.row.display-flex {

    display: flex;

    flex-wrap: wrap;

}



.row.display-flex>[class*='col-'] {

    display: flex;

    flex-direction: column;

}



.block {

    margin-bottom: 30px;

    position: relative;

    display: block;

}



.block-breadcrumb {

    margin-bottom: 30px;

    text-align: right;
    
    position: relative;

}

.block-breadcrumb .container{
    position: absolute;
    bottom: 0;
}



.block-breadcrumb .breadcrumb {

    margin-bottom: 0;

    border-bottom: 1px solid #ccc;

    padding: 10px 15px;

    display: inline-block;

    background: #093e73;

    border-radius: 4px 20px 0 0;

    border-top: 3px solid #fff;

    border-right: 3px solid #ffffff;

}



.block-breadcrumb .breadcrumb li a {

    color: #ffffff;

}



.block-breadcrumb .breadcrumb li.active {

    color: #FFEB3B;

}



.block-breadcrumb .breadcrumb>li+li:before {

    padding: 0 20px;

    color: #ffffff;

    font-family: "FontAwesome";

    content: "\f101";

}



.block-page-common .block-title .title-main i {

    font-size: 18px;

    color: #c70f19;

    margin-right: 10px;

}



.block-page-common .block-title .title-main {

    font-size: 23px;

    color: #093e73;

    font-weight: bold;

    position: relative;

    padding-bottom: 15px;

}



.block-page-common .block-title .title-sp-view {

    font-size: 15px;

    color: #333333;

    font-weight: bold;

    position: relative;

    padding-bottom: 15px;

}



.block-page-common .block-title .title-main:before {

    content: url("../images/bg_title.png");

    position: absolute;

    bottom: 0;

    left: 0;

}



.block-page-common .block-title.tit-more .title-main {

    text-align: center;

    margin-bottom: 20px;

}



.block-page-common .block-title.tit-more .title-main:before {

    right: 0;

    margin: auto;

}



/* Header

========================================================================== */



.block-info-header {

    text-align: right;

}



.block-img-header,

.block-info-header {

    padding-bottom: 10px;

}



.block-img-header img {

    margin: 0 auto;

}



.block-header-top {

    padding: 7px 0;

    background: #c00007;

}



.block-header-top .container {

    position: relative;

}



.block-header {

    padding: 10px 0;

    background: #f1f1f1;

}



.block-header .block-info {

    margin-top: 10px;

    display: none;

}



.block-info i {

    float: left;

    font-size: 38px;

    color: #c70f19;

    margin-right: 7px;

}



.block-info .item p {

    float: left;

}



.block-info .item p span.title {

    display: block;

    color: #666666;

    margin-bottom: 0;

}



.block-info .item p span.info {

    display: block;

    color: #333333;

    font-weight: bold;

}



.hdr-search {

    border-style: solid;

    border-width: 1px;

    border-color: #056839;

    position: absolute;

    top: 30px;

    left: 27%;

    width: 560px;

    border-radius: 5px;

}



.hdr-search .input-serach {

    float: left;

    width: 64%;

}



.hdr-search .input-serach input {

    padding: 0 10px 0 20px;

    height: 38px;

    line-height: 38px;

    border: none;

    width: 100%;

    margin: 0;

    border-radius: 5px 0 0 5px;

}



.hdr-search .select-choice {

    float: left;

    width: 36%;

    background: #fff;

    height: 38px;

    line-height: 38px;

    overflow: hidden;

}



.hdr-search .form-category {

    position: relative;

    padding: 0 11px;

    float: left;

}



.hdr-search .select-choice .choice {

    background: #fff;

    border: none;

    width: 100%;

    padding: 0;

    margin: 0;

}



.hdr-search .form-category:after {

    content: "|";

    position: absolute;

    top: 0;

    left: 0;

    color: #056839;

}



.hdr-search .btn-search {

    background: #056839;

    border: none;

    padding: 0 7px;

    transition: all .2s linear;

    position: absolute;

    top: 0;

    right: 0;

    color: #fff;

    font-weight: bold;

    border-radius: 0;

}



.hdr-search .btn-search:hover {

    background: #087b44;

}



.hdr-search .btn-search i {

    color: #fff;

    font-size: 17px;

}



.hdr-cart {

    position: absolute;

    top: 5px;

    right: 0;

}



.hdr-cart a {

    line-height: 15px;

    text-transform: none;

    padding: 5px;

    text-align: left;

    min-width: 125px;

    display: block;

}



.hdr-cart a i {

    font-size: 20px;

    color: #fff;

    background: #056839;

    border-radius: 4px;

    float: left;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

}



.hdr-cart a span:last-child {

    font-size: 11px;

    color: #666;

}



.hdr-cart a span:last-child b {

    font-weight: bold;

}



.hdr-social {

    position: absolute;

    right: 15px;

    bottom: 10px;

}



.hdr-social li {

    display: inline-block;

}



.hdr-social li+li {

    margin-left: 10px;

}



.hdr-social li a {

    display: block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 1px solid #056839;

    text-align: center;

    line-height: 28px;

    color: #056839;

    font-size: 15px;

}



.hdr-social li a:hover {

    background-color: #056839;

    color: #fff;

}



@media (min-width: 1024px) and (max-width: 1200px) {

    .hdr-search {

        left: 24%;

        width: 420px;

    }

    .hdr-cart {

        right: 0;

    }

}



@media (min-width: 768px) and (max-width: 1024px) {

    .hdr-search {

        left: 29%;

        width: 370px;

    }

    .hdr-search .input-serach {

        width: 45%;

    }

}



@media (max-width: 767px) {

    .block-logo {

        visibility: hidden;

    }

    .fixx1 .block-logo{

        visibility: visible;
    }

    .hdr-search {

        left: 10px;

        top: auto;

        bottom: 10px;

        width: 370px;

    }

    .hdr-search .input-serach {

        width: 45%;

    }

    .hdr-cart {

        display: none;

    }

}



@media (min-width: 480px) and (max-width: 640px) {

    .hdr-search {

        bottom: 0;

    }

}



@media (max-width: 580px) {

    .hdr-search {

        width: 100%;

        bottom: 0;

        left: 0;

        right: 0;

        margin: auto;

    }

    .hdr-social {

        display: none;

    }

}



/* Menu Top

  ========================================================================== */



.menu {

    /*position: relative;*/

    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}



.menu-top {

    background-color: #001f7e;

}



.fixx .menu-top{

    background-color: #fff;

}



.nav-menu>li {

    float: left;

    position: relative;

    display: block;

}


.fixx .nav-menu>li{

    border:  none !important;

}



.footer-title{

    text-transform: uppercase;

    margin-bottom: 15px;

}



.nav-menu>li>a {

    margin-bottom: -1px;

    font-size: 13px;

    text-transform: uppercase;

    display: block;

    padding-top: 9px;

    padding-bottom: 9px;

    line-height: 35px;

    text-align: center;

    color: #111111;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    color: #fff;

}



.fixx .nav-menu>li>a{

    color:#093e73 !important;

}



.follow-list{

    padding: 0;

    margin: 0;

}

.follow-list li{

    display: inline-block;

    padding: 5px 15px;

    background-color: #093e73;

}



.follow-list li a{

    color: #fff;

    font-size: 18px;

}



.nav-menu>li:hover>a,

.nav-menu>li.active a {

    color: #a91606;

    -webkit-transition: all 0.45s ease;

    -o-transition: all 0.45s ease;

    -ms-transition: all 0.45s ease;

    transition: all 0.45s ease;

}



.nav-menu>li.parent>a:after {

    font-family: 'Fontawesome';

    color: #111111;

    font-size: 10px;

    content: "\f0dd";

    display: inline-block;

    height: 3px;

    width: 5px;

    margin: 0 0 0 10px;

    vertical-align: 2px;

}



.nav-menu .submenu li {

    display: block;

    position: relative;

    text-transform: capitalize;

    text-align: left;

}



.nav-menu .submenu {

    margin-top: -5px;

    background: #fff;

    display: block;

    position: absolute;

    top: 100%;

    font-size: 15px;

    width: 300px;

    /*border-left: 1px solid #9c0008;*/

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    opacity: 0;

    z-index: 99;

    visibility: hidden;

    -webkit-transform: translate(0, 10px);

    -ms-transform: translate(0, 10px);

    -o-transform: translate(0, 10px);

    transform: translate(0, 10px);

    -webkit-box-shadow: 10px 10px 5px -10px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 10px 10px 5px -10px rgba(0, 0, 0, 0.75);

    box-shadow: 10px 10px 5px -10px rgba(0, 0, 0, 0.75);

}



.nav-menu .submenu li a {

    background: #fff;

    display: block;

    line-height: 40px;

    padding-left: 20px;

    -webkit-transition: 0.1s;

    -o-transition: 0.1s;

    transition: 0.1s;

    position: relative;

    color: #333333;

}



.nav-menu .submenu li a:before {

    content: "\f101";

    font-family: "FontAwesome";

    display: inline-block;

    margin-right: 5px;

}



.nav-menu .submenu li a:hover:before {

    content: " ";

    display: inline-block;

    margin-right: 10px;

}



.nav-menu .submenu .submenu {

    left: 100%;

    top: 0;

}



.nav-menu>li:hover>.submenu {

    visibility: visible;

    opacity: 1;

    top: 50px;

    -webkit-transform: translate(0, 0px);

    -ms-transform: translate(0, 0px);

    -o-transform: translate(0, 0px);

    transform: translate(0, 0px);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.nav-menu .submenu li:hover .submenu {

    visibility: visible;

    opacity: 1;

    -webkit-transform: translate(0, 0px);

    -ms-transform: translate(0, 0px);

    -o-transform: translate(0, 0px);

    transform: translate(0, 0px);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}



.nav-menu li>.submenu>li:hover,

.nav-menu li>.submenu .submenu>li:hover {

    background: #008244;

}



.nav-menu li>.submenu>li:hover>a,

.nav-menu li>.submenu .submenu>li:hover>a {

    color: #fff;

    background: #093e73;

}



.nav-toogle {

    position: absolute;

    top: 0px;

    left: 100%;

    display: none;

    padding: 10px 10px;

}



.nav-toogle i {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    font-size: 20px;

    cursor: pointer;

}



.nav-toogle i:before {

    content: "\f0c9";

    font-family: "FontAwesome";

    color: #a02b43;

}



.nav-toogle.has-open i:before {

    content: "\f00d";

}



.nav-toogle.has-open:after {

    content: "";

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(255, 255, 255, 0.5);

    z-index: -1;

}



.billing .nav-menu>li.cart {

    display: none;

}



.nav-menu>li.cart {

    float: right;

}



.nav-menu>li.cart a {

    line-height: 15px;

    text-transform: none;

    padding: 5px;

    text-align: left;

    min-width: 125px;

}



.nav-menu>li.cart a i {

    font-size: 20px;

    color: #b60202;

    background: #fff;

    border-radius: 4px;

    float: left;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

}



.block-cart-mb {

    display: none;

}



.nav-menu>li.nav-search {

    float: right;

    font-size: 13px;

    padding: 5px 0;

}



.nav-menu>li.nav-search form {

    width: 270px;

    border: 1px solid #ccc;

    border-radius: 5px;

}



.nav-menu>li.nav-search input {

    border: 0px;

    height: 30px;

    font-size: 13px;

}



.nav-menu>li.nav-search .stylish-input-group .input-group-addon {

    background: #fff;

    border: 0px;

}



.nav-menu>li.nav-search .stylish-input-group button {

    border: 0;

    background: transparent;

}



.nav-menu>li.nav-info {

    float: right;

    font-size: 13px;

    color: #fff;

    font-weight: bold;

}



.nav-menu>li.nav-info:hover {

    background: transparent;

    background-color: transparent;

}



.nav-menu>li.nav-info i {

    font-size: 16px;

    margin-right: 7px;

    position: relative;

    top: 2px;

}



.nav-menu>li.nav-info a {

    font-size: 13px;

    color: #fff;

    font-weight: bold;

    display: inline;

    min-width: inherit;

}



.nav-menu>li.nav-info a:hover {

    background: transparent;

    background-color: transparent;

}



/* Modal Cart

  ========================================================================== */



.modal {

    z-index: 99999;

}



.modal button.close {

    width: 40px;

    height: 40px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    position: absolute;

    top: -20px;

    right: -20px;

}



.modal .close {

    float: none;

    opacity: 1;

    line-height: inherit;

}



.modal .close i {

    font-size: 30px;

    color: #b60202;

    line-height: 40px;

}



.modal .modal-dialog {

    width: 675px

}



.cart-tbl {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

    margin-bottom: 10px;

    /*  border-bottom: 1px solid #c70f19*/

}



.shopcart-ct .thead {

    font-size: 13px;

    color: #c70f19;

    margin-bottom: 15px;

    border-bottom: 1px solid #056839;

    text-transform: uppercase;

    padding: 0 0 10px;

}



.table-cell {

    display: table-cell;

}



.shopcart-ct .product-col {

    width: 330px;

}



.shopcart-ct .table .table-cell {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.t-c {

    text-align: center;

}



.t-r {

    text-align: right;

}



.shopcart-ct .price-col,

.shopcart-ct .total-col,

.shopcart-ct .numb-col {

    width: 200px;

    text-align: left;

}



.shopcart-ct .tr-wrap>.table-row {

    border-bottom: 1px solid #ccc;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.shopcart-ct .tr-wrap>.table-row:last-child {

    border: none;

    padding-bottom: 0;

    margin-bottom: 0;

}



.shopcart-ct .product-col figure {

    float: left;

    width: 100px;

    height: 100px;

    margin: 0 20px 0 0;

}



.modal .modal-header {

    text-align: center;

    background: #d9534f;

    color: #fff;

    font-weight: bold;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

}



.modal-content {

    border-radius: 12px;

}



.block-cart .shopcart-ct .thead {

    color: #fff;

    background: #c00007;

    text-align: center;

    line-height: 40px;

    text-transform: uppercase;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    padding: 0;

    margin: 0;

    font-weight: 600;

    box-shadow: 0 -2px 6px 0px #CCC;

}



.block-cart .shopcart-ct .tr-wrap {

    padding: 15px;

    border: 1px solid #dfdfdf;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    box-shadow: 0 1px 7px -1px #CCC;

}



.block-cart .cart-tbl {

    margin-bottom: 15px;

    border-bottom: none;

}



.block-cart .shopcart-ct .product-col {

    width: 55%;

}



.block-cart .shopcart-ct .product-col .p-color .p-cl {

    display: inline-block;

    background-color: #000;

    width: 15px;

    height: 15px;

}



.block-cart .shopcart-ct .product-col .p-color .p-cl-01 {

    background-color: #ff560b;

}



.block-cart .shopcart-ct .product-col .p-code {

    font-weight: bold;

    font-size: 14px;

    color: #056839;

}



.block-cart .shopcart-ct .product-col .p-code {

    font-weight: bold;

    font-size: 14px;

    color: #056839;

}



.block-cart .shopcart-ct a.prod-tit {

    margin-bottom: 10px;

    display: block;

}



.block-cart .shopcart-ct a.prod-tit:hover {

    color: #056839

}



.block-cart .shopcart-ct a.p-del {

    color: #ea0000;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: bold;

}



.block-cart .shopcart-ct a.p-del:hover {

    text-decoration: underline;

}



.block-cart .shopcart-ct .total-col .p-price-old {

    text-decoration: line-through;

    color: #999;

}



.block-cart .shopcart-ct .total-col .p-price-dis span {

    display: inline-block;

    background-color: #c00007;

    padding: 2px 9px;

    font-size: 11px;

    color: #fff;

    border-radius: 3px;

}



/* Block Title Commom

  ========================================================================== */



.block-title-cm .block-title h2 {

    font-size: 28px;

    font-weight: bold;

    color: #093e73;

    display: block;

    line-height: 1.4;

    text-align: center;

    margin-bottom: 40px;

    position: relative;

    text-transform: uppercase;

}

.block-title-cm .block-title h4 {

    font-weight: bold;

    color: #093e73;

    display: block;

    line-height: 1.4;

    text-align: center;

    margin-bottom: 40px;

    position: relative;

    text-transform: uppercase;

}



.block-title-cm .block-title h2:after,.block-title-cm .block-title h4:after {

    content: url("../images/bg_title.png");

    position: absolute;

    right: 0;

    bottom: -15px;

    left: 0;

    display: block;

    margin: 0 auto;

}



.block-title-cm .block-title h2.ft:after {

    content: url("../images/bg_title2.png");

    position: absolute;

    right: 0;

    bottom: -15px;

    left: 0;

    display: block;

    margin: 0 auto;

}



.block-title-cm .block-title .desc {

    display: block;

    color: #666666;

    font-size: 15px;

    text-align: justify;

    line-height: 1.6;

    padding-left: 80px;

    padding-right: 80px;

    margin-bottom: 30px;

}



/* Block Billing

  ========================================================================== */



.block-billing .block-title,

.block-billing-product .block-title {

    color: #fff;

    background: #c00007;

    text-align: center;

    line-height: 50px;

    text-transform: uppercase;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    box-shadow: 0 -2px 6px 0px #CCC;

}



.block-billing .block-content {

    padding: 20px;

    border: 1px solid #ebebeb;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    box-shadow: 0 0 7px -1px #CCC;

}



.block-billing-product .block-content {

    padding: 10px;

    border: 1px solid #dfdfdf;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

    box-shadow: 0 0 7px -1px #CCC;

}



.block-info-address .block-content {

    padding: 20px;

}



.block-info-address .block-content p {

    color: #666;

    margin-bottom: 5px;

}



.block-info-address .block-content p:last-child {

    margin-bottom: 0;

}



.block-info-address .block-content p .title {

    margin-right: 5px;

}



.block-info-address .block-content p .info {

    color: #333333;

    font-weight: bold;

}



.form-billing .form-group {

    position: relative;

    overflow: hidden;

}



.form-billing .form-group:last-child {}



.form-billing .form_textarea {

    height: auto !important;

    padding: 18px !important

}



.form-billing .form-control {

    border: 1px solid #d8d8d8;

    border-radius: 0;

    display: block;

    height: 38px;

    width: 100%;

    padding: 0 10px 0 45px;

    font-size: 13px;

    color: #333333;

}



.form-billing .input-addon {

    color: #333333;

    background: #fff;

    border: 1px solid #d8d8d8;

    border-radius: 0;

    padding: 0;

    width: 38px;

    height: 38px;

    display: block;

    line-height: 38px;

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

}



.form-billing .choose-another {

    font-weight: normal;

    color: #999999;

    margin-bottom: 0;

    vertical-align: middle;

    position: relative;

}



.form-billing .choose-another .radio-cus {

    margin: 0;

    vertical-align: middle;

}



.table-billing-product {

    width: 100%;

}



.table-billing-product .table-width {

    width: 67%;

}



.block-billing-product .table-billing-product>tbody>tr>td,

.block-billing-product .table-billing-product>tbody>tr>th,

.block-billing-product .table-billing-product>tfoot>tr>td,

.block-billing-product .table-billing-product>tfoot>tr>th,

.block-billing-product .table-billing-product>thead>tr>td,

.block-billing-product .table-billing-product>thead>tr>th {

    padding: 15px;

    line-height: 1.42857143;

    vertical-align: top;

    border-bottom: 1px solid #189eff;

}



.block-billing-product .table-billing-product>thead>tr>th {

    border-bottom: none;

}



.block-billing-product .table-billing-product>thead>tr {

    background: #eaeaea;

    padding: 20px 15px;

}



.block-billing-product .table-billing-product>tbody>tr:last-child>td {

    border-bottom: none;

}



.table-billing-product p {

    margin-bottom: 10px;

}



.table-billing-product p.total-price {

    font-size: 15px;

    font-weight: bold;

}



.table-billing-product p:last-child {

    margin-bottom: 0;

}



.table-billing-product .tb-commom {

    color: #333333;

}



.table-billing-product .tb-commom1 {

    color: #999999;

}



.table-billing-product .tb-img {

    display: inline-block;

    vertical-align: bottom;

}



.table-billing-product .tb-img img {

    border: 1px solid #b2b2b2;

}



.table-billing-product .tb-p-cl {

    border: none;

    height: 15px;

    width: 15px;

    display: inline-block;

    background-color: #000;

}



.table-billing-product .tb-p-code {

    color: #056839;

    font-weight: bold;

    font-size: 14px;

}



.block-billing .content {

    background: #eaeaea;

    padding: 20px;

}



.block-billing .thumb {

    float: left;

    width: 175px;

    margin-right: 10px;

}



.block-billing .des {

    float: left;

    width: calc(100% - 185px);

}



.block-billing .des .title {

    font-size: 13px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 10px;

}



.block-billing .des .info {

    font-size: 13px;

    color: #666666;

    line-height: 1.4;

}



/* Block About

  ========================================================================== */



.block-about .item {

    margin-bottom: 30px;

    position: relative;

    float: left;

    width: 100%;

}



.block-about .item .img {

    width: 90px;

    height: 90px;

    margin-right: 20px;

    float: left;

    text-align: center;

    line-height: 80px;

    border: 1px solid #ddd;

    background: #fff;

    border-radius: 50px;

    display: block;

    position: relative;

    -webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.75);

}



.block-about .item .img img {

    display: inline-block;

}



.block-about .item .des {

    float: left;

    width: calc(100% - 110px);

}



.block-about .item .des .title {

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 15px;

}



.block-about .item .des .description {

    color: #333;

    font-size: 13px;

    line-height: 1.4;

    text-align: justify;

}



/* Block Categories Home

  ========================================================================== */



.block-categories-hm .item {

    position: relative;

    text-align: center;

    overflow: hidden;

}



.block-categories-hm .item img {

    position: relative; // display: block;

    // min-height: 100%;

    // max-width: 100%;

    // width: 100%;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



.block-categories-hm .item .des {

    padding: 0 30px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



.des .box-table {

    display: table;

    width: 100%;

    height: 100%;

}



.des .box-table .box-td {

    vertical-align: middle;

    display: table-cell;

}



.des .box-table .box-td .box-des {

    position: relative;

    display: inline-block;

}



.block-categories-hm .item:hover .title,

.block-categories-hm .item:hover .description,

.block-categories-hm .item:hover .btn-viewall {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



.block-categories-hm .item .title {

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 35px;

    position: relative;

    opacity: 0;

    -webkit-transition: -webkit-transform 0.35s;

    transition: transform 0.35s;

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

}



.block-categories-hm .item .title:before {

    content: "";

    width: 150px;

    border-top: 1px solid #c70f19;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    margin: 0 auto;

}



.block-categories-hm .item .description {

    color: #fff;

    font-size: 13px;

    line-height: 1.4;

    margin-bottom: 20px;

    opacity: 0;

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.block-categories-hm .item .btn-viewall {

    border: 1px solid #fff;

    width: 120px;

    padding: 5px 0;

    display: block;

    margin: 0 auto;

    opacity: 0;

    -webkit-transform: scale3d(0.8, 0.8, 1);

    transform: scale3d(0.8, 0.8, 1);

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

}



/* Button

  ========================================================================== */



.btn-1e:after,

.btn-2e:after,

.btn-3e:after,

.btn-4e:after,

.btn-5e:after,

.btn-6e:after,

.btn-7e:after,

.btn-8e:after,

.btn-9e:after {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.btn-1e:hover:after,

.btn-2e:hover:after,

.btn-3e:hover:after,

.btn-4e:hover:after,

.btn-5e:hover:after,

.btn-6e:hover:after,

.btn-7e:hover:after,

.btn-8e:hover:after,

.btn-9e:hover:after {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



.btn-1e {

    color: #fff;

    z-index: 2;

}



.btn-1e:after {

    background: #fff;

}



.btn-1e:hover,

.btn-1e:active {

    color: #000;

}



.btn-2e {

    border: 1px solid #252525;

    color: #252525;

    z-index: 2;

}



.btn-2e:hover,

.btn-2e:active {

    color: #fff;

}



.btn-2e:after {

    background: #252525;

}



.btn-3e {

    background: #fff;

    color: #252525;

    z-index: 2;

}



.btn-3e:hover,

.btn-3e:active {

    background: #fff;

    color: #fff;

}



.btn-3e:after {

    background: #252525;

}



.btn-4e {

    border: 1px solid transparent;

    background: #252525;

    color: #fff;

    z-index: 2

}



.btn-4e:hover,

.btn-4e:active {

    border: 1px solid #252525;

    background: #252525;

    color: #252525;

}



.btn-4e:after {

    background: #fff;

}



.btn-5e {

    border: 1px solid #e1e1e1;

    color: #252525;

    z-index: 2;

}



.btn-5e:hover,

.btn-5e:active {

    color: #fff;

}



.btn-5e:after {

    background: #e1e1e1;

}



.btn-7e {

    border: 1px solid #707070;

    color: #fff;

    z-index: 2;

    width: 100%;

}



.btn-7e:hover,

.btn-7e:active {

    color: #252525;

}



.btn-7e:after {

    background: #fff;

}



.btn-8e {

    border: 1px solid transparent;

    background: #252525;

    color: #fff;

    z-index: 2;

}



.btn-8e:hover,

.btn-8e:active {

    border: 1px solid #fff;

    background: none;

    color: 252525;

}



.btn-8e:after {

    background: #fff;

}



.btn-9e {

    border: 1px solid #252525;

    color: #fff;

    background: #252525;

    z-index: 2;

}



.btn-9e:hover,

.btn-9e:active {

    color: #252525;

}



.btn-9e:after {

    background: #fff;

}



.btn-danger {

    color: #fff;

    background-color: #c70f19;

    border-color: #c70f19;

}



.btn-danger:hover {

    color: #fff;

    background-color: #f4525b;

    border-color: #f4525b;

}



.btn-default {

    color: #fff;

    background-color: #338213;

    border-color: #338213;

}



.btn-default:hover {

    color: #fff;

    background-color: #056839;

    border-color: #056839;

}



.btn-pay {

    width: 100%;

    padding: 13px 12px;

    font-weight: bold;

    text-transform: uppercase;

}



/* Block Banner

  ========================================================================== */



.block-banner {

    position: relative;

    background: #3085a3;

    overflow: hidden;

}



.block-banner img {

    width: 100%;

    position: relative;

    display: block;

    opacity: 0.95;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: scale3d(1.05, 1.05, 1);

    transform: scale3d(1.05, 1.05, 1);

}



.block-banner:hover:hover img {

    opacity: 0.6;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

}



.block-news-home {}



.block-news-home .news-item:hover .box-thumb {}



.block-news-home .news-item .box-thumb {

    text-align: center;

    position: relative;

}



.block-news-home .news-item .box-thumb>a {

    display: block;

    height: 100%;

    width: 100%;

    text-align: center;

    overflow: hidden;

    position: relative;

}



.block-news-home .news-item .box-thumb>a>img {

    display: inline-block;

    position: relative;

    transition: 1s;

    width: 100%;

}



.block-news-home .news-item .box-thumb>a:before {

    content: " ";

    position: absolute;

    display: block;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    border: 1px solid #fdf6f0;

    width: 96%;

    height: 96%;

    z-index: 9;

    transition: 1s;

}



/*.block-news-home .news-item .box-thumb > a:hover:before {

  border: none;

}*/



.block-news-home .news-item .box-thumb>a:after {

    content: "";

    background-color: rgba(4, 85, 0, 0.4);

    display: block;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

    transition: 1s;

}



.block-news-home .news-item:hover .box-thumb>a:after {

    opacity: 1;

    visibility: visible;

}



.block-news-home .news-item .box-caption {

    border-style: solid;

    border-width: 0 1px 1px 1px;

    border-color: #ccc;

    padding: 12px 10px;

    margin-bottom: 0;

}



.block-news-home .news-item .news-title {

    font-weight: bold;

    font-size: 100%;

    margin-bottom: 12px;

}



.block-news-home .news-item .news-title a {

    color: #111111;

}



.block-news-home .news-item .news-title a:hover {

    color: #106f3c;

}



.block-news-home .news-item .news-title a:hover:before {

    content: "|";

    color: #19375d;

    position: absolute;

    left: 13px;

}



.block-news-home .news-item .news-meta {

    color: #999999;

    font-weight: normal;

}



.block-news-home .news-item .news-meta .fa {

    font-weight: bold;

    display: inline-block;

    margin-right: 5px;

}



.block-news-home .news-item .news-desc {

    padding: 10px 0 0;

    color: #666;

    height: 70px;

    overflow: hidden;

}



.block-news-home .news-item .news-btn {

    text-align: center;

}



.block-news-home .news-item .news-btn>a {

    background: #106f3c;

    text-align: center;

    color: #fff;

    font-size: 14px;

    display: block;

    padding: 10px;

    transition: all .7s linear;

}



.block-news-home .news-item .news-btn>a:hover {

    background: #067842;

}



.block-news-home .news-item .news-btn>a:after {

    content: "\f178";

    font-family: "FontAwesome";

    display: inline-block;

    margin-left: 10px;

}



.read-more-small {

    padding: 10px 0px;

}



.read-more-small .btn-read-more-small {

    border: 1px solid #19375d;

    color: #19375d;

    font-weight: bold;

}



.read-more-small .btn-read-more-small:hover {

    background: #19375d;

    color: #ffffff;

}



/* Block Product

  ========================================================================== */



figure {

    text-align: center;

    position: relative;

}



.block-cate-product {}



.block-cate-product .cate-item {

    margin-bottom: 5%;

}



.block-cate-product .cate-item .box-thumb {

    text-align: center;

    position: relative;

}



.block-cate-product .cate-item .box-thumb>a {

    display: block;

    height: 100%;

    width: 100%;

    text-align: center;

    position: relative;

    opacity: 1;

    visibility: visible;

    transition: 1s;

}



.block-cate-product .cate-item .box-thumb>a:hover {

    opacity: 0.7;

}



.block-cate-product .cate-item .box-thumb>a:before {

    content: "\f002";

    font-family: "FontAwesome";

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

    margin: auto;

    transform: translateY(-50%);

    font-size: 25px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.block-cate-product .cate-item .box-thumb>a:hover:before {

    opacity: 1;

    visibility: visible;

}



.block-cate-product .cate-item .box-thumb>a>img {

    display: inline-block;

    padding: 3px;

    border: 1px solid #267c53;

    border-radius: 50%;

}



/*.block-cate-product .cate-item .box-thumb > a:after {

  content: "";

  background-color: rgba(4, 85, 0, 0.4);

  display: block;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0; right: 0;

  bottom: 0; left: 0;

  border-radius: 50%;

  opacity: 0;

  visibility: hidden;

  transition: 1s;

}

.block-cate-product .cate-item:hover .box-thumb > a:after {

  opacity: 1;

  visibility: visible;

}*/



.block-cate-product .cate-item .box-thumb>a>img:hover {

    /*background: rgba(#008244, 0.4);*/

    /*opacity: 0.7;*/

}



.block-cate-product .cate-item .box-caption {}



.block-cate-product .cate-item .cate-name {

    font-weight: bold;

    font-size: 15px;

    text-align: center;

    margin: 7px auto;

}



.block-cate-product .cate-item .cate-name a:hover {

    color: #008244;

}



.block-cate-product .cate-item .cate-desc {

    padding: 10px 0;

}



.block-cate-product .cate-item .cate-btn {

    text-align: center;

}



.block-cate-product .cate-item .cate-btn>a {

    text-align: center;

    color: #056839;

    font-size: 14px;

    font-weight: bold;

}



.block-cate-product .cate-item .cate-btn>a:hover {

    color: #333;

}



.block-cate-product .cate-item .cate-btn>a:after {

    content: "\f18e";

    font-family: "FontAwesome";

    display: inline-block;

    margin-left: 10px;

}



.box-title-cate-prod {

    margin-bottom: 25px;

}



.box-title-cate-prod>.fa {

    font-size: 15px;

    color: #fff;

    background: #19375d;

    border-radius: 4px;

    float: left;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

    position: relative;

    bottom: 7px;

}



.box-title-cate-prod h3 {

    display: inline-block;

    font-weight: bold;

    text-transform: uppercase;

    font-size: 15px;

    color: #111111;

    padding-top: 6px;

}



.box-title-cate-prod .spcl:before {

    content: url(../images/line.png);

    position: absolute;

    top: 15px;

}



.box-title-cate-prod .readmore {

    float: right;

    display: inline-block;

    border-radius: 4px;

    padding: 6px 20px;

}



.block-product {

    position: relative;

    overflow: hidden;

}



.product-item {

    margin-bottom: 30px;

}



.product-item .product-img {

    display: block;

    overflow: hidden;

    position: relative;

    margin-bottom: 10px;

    height: auto;

}



.product-item .product-img .box-ico {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9;

}



.product-item .product-img .box-ico .ico {

    display: block;

    width: 44px;

    background-color: #000;

    font-weight: normal;

    border-radius: 4px;

    color: #fff;

    font-size: 13px;

    text-align: center;

    padding: 1px 5px;

}



.product-item .product-img .ico.ico-new {

    background-color: #056839;

    margin-bottom: 3px;

}



.product-item .product-img .ico.ico-sales {

    background-color: #ea0000;

}



.product-item .product-img img {

    max-width: 100%;

    width: 100%;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    margin: 0 auto;

    transition: opacity .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s;

    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;

    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s;

}



.product-item:hover .product-img img {

    opacity: 0.6;

}



.product-item .product-img .img-1 {

    transition: opacity 1s;

    opacity: 1;

}



.product-item .product-img .img-2 {

    right: 0;

    width: 100%;

    height: 100%;

    bottom: 0;

    left: 0;

    top: 0;

    position: absolute;

    object-position: 50% 50%;

    object-fit: cover;

    font-family: 'object-fit: cover;';

}



.show-on-hover {

    opacity: 0;

    transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;

    transition: opacity .5s, transform .3s, max-height .6s, filter .6s;

    transition: opacity .5s, transform .3s, max-height .6s, filter .6s, -webkit-transform .3s, -webkit-filter .6s;

    -webkit-filter: blur(0);

    filter: blur(0);

    pointer-events: none;

}



.fill {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    right: 0;

    bottom: 0;

    padding: 0 !important;

    margin: 0 !important;

}



.product-item:hover .show-on-hover {

    opacity: 1;

}



.product-item .product-info {

    text-align: center;

    position: relative;

    padding-bottom: 15px;

    padding-top: 15px;

    background: transparent;

}



.product-item .product-info h2 {

    display: block;

    height: 17px;

    overflow: hidden;

    text-align: center;

    margin-bottom: 10px;

    line-height: 1.2;

}



.product-item .product-info h2 a {

    color: #465363;

    font-size: 15px;

    display: block;

    line-height: 1.4;

}



.product-item:hover .product-info h2 a {

    color: #056839;

}



.product-item .product-info .product-price {

    margin-top: 10px;

    display: block;

    margin-bottom: 10px;

}



.product-item .product-info .product-price .price-new {

    font-size: 13px;

    color: #f40d0d;

    margin-right: 20px;

    font-weight: bold;

}



.product-item .product-info .product-price .price-old {

    color: #999999;

    text-decoration: line-through;

    font-size: 11px;

}



.product-item .product-info .product-price .price-contact {

    width: 100px;

    height: 25px;

    line-height: 25px;

    display: block;

    margin: 0 auto;

    background: #c70f19;

    color: #fff;

    border-radius: 5px;

}



/* Footer

  ========================================================================== */



.footer-top {

    padding-bottom: 30px;

    padding-top: 30px;

}



address .info-footer {

    font-size: 15px;

    color: #ffffff;

    position: relative;

    padding-bottom: 15px;

}



.ft-map .ft-block-tit,

.ft-block .ft-block-tit {

    font-size: 15px;

    color: #ffffff;

    font-weight: bold;

    position: relative;

    padding-bottom: 30px;

}



.ft-map .ft-block-tit:before,

.ft-block .ft-block-tit:before {

    content: url(../images/line-2.png);

    position: absolute;

    bottom: 15px;

    left: 0;

}



.ft-info .about-info {

    margin-bottom: 20px;

}



.ft-info address {

    position: relative;

    margin-bottom: 0;

}



/*.ft-info address:before,

.ft-info address:after {

  position: absolute;

  bottom: -23px;

}

.ft-info address:before {

  content: "";

  border: 2px solid #d8d8d8;

  display: block;

  left: 0;

  right: 0;

}

.ft-info address:after {

  content: "";

  border: 2px solid #c70f19;

  display: block;

  width: 150px;

}*/



.ft-info p strong {

    color: #fff;

    font-size: 15px;

    display: block;

    margin-bottom: 20px;

}



.ft-info p {

    color: #eaeaea;

    margin-bottom: 10px;

}



.ft-info address p:last-child {

    margin-bottom: 0;

}



.ft-info p .fa {

    display: inline-block;

    width: 20px;

}



.ft-info p a {

    color: #eaeaea;

}



.ft-info p a:hover {

    color: #fff;

}



.block-statistics p {

    color: #fff;

    font-weight: 600;

}



.block-statistics p:last-child {

    margin-bottom: 0;

}



.block-statistics p span {

    float: left;

    width: 130px;

    color: #eaeaea;

    font-weight: normal;

}



.ft-getemail .txt-desc {

    margin-bottom: 5%;

}



.ft-getemail .frm-getemail .input-group .form-control {

    border: none;

    padding-left: 10px;

    font-size: 12px;

}



.ft-getemail .frm-getemail .input-group .input-group-addon {

    background-color: #fff;

}



.ft-getemail .frm-getemail .input-group .input-group-addon>i {

    color: #82b39c;

    font-size: 18px;

}



.ft-map object {

    width: 100%;

    height: 250px;

    border: 0;

}



.footer-bot {

    background: #091e33;

    color: #fff;

    padding: 15px 0;

}



.footer-bot .container {

    position: relative;

}



.footer-bot p {

    line-height: 40px;

    color: #555;

}



/* Chat

  ========================================================================== */



.fbchatbox {

    position: fixed;

    right: 50px;

    bottom: 0;

    z-index: 9999;

}



/* About

  ========================================================================== */



.block-article .description {

    font-size: 15px;

    color: #333;

    line-height: 1.6;

    margin-bottom: 25px;

}



.block-article .description:last-child {

    margin-bottom: 0;

}



.block-article p.image {

    margin: 0 auto;

}



/* Block Sales

  ========================================================================== */



.block-sales .item {

    float: left;

    width: 100%;

    position: relative;

    margin-bottom: 30px;

}



.block-sales .thumb {

    float: left;

    width: 300px;

    margin-right: 20px;

}



.block-sales .des {

    float: left;

    width: calc(100% - 330px);

}



.block-sales .des a {

    font-size: 16px;

    color: #093e73;

    line-height: 1.6;

    margin-bottom: 10px;

    display: block;

    font-weight: 600;

}



.block-sales .item:hover .des a {

    color: #19375d;

}



.block-sales .des .date-post {

    color: #999999;

    margin-bottom: 10px;

}



.block-sales .des .description {

    color: #666666;

    line-height: 1.6;

    max-height: 95px;

    overflow: hidden;

}



/* Block Sales Detail

  ========================================================================== */



.block-dt-sales p.text {

    font-size: 15px;

    color: #333;

    line-height: 1.6;

    margin-bottom: 25px;

}



.block-dt-sales p.image {

    margin: 0 auto;

}



.block-tags ul li {

    list-style: none;

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 5px;

}



.block-tags ul li:last-child {

    margin-right: 0;

}



.block-tags .tags-first {

    font-weight: bold;

    color: #3a3a3c;

    font-size: 14px;

}



.block-tags li.tags-link a {

    height: 25px;

    line-height: 25px;

    text-align: center;

    background: #cde1d7;

    color: #333;

    border-radius: 50px;

    display: block;

    padding: 0 20px;

}



.block-tags li.tags-link.active a,

.block-tags li.tags-link:hover a {

    background: #056839;

    color: #fff

}



.block-share .share-item {

    display: inline-block;

    vertical-align: top;

    line-height: initial;

}



.block-aritcle-related .list li {

    position: relative;

    padding-left: 15px;

    margin-bottom: 10px;

}



.block-aritcle-related .list li:last-child {

    margin-bottom: 0;

}



.block-aritcle-related .list li a:before {

    content: "\f0eb";

    color: #000;

    font-family: "FontAwesome";

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

}



.block-aritcle-related .list li a {

    color: #000;

}



.block-aritcle-related .list li:hover a,

.block-aritcle-related .list li:hover a:before {

    color: #093e73;

}



/* Block Sidebar

  ========================================================================== */



.block-module {

    margin-bottom: 30px;

}



.block-module .block-title h2 {

    line-height: 45px;

    color: #fff;

    background: #093e73;

    padding: 0 15px;

    font-size: 15px;

    text-transform: uppercase;

    position: relative;

    border-radius: 5px 5px 0 0;

}



.block-module .block-title h2 i {

    margin-right: 10px;

}



.block-module .block-content {

    border: 1px solid #ebebeb;

    padding: 0;

    overflow-y: hidden;

    position: relative;

    padding: 15px;

    /*-webkit-box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);

  -moz-box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);

  box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);*/

}



/* Block Links Sidebar */



.block-links-sidebar .block-content {

    border: 1px solid #ebebeb;

    padding: 0;

    overflow-y: hidden;

    position: relative;

    /*-webkit-box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);

  -moz-box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);

  box-shadow: 0px 0px 4px 2px rgba(209,209,209,1);*/

}



.block-links-sidebar .list:last-child {

    margin-bottom: 0;

}



.block-links-sidebar .list li {

    padding: 15px;

    float: left;

    width: 100%;

}



.block-links-sidebar .list li:nth-child(odd) {

    background: #fff;

}



.block-links-sidebar .list li:nth-child(even) {

    background: #f5fffa;

}



.block-links-sidebar .list li .thumb {

    float: left;

    width: 78px;

    margin-right: 10px;

}



.block-links-sidebar .list li h3 {

    float: left;

    width: calc(100% - 88px);

    color: #333333;

    font-size: 15px;

}



.block-links-sidebar .list li:hover h3 {

    color: #eb1c23;

}



.block-links-sidebar .list li:last-child {

    margin-bottom: 0px;

}



.block-statistics-sidebar .icon,

.block-statistics-sidebar .text {

    margin-right: 10px;

}



.block-statistics-sidebar .number {

    font-weight: bold;

    color: #c70f19;

}



/* Block Pagination

  ========================================================================== */



.block-pagination .pagination {

    text-align: center;

    display: block;

    margin-bottom: 0;

}



.block-pagination .pagination>li {

    display: inline-block;

}



.block-pagination .pagination>li:first-child>a,

.block-pagination .pagination>li:first-child>span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}



.block-pagination .pagination>li:last-child>a,

.block-pagination .pagination>li:last-child>span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}



.block-pagination .pagination>li>a,

.block-pagination .pagination>li>span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    text-decoration: none;

    background: #fff;

    color: #777;

    font-size: 15px;

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);

    border: 1px solid #2c73ba;

    border-radius: 4px;

}



.block-pagination .pagination>.active>a,

.block-pagination .pagination>.active>a:focus,

.block-pagination .pagination>.active>a:hover,

.block-pagination .pagination>.active>span,

.block-pagination .pagination>.active>span:focus,

.block-pagination .pagination>.active>span:hover {

    z-index: 3;

    cursor: default;

    background: #338213;

    color: #fff;

    border-color: transparent;

}



.block-pagination .pagination>li>a:focus,

.block-pagination .pagination>li>a:hover,

.block-pagination .pagination>li>span:focus,

.block-pagination .pagination>li>span:hover {

    z-index: 2;

    background: #2c73ba;

    color: #fff;

    border-color: transparent;

}



/* Block Form

  ========================================================================== */



.block-form {

    margin-bottom: 20px;

}



.block-form .form-control {

    padding: 6px 12px;

    border: 1px solid #adadad;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.block-form .form-control:focus {

    border-color: #2c73ba;

    outline: 0;

    background-color: #f9fffc;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.block-form .form-group {

    margin-bottom: 10px;

}



.block-form .row:last-child .form-group {

    margin-bottom: 0;

}



.block-form .btn-view {

    width: 160px;

    padding: 9px 12px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.block-form .btn-view:hover {

    background: #f4525b;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.block-form input::-webkit-input-placeholder {

    color: #333;

    opacity: 0.5;

}



.block-form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #333;

    opacity: 0.5;

}



.block-form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #333;

    opacity: 0.5;

}



.block-form input:-moz-placeholder {

    /* Firefox 18- */

    color: #333;

    opacity: 0.5;

}



/* Title Page

  ========================================================================== */



h2.tit-page {

    font-size: 15px;

    color: #c70f19;

    margin-bottom: 20px;

}



h2.tit-page2 {

    font-size: 15px;

    font-weight: 600;

    color: #c00007;

    margin-bottom: 20px;

}



h2.tit-page3 {

    font-size: 18px;

    color: #c70f19;

    margin-bottom: 20px;

}



/* Contact

  ========================================================================== */



.block-map object {

    width: 100%;

    height: 400px;

    border: 0;

}



.block-address {

    margin-bottom: 20px;

}



.block-address p {

    margin-bottom: 10px;

}



.block-address p:last-child {

    margin-bottom: 0;

}



/* Product Detail

  ========================================================================== */



.block-slide-detail #slider.flexslider {

    border: none;

    margin-bottom: 15px;

    cursor: -webkit-zoom-in;

}



.block-slide-detail #carousel.flexslider {

    margin: 0;

    border: none;

    padding: 0;

}



.block-slide-detail #carousel.flexslider img {

    border: 1px solid #dfdfdf;

    cursor: pointer;

    opacity: 0.5;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

    box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

}



.block-slide-detail #carousel.flexslider .flex-active-slide img,

.block-slide-detail #carousel.flexslider img:hover {

    border: 1px solid #c70f19;

    opacity: 1;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.block-slide-detail #carousel.flexslider .flex-direction-nav .flex-prev {

    left: 0;

}



.block-slide-detail #carousel.flexslider .flex-direction-nav .flex-next {

    right: 0;

}



.block-slide-detail #carousel.flexslider:hover .flex-direction-nav .flex-prev {

    opacity: 1;

    left: 0;

}



.block-slide-detail #carousel.flexslider:hover .flex-direction-nav .flex-next {

    opacity: 1;

    right: 0;

}



.block-slide-detail #carousel.flexslider .flex-direction-nav a {

    overflow: visible;

    opacity: 1;

    width: 20px;

    height: 30px;

    display: block;

    background: rgba(0, 0, 0, 0.5);

    text-align: center !important;

    line-height: 30px;

    margin: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

}



.block-slide-detail #carousel.flexslider .flex-direction-nav a:before {

    font-size: 15px;

    color: rgba(255, 255, 255, 0.8);

}



.block-product-options .bl-modul-cm,

.block-product-options .bl-modul {

    clear: both;

    float: left;

    width: 100%;

    margin-bottom: 10px;

    line-height: 20px;

}



.block-product-options .bl-modul-cm:last-child,

.block-product-options .bl-modul:last-child {

    margin-bottom: 0;

}



.block-product-options .bl-modul-cm .title,

.block-product-options .bl-modul .title {

    color: #333333;

    float: left;

    margin-right: 40px;

}



.bl-color ul li.out-of-stock:before,

.bl-size ul li.out-of-stock:before {

    content: "\f00d";

    font-family: "FontAwesome";

    color: #c70f19;

    font-size: 18px;

    cursor: no-drop;

    position: absolute;

    top: 50%;

    width: 100%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    margin: 0 auto;

    display: block;

}



.block-product-options .bl-modul-cm .des,

.block-product-options .bl-modul .des {

    float: left;

}



.block-product-options .bl-modul .title {

    color: #999999;

}



.block-product-options .bl-modul {

    font-weight: normal;

}



.bl-code .title,

.bl-price .title {

    font-size: 13px !important;

    font-weight: bold;

}



.bl-code .des {

    font-weight: bold;

    color: #056839;

    font-size: 17px !important;

}



.bl-price .des {

    font-size: 15px !important;

    color: #ea0000;

    font-weight: bold;

}



.bl-price-old .des {

    font-size: 14px;

    color: #999;

    font-weight: bold;

    text-decoration: line-through;

}



.bl-color ul li {

    display: inline-block;

    width: 26px;

    height: 26px;

    text-align: center;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.bl-size ul li {

    display: inline-block;

    width: 26px;

    height: 26px;

    text-align: center;

    line-height: 26px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.bl-color ul li,

.bl-size ul li {

    border: 1px solid #b2b2b2;

    cursor: pointer;

    position: relative;

    overflow: hidden;

}



.bl-color ul li.out-of-stock:hover,

.bl-size ul li.out-of-stock:hover {

    border: 1px solid #b2b2b2;

    opacity: 0.5;

}



.bl-color ul li:hover,

.bl-size ul li:hover {

    border: 1px solid #ce2f38;

    opacity: 1;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.bl-color ul li.active,

.bl-size ul li.active {

    border: 1px solid #ce2f38;

    opacity: 1;

}



.bl-show-option .des b:after {

    content: ",";

}



.bl-show-option .des b:last-child:after {

    display: none;

}



.bl-qty .des .prod_qty {

    padding: 3px;

    width: 70px;

    font-size: 15px;

    font-weight: bold;

}



.bl-desc {

    border: 1px solid #ddd;

    padding: 4%;

}



.bl-desc .lb-txt {

    font-weight: bold;

    color: #056839;

    display: inline-block;

    margin-right: 10px;

}



.block-btn-addtocart .btn {

    padding: 9px;

    min-width: 220px;

    text-transform: uppercase;

    font-size: 15px;

    text-align: center;

}



.btn-addcart-product {

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.btn-order-contact {

    background: #c00007;

    color: #fff;

    padding: 13px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.btn-addcart-product:hover {

    color: #fff;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.product-list .owl-nav .owl-prev,

.product-list .owl-nav .owl-next {

    background: rgba(90, 88, 88, 0.6);

    position: absolute;

    top: 30%;

    width: 20px;

    height: 35px;

    text-align: center;

    border-radius: 0%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

}



.product-list .owl-nav .owl-prev:hover,

.product-list .owl-nav .owl-next:hover {

    background: #f2f2f2;

}



.product-list .owl-nav .owl-prev {

    left: 0;

}



.product-list .owl-nav .owl-next {

    right: 0;

}



.product-list .owl-nav .owl-prev i,

.product-list .owl-nav .owl-next i {

    font-size: 25px;

    color: #ffffff;

    line-height: 35px;

}



/* Block Relative

  ========================================================================== */



.block-relative ul li.item {

    border: 2px solid transparent;

    padding: 5px;

    -webkit-box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

    box-shadow: 8px 8px 12px -6px rgba(0, 0, 0, 0.2);

}



.block-relative .item .des {

    padding: 15px 10px;

    overflow: hidden;

}



.block-relative .item .des a {

    color: #c70f19;

    font-size: 13px;

    line-height: 1.6;

    max-height: 40px;

    overflow: hidden;

    display: block;

    margin-bottom: 10px;

    font-weight: bold;

}



.block-relative .item .des .code {

    color: #666666;

    font-size: 13px;

}



.block-relative .item .des .code span {

    color: #333333;

}



.block-relative ul .center li.item,

.block-relative ul li.item:hover {

    border: 2px solid #c70f19;

}



.block-relative .owl-nav .owl-prev,

.block-relative .owl-nav .owl-next {

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    top: 50%;

    width: 30px;

    height: 50px;

    text-align: center;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

}



.block-relative .owl-nav .owl-prev:hover,

.block-relative .owl-nav .owl-next:hover {

    background: rgba(0, 0, 0, 1);

}



.block-relative .owl-nav .owl-prev.disabled,

.block-relative .owl-nav .owl-next.disabled {

    background: rgba(0, 0, 0, 0.6);

}



.block-relative .owl-nav .owl-prev i,

.block-relative .owl-nav .owl-next i {

    font-size: 30px;

    color: #fff;

    line-height: 50px;

}



.block-relative .owl-nav .owl-prev {

    left: 0;

}



.block-relative .owl-nav .owl-next {

    right: 0;

}



/* Back To Top

  ========================================================================== */



.td-scroll-up {

    cursor: pointer;

    position: fixed;

    bottom: 4px;

    right: 5px;

    width: 40px;

    height: 40px;

    background-color: #056839;

    z-index: 1;

    transform: translate3d(0, 70px, 0);

    -webkit-transform: translate3d(0, 70px, 0);

    -moz-transform: translate3d(0, 70px, 0);

    -ms-transform: translate3d(0, 70px, 0);

    -o-transform: translate3d(0, 70px, 0);

    -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;

    -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;

    -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;

    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;

}



.td-scroll-up img:hover {

    opacity: 0.7;

}



@media (min-width: 1200px) {

    .td-scroll-up {}

}



.td-scroll-up-visible {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

}



.td-scroll-up i {

    position: relative;

    color: #fff;

    font-size: 25px;

    display: block;

    text-align: center;

    width: 40px;

    top: 7px;

}



.td-scroll-up:hover {

    color: #fff;

    background: #008244;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



/* Edit On Page

  ========================================================================== */



.edit {

    // padding-top: 5px !important;

    // padding-bottom: 5px !important;

    position: relative;

    border: 1px dashed transparent;

}



.edit:hover {

    border: 1px dashed #c70f19;

    \

}



.edit:hover:before {

    content: "\f040";

    font-family: "FontAwesome";

    font-size: 13px;

    color: #ffffff;

    width: 20px;

    height: 20px;

    display: block;

    background: #c70f19;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

}



.input-edit {

    position: relative;

}



.input-edit .form-control {

    border: 1px solid #ccc;

    padding: 6px 78px 6px 12px;

    position: relative;

}



.input-edit .form-control:focus {

    background: rgba(254, 71, 80, 0.1);

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .6), 0 0 8px rgb(255, 102, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .6), 0 0 8px rgb(255, 102, .6);

}



.input-edit .fa {

    font-size: 16px;

    color: #c70f19;

    border: 1px solid #c70f19;

    width: 34px;

    height: 34px;

    line-height: 31px;

    text-align: center;

    display: block;

    background: #fff;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px;

    transition: all 0.2s;

}



.input-edit .fa-check {

    right: 33px;

    background: #fff;

    border: 1px solid #1fa67a;

    color: #1fa67a;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

    transition: all 0.2s;

}



.input-edit .fa-check:hover {

    background: #dff0d8;

    transition: all 0.2s;

}



.input-edit .fa-times:hover {

    background: #f2dede;

    transition: all 0.2s;

}



/* Search && Facebook

  ========================================================================== */



.block-search,

.block-fb {

    position: fixed;

    top: 30%;

    right: -300px;

    z-index: 99;

    cursor: pointer;

    width: 300px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s

}



.block-search:hover,

.block-fb:hover {

    right: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s

}



.block-fb {

    margin-top: 50px;

    display: none;

}



.block-search .icon,

.block-fb .icon {

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    background: #c70f19;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    padding: 0;

    border: none;

    border-radius: 0;

    position: absolute;

    top: 0;

    left: -40px;

}



.block-search .icon:hover,

.block-fb .icon:hover {

    background: #f4525b;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s

}



.block-search .icon i,

.block-fb .icon i {

    color: #fff;

    font-size: 20px;

    line-height: 40px;

}



.block-search input {

    width: 300px;

    line-height: 40px;

    padding: 0 12px;

}



.block-search-sidebar .frm-search .form-group .form-control {

    border: 1px solid #a7a7a7;

    height: 42px;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: none;

}



.block-search-sidebar .frm-search .form-group .form-control:focus {

    background-color: #f9fffc;

    border: 1px solid #056839;

}



.block-search-sidebar .frm-search .form-group select.form-control {

    max-width: 100%;

}



.block-search-sidebar .frm-search .form-group .btn {

    padding: 10px;

    font-weight: bold;

    font-size: 15px;

}



.block-search-sidebar .frm-search .choose-prod-color .dropdown-toggle {

    width: 100%;

    padding: 10px 0 0 17px;

    position: relative;

}



.block-search-sidebar .frm-search .choose-prod-color .dropdown-toggle .caret {

    border-top: 6px dashed;

    border-top: 6px solid\9;

    border-right: 3px solid transparent;

    border-left: 3px solid transparent;

    position: absolute;

    right: 5px;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

}



.block-search-sidebar .frm-search .choose-prod-color-list {

    width: 100%;

    padding: 10px 5px 10px 7px;

    background-color: #f1f1f1;

    border-width: 0 1px 1px 1px;

    border: 1px solid #a7a7a7;

    border-radius: 4px;

}



/*.block-search-sidebar .frm-search .choose-prod-color.open .form-control {

  background-color: #f9fffc;

  border: 1px solid #056839;

}*/



.block-search-sidebar .frm-search .choose-prod-color-list a {

    display: inline-block;

    width: 25px;

    height: 25px;

    background-color: #000;

    margin-right: 3px;

}



.block-search-sidebar .frm-search .choose-prod-color-list a.active {

    border: 4px solid #ffe500;

    width: 25px;

    height: 25px;

}



.block-side .owl-nav .owl-next,

.block-side .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%)

}



.block-side .owl-nav .owl-next i,

.block-side .owl-nav .owl-prev i {

    background-color: rgba(0, 0, 0, 0.5);

    padding: 10px 10px;

    font-size: 20px;

    color: #fff

}



.block-side .owl-nav .owl-next i:hover,

.block-side .owl-nav .owl-prev i:hover {

    background-color: rgba(0, 0, 0, 0.8);

}



.block-side .owl-nav .owl-prev {

    transition: all .3s;

    left: -100%

}



.block-side:hover .owl-nav .owl-prev {

    transition: all .3s;

    left: 5%;

    opacity: 1;

    visibility: visible

}



.block-side .owl-nav .owl-next {

    transition: all .3s;

    right: -100%

}



.block-side:hover .owl-nav .owl-next {

    transition: all .3s;

    right: 5%;

    opacity: 1;

    visibility: visible

}



.edit {

    position: relative;

    border: 1px dashed transparent;

    min-height: 20px;

}



.edit:hover {

    border: 1px dashed #c70f19;

    \

}



.edit:hover:before {

    content: "\f040";

    font-family: "FontAwesome";

    font-size: 13px;

    color: #ffffff;

    width: 20px;

    height: 20px;

    display: block;

    background: #c70f19;

    position: absolute;

    top: 0;

    right: 0;

    cursor: pointer;

}



.block-info-address .block-content {

    padding: 10px 15px;

}



.block-info-address {

    margin-bottom: 15px;

}



.form-billing .choose-another {

    color: #056839;

    font-weight: bold;

    font-size: 14px;

}



h1.title-main {

    text-transform: uppercase;

}



@media (min-width: 768px) and (max-width: 1199px) {

    .block-col-main {

        float: right;

        width: 68%;

    }

    .block-col-sidebar {

        float: left;

        width: 32%;

    }

}



@media (min-width: 768px) {

    .block-col-main {

        float: right;

    }

    .block-col-sidebar {

        float: left;

    }

}



@media (max-width: 767px) {

    .block-news-home .news-item {

        margin-bottom: 12px;

    }

}



.block-editor-content ul,

.block-editor-content ol {

    padding-left: 30px;

}



.block-editor-content ul li,

.block-editor-content ol li {

    list-style-type: inherit;

}



.block-editor-content img {

    height: auto !important;

    max-width: 100% !important;

}



.block-editor-content {

    font-family: Montserrat !important;

    text-align: justify;

}