@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
.container-fluid {
    max-width: 1920px;
}
	
.nhslider .container-fluid > .row > div:last-child {
    padding-right: 0;
}
.nhslider .container-fluid > .row > div:first-child {
    padding-left: 0;
}
body {
    max-width: 1920px;
    margin: auto;
}
.clear-both {
    clear: both;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.padding-t-10 {
    padding-top: 10px !important;
}
.padding-b-10 {
    padding-bottom: 10px !important;
}
.padding-t-15 {
    padding-top: 15px !important;
}
.margin-r-10 {
    margin-right: 10px !important;
}
.margin-l-10 {
    margin-left: 10px !important;
}
.margin-b-10 {
    margin-bottom: 10px !important;
}
.margin-b-15 {
    margin-bottom: 15px !important;
}
.margin-t-10 {
    margin-top: 10px !important;
}
.margin-t-30 {
    margin-top: 30px !important;
}
.margin-t-60 {
    margin-top: 60px !important;
}
.margin-t-120 {
    margin-top: 120px !important;
}
.margin-t-180 {
    margin-top: 180px !important;
}
.margin-y-30{
    margin: 30px 0 !important;
}
.padding-y-30{
    padding: 30px 0 !important;
}

.vertical-middle {
    vertical-align: middle !important;
}
.sk-cube-grid {
    width: 60px;
    height: 60px;
}
.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #de4a4a;
    float: left;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
    animation-delay: 0.3s;
}   
.sk-cube-grid .sk-cube3 {
    animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
    animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
    animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0% {
        transform: scale3D(1, 1, 1);
    }
    70% {
        transform: scale3D(1, 1, 1);
    }
    100% {
        transform: scale3D(1, 1, 1);
    }
    35% {
        transform: scale3D(0, 0, 1);
    }
}
@keyframes sk-cubeGridScaleDelay {
    0% {
        transform: scale3D(1, 1, 1);
    }
    70% {
        transform: scale3D(1, 1, 1);
    }
    100% {
        transform: scale3D(1, 1, 1);
    }
    35% {
        transform: scale3D(0, 0, 1);
    }
}
.ajax-loading-icon {
    top: 35%;
    left: 47%;
    position: absolute;
}
.warp-loading-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
.warp-loading-all {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
.warp-bg {
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
}
.wrap-suggestion {
    background: #fff;
    width: 35%;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.wrap-suggestion .item-suggestion {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
    padding: 10px;
}
.wrap-suggestion .item-suggestion:last-child {
    border-bottom: none;
}
.wrap-suggestion .item-suggestion.ui-state-focus {
    border-bottom: 1px solid #ddd;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #f0f0f0;
    color: #333;
    font-weight: normal;
    margin: 0;
}
.wrap-suggestion .item-suggestion.ui-state-focus:last-child {
    border-bottom: none;
}
.wrap-cart-modal .modal-content {
    border-radius: 0;
}
.wrap-cart-modal .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f7b111;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    opacity: 1;
    z-index: 1;
}
.wrap-cart-modal .text-modal {
    margin-bottom: 5px;
}
.wrap-cart-modal .product-name-modal {
    font-size: 17px;
    padding-right: 20px;
    font-weight: normal;
}
.wrap-cart-modal .price-modal {
    color: #f7b111;
    font-size: 16px;
    font-weight: bold;
}
.wrap-cart-modal .price-sale-modal {
    display: inline;
    text-decoration: line-through;
    opacity: 0.5;
    font-size: 13px;
}
.button-modal .btn {
    border-radius: 0;
}
.button-modal .continue-shopping {
    background: #f7b111;
    text-transform: none;
    border-color: #f7b111;
    padding: 6px 0px;
}
.related-modal-cart {
    height: 70px;
}
.item-reldated {
    width: 50px;
    height: 70px;
}
.item-reldated img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    padding: 1px;
}
.image-cart-modal {
    border: 1px solid #ddd;
    padding: 1px;
}
.image-cart-modal img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-related {
    padding: 0 30px;
}
.slider-related.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
    content: '\eaa5';
    font-size: 20px;
    line-height: 70px;
    display: block;
}
.slider-related.owl-theme .owl-buttons div.owl-next:before {
    content: '\eaa6';
    font-size: 20px;
    line-height: 70px;
    display: block;
}
.slider-related .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    width: 25px;
    height: 70px;
    text-align: center;
    opacity: 1;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.slider-related .owl-controls .owl-buttons div.owl-next {
    right: 0;
    width: 25px;
    height: 70px;
    text-align: center;
    opacity: 1;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.item-suggestion .warp-img-suggestion {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    padding: 1px;
    background: #fff;
}
.item-suggestion .name-suggestion {
    font-size: 15px;
    margin-bottom: 5px;
}
.item-suggestion .price-suggestion {
    margin-bottom: 0;
}
.item-suggestion .price-well {
    margin-right: 10px;
    color: #f7b111;
    font-size: 16px;
    font-weight: bold;
}
.item-suggestion .price-sale {
    text-decoration: line-through;
    opacity: 0.7;
    color: #333;
    display: inline;
}
.item-suggestion img.img-suggestion {
    height: 100%;
    width: auto;
}
.slider-thumb {
    border-top: none;
    border-bottom: none;
}
.slider-thumb.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
    content: '\eaa5';
}
.slider-thumb.owl-theme .owl-buttons div.owl-next:before {
    content: '\eaa6';
}
.slider-thumb .owl-controls {
    margin: 0;
}
.slider-thumb .owl-wrapper-outer {
    padding: 0;
}
.slider-thumb .item {
    cursor: pointer;
    padding: 5px;
    border-radius: 3px;
}
.slider-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    overflow:  hidden;
}
.thub-image {
    margin-top: 30px;
    padding: 0;
}
.thub-image .item:hover img {
    border: 1px solid #f7b111;
}
.thub-image .item.active img {
    border: 1px solid #f7b111;
}
.thub-image .owl-theme .owl-controls .owl-buttons div {
    font-size: 25px;
}
.thub-image .owl-theme .owl-controls .owl-buttons div.owl-prev {
    top: 15px;
}
.thub-image .owl-theme .owl-controls .owl-buttons div.owl-next {
    top: 15px;
}
.xzoom-preview {
    background: #fff !important;
    border: 0 !important;
}
.advanced-product .ui-state-default {
    border: 1px solid #f7b111;
    background: #fff;
    z-index: 2;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    outline: 0;
    top: -.2em;
}
.advanced-product .ui-state-hover {
    background: #f7b111;
    cursor: pointer;
}
.advanced-product .ui-state-active {
    background: #f7b111;
    cursor: pointer;
}
.advanced-product .box-left {
    margin-bottom: 0px;
    padding: 0 15px 10px;
    border-bottom: 1px solid #ddd;
}
.advanced-product .nav_title {
    margin-bottom: 0;
    position:  relative;
}
.advanced-product .ui-slider .ui-slider-range {
    background: #f7b111;
}
.a-row label {
    display: inline;
    color: #444;
    font-weight: 400;
}
.a-row .selection {
    font-weight: 700;
}
.product-available {
    border-radius: 0;
    padding: 0;
    margin: 0 0 5px 0;
    border: none;
    background: none;
}
.product-available .item-available:hover {
    background: #f3f3f3;
}
.product-available .item-available .num-quantity {
    padding: 0 5px;
    line-height: 25px;
}
.product-available .item-available .price-well {
    font-size: 14px;
    color: #333;
    text-shadow: 0 2px 0 #e9e9e9;
}
.product-available .item-available .price-before {
    font-size: 12px;
    height: 17px;
}
.description-product-detail {
    padding: 0;
}
.description-product-detail ul {
    list-style: none;
}
.description-product-detail li {
    list-style: none;
}
.zoomLens {
    width: 100px !important;
    height: 100px !important;
}
.form-group {
    position: relative;
    min-height: 40px;
    clear: both;
}
.form-group .icon-required {
    position: absolute;
    top: 4px;
    right: 15px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #a94442;
}
#order-list .btn-primary {
    background-color: #428bca !important;
    border-color: #428bca;
    color: #fff;
}
#order-list .btn-pink {
    background-color: #d6487e !important;
    border-color: #d6487e;
    color: #fff;
}
#order-list .btn-grey {
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0;
    color: #fff;
}

.form-group .input.text p{
    margin: 0;
}
.captcha-input {
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 6px 12px;
    margin-bottom: 15px !important;
}

.btn-reload-captcha {
    color: #383838;
    line-height: 35px;
    font-size: 18px;
}
.nh-video-item .more-blogs {
    margin: 5px 0;
    color: #383838;
}
.nh-video-item .title-video-item {
    font-size: 20px;
    color: #383838;
    margin: 5px 0;
}
.nh-video-item .image-hover i[class*=icon-] {
    opacity: 0.5;
}
.result-validate {
    position: relative;
    clear: both;
    font-size: 12px;
}
.file-input .file-caption {
    height: 38px;
}
.file-input .file-actions {
    display: none;
}
.file-input .file-upload-indicator {
    display: none;
}
.nav-right .btn-show-search {
    font-size: 24px !important;
    padding: 0;
    line-height: 55px;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
}

.nav-right > .box-search-mobile > .btn-show-search {
    margin: 0;
    padding: 0;
}
@media (min-width: 768px) {
    .nav_desktop {
        margin-left: 0;
    }
}
.item-download {
    height: 150px;
    overflow: hidden;
}
.item-download .media .media-body p {
    height: 40px;
    overflow: hidden;
}
#main_img {
    text-align: center;
    height: 100%;
    border: 1px solid #ddd;
    position:  absolute;
    top: 0;
    right:  0;
    left: 0;
    bottom: 0;
}
#main_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.checkbox .level-2 {
    padding-left: 20px;
}
.checkbox .level-3 {
    padding-left: 40px;
}
.checkbox .level-4 {
    padding-left: 60px;
}
.position-relative {
    position: relative;
}
ul.slider-news li {
    list-style: none;
}
ul.main_menu_mega > li > ul {
    position: static;
}
.contacts-list {
    margin: 20px 0;
}
.contact-address-wrap {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.contact-address {
    padding: 5px 15px;
    cursor: pointer;
}
.address-active {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #ccc;
}
#add_another_contact {
    margin-top: 15px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    font-size: 14px;
}
.new-contact {
    margin-right: -15px;
    margin-left: -15px;
}
.price-detail-page {
    border: none;
}
.price-detail-page .dvt {
    font-size: 19px;
    color: #262626;
}
.price-detail-page .price-before {
    text-shadow: none;
    font-size: 14px;
}
.top-detail-product {
    margin-top: 0;
    position: relative;
}
.top-detail-product .code-product {
    margin-bottom: 5px;
    padding: 0;
}
.tag-discount {
    background: #262626;
    color: #fff;
    padding: 2px 6px;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    position: relative;
}
.tag-discount:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 14px solid #262626;
    position: absolute;
    top: 0;
    left: -14px;
}
.version {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.title-ver {
    margin: 0;
    position: relative;
    line-height: 35px;
}
.btn-ver {
    padding: 2px 5px 0 3px;
    border-radius: 0;
}
.title-name-product {
    margin-bottom: 5px;
    padding: 0;
}
#search-type {
    padding: 0;
    border: none;
}
#search-type .dropdown-toggle {
    font-size: 14px;
    color: #444;
    padding: 0 20px;
}
.out-of-stock {
    color: #ec353c;
    font-size: 20px;
}
.box-product-style2 .nav_title li {
    padding: 0 15px 0 0;
}
.box-product-style2 .nav_title li a {
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .nav_title li a.pdropcap:first-letter {
    font-size: 16px;
    color: #383838;
    font-weight: normal;
    text-transform: lowercase;
    display: block;
    padding: 8px 20px !important;
    position: relative;
}
.box-product-style2 .nav_title li a::before {
    display: none;
}
.box-product-style2 h3:before {
    background-color: #f7b111;
}
.box-product-style2 .tab-product .nav_title {
    border: none;
    margin: 0;
}
.modal-content {
    border-radius: 0;
}
.title-cart {
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  color: #414141 !important;
}
.btn-main {
  border-radius: 0;
  background-color: #b7dc36 !important;
  border: 1px solid #b7dc36 !important;
  color: #fff;
}
.btn-main.focus {
  background-color: #ea0009;
  border-color: #ea0009;
}
.btn-main:focus {
  background-color: #ea0009;
  border-color: #ea0009;
}
.btn-main:hover {
  background-color: #f7b111;
  border-color: #f7b111;
  color: #fff;
}
.icon-list-address {
  display: inline-block;
  width: 20px;
}
.list-products-order {
  max-height: 370px;
}
@media (max-width: 767px) {
  #footer {
    padding-top: 50px;
  }
  .menu-footer-vertical {
    margin-bottom: 0px !important;
    padding: 5px 0 !important;
  }
  #footer .menu-ft .title-menu-ft {
    margin-bottom: 5px;
  }
  #footer .menu-ft h4.title-menu-ft:after {
    top: 12px;
  }
  #footer .menu-ft .list-menu-fy {
    display: none;
  }
  #footer .menu-ft h4.title-menu-ft:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    float: right;
    position: absolute;
    right: 0;
  }
}
@media only screen and (max-width: 500px) {
  .gritter-center {
    left: 10% !important;
    right: 10% !important;
  }
}
.display-theme-1 {
  display: block;
}
.display-theme-2 {
  display: none;
}
.mSCover {
  background-size: cover !important;
}
.bg-main {
  background-color: #f7b111;
}
.nav-tabs-01 .nav-tabs li.active span {
  background-color: #f7b111;
}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {
  color: #f7b111;
}
.nav-tabs-01 .nav-tabs li.active i.icon-dot-circled {
  color: #f7b111;
}
.nav-tabs-01 .nav-tabs li span .demo-icon {
  color: #f7b111;
}
.nav-tabs-01 li.active .arrow-left::after {
  border-right-color: #f7b111;
  border-right-color: #f7b111;
}
.color-main {
  color: #f7b111;
}
.title-desc-detail {
  color: #f7b111;
}
.btn-primary {
  background-color: #f7b111;
  border: 1px solid #f7b111;
  color: #fff;
  color: #fff;
}
.btn-primary.focus {
  background-color: #ea0009;
  border-color: #ea0009;
}
.btn-primary:focus {
  background-color: #ea0009;
  border-color: #ea0009;
}
.btn-primary:hover {
  background-color: #ea0009;
  border-color: #ea0009;
}
a.btn-primary {
  background-color: #f7b111;
  border: 1px solid #f7b111;
  color: #fff;
  color: #fff;
}
a.btn-show-search {
  /* color: #fff; */
}
.pagination > li > a:focus {
  background-color: #f7b111;
  border-color: #f7b111;
}
.pagination > li > a:hover {
  background-color: #f7b111;
  border-color: #f7b111;
}
.pagination > li > span:focus {
  background-color: #f7b111;
  border-color: #f7b111;
}
.pagination > li > span:hover {
    background-color: #f7b111;
    border-color: #f7b111;
}
.pagination > li.active > a {
    background-color: #f7b111;
    border-color: #f7b111;
}
.pagination > .active > a {
    background-color: #f7b111;
    border-color: #f7b111;
}
.pagination > .active > a:focus {
  background-color: #f7b111;
  border-color: #f7b111;
}
.pagination > .active > a:hover {
    background-color: #f7b111;
    border-color: #f7b111;
}
.pagination > .active > span {
    background-color: #f7b111;
    border-color: #f7b111;
}
.pagination > .active > span:focus {
  background-color: #f7b111;
  border-color: #f7b111;
}
.pagination > .active > span:hover {
    background-color: #f7b111;
    border-color: #f7b111;
}
.bg-default {
    background-color: #383838;
}
.btn-default.focus {
    background-color: #e3e3e3;
    border-color: #f7b111;
    color: #f7b111;
}
.btn-default:focus {
    background-color: #e3e3e3;
    border-color: #f7b111;
    color: #f7b111;
}
.btn-default:hover {
    background-color: #e3e3e3;
    border-color: #f7b111;
    color: #f7b111;
}
.jslider .jslider-pointer {
    background: url(../images/jslider.png) no-repeat 0 0;
    background-position: 0 -60px;
}
.jslider .jslider-bg i {
    background: url(../images/jslider.png) no-repeat 0 0;
}
.box-search-mobile {
    float: right;
}
.box-search-mobile .box-search {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%;
    display: none;
    background: #fff;
    border-radius: 0;
    z-index: 999;
    padding: 20px;
    box-shadow: 0 0 5px #333;
    /*width: 300px;*/
    left: initial;
    padding: 0;
}
.box-search-mobile .box-search > .form-inline {
    border: none;
}
.box-search-mobile .box-search > .form-inline > .form-group {
    width: calc(100% - 39px);
}
.box-search-mobile .btn-search {
    right: 0;
    height: 40px;
    width: 39px;
    padding: 6px 12px;
}
@media (min-width: 1200px) {
    .box-search .form-inline input.form-control {
        width: 310px;
    }
}
@media (min-width: 992px) {
    .top-product-mon .col-xs-6:nth-child(3n + 1) {
        clear: both;
    }
    .search-product .list-item:nth-child(3n + 1) {
        clear: none;
    }
    .search-product .list-item:nth-child(4n + 1) {
        clear: both;
    }
}
@media (max-width: 991px) {
    .top-product-mon .col-xs-6:nth-child(2n + 1) {
        clear: both;
    }
}
@media (max-width: 767px) {
    .hotline {
        padding: 0;
        margin-top: -50px;
        text-align: right;
    }
}
@media (max-width: 480px) {
    .hotline {
        margin: 0;
        text-align: left;
    }
    .dropdown {
        float: right;
    }
    .ab-1-right {
        margin-left: -15px;
        padding-right: 12px !important;
    }
    .ab-1-left {
        padding-right: 0;
        padding-right: 15px;
        margin-left: -5px !important;
    }
    #sub-menu01 li .tab-item {
        padding: 7px 0;
        margin-left: 17px;
        display: inline-block;
    }
}
#cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: auto;
    line-height: 1;
}
#cssmenu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
    display: block;
}
#cssmenu ul li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
}
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box;
}
#cssmenu ul li:hover > ul > li {
    height: auto;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    display: none;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu ul ul li {
    height: 0;
    transition: height 0.2s ease;
}
#cssmenu ul ul li a {
    padding: 11px 20px;
    width: 250px;
    font-size: 14px;
    background: #e7b000;
    text-decoration: none;
    color: #fff;
    transition: color 0.2s ease;
}
#cssmenu ul ul li a:hover {
    color: #333;
}
#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    content: "";
    transform: rotate(-45deg);
    transition: border-color 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
#cssmenu ul ul li:hover > a {
  color: #333;
}
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  box-sizing: border-box;
  display: none;
}
#cssmenu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu > ul > li {
  float: none;
}
#cssmenu > ul > li > a {
  padding: 0 20px 0 10px;
  height: 46px;
  font-size: 14px;
  text-decoration: none;
  line-height: 46px;
  color: #333;
  transition: color 0.2s ease;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  transform: rotate(45deg);
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #fff;
}
#cssmenu > ul > li:hover > a {
  color: #ed1c24;
}
#cssmenu > ul > li.active > a {
  color: #ed1c24;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu li:hover > ul {
  left: auto;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  transition: all 0.25s ease-out;
  display: none;
}
@media all and (max-width: 1920px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1920px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1920px), only screen and (-o-min-device-pixel-ratio: 2) and (max-width: 1920px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1920px), only screen and (min-resolution: 192dpi) and (max-width: 1920px), only screen and (min-resolution: 2dppx) and (max-width: 1920px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu ul li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a {
    width: 100%;
  }
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu ul ul li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul ul li a {
    width: 100%;
    padding: 14px 20px 14px 30px;
    font-size: 14px;
    color: #333;
    background: none;
    height: 46px;
  }
  #cssmenu ul ul li a:hover {
    color: #333;
  }
  #cssmenu ul ul li:hover > a {
    color: #333;
  }
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul ul li li a {
    padding-left: 50px;
  }
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu #menu-button {
    display: none;
    padding: 25px 20px;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 17px;
    right: 20px;
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 22px;
    height: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 16px;
    right: 22px;
    display: block;
    width: 1px;
    height: 11px;
    background: #333;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    right: 17px;
    top: 21px;
    display: block;
    width: 11px;
    height: 1px;
    background: #333;
    z-index: 99;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu.align-center > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
}
.button-nav {
  width: 44px;
  height: 44px;
  position: relative;
  float: left;
  display: block;
  margin: 0;
  cursor: pointer;
  margin-left: 6px;
}
.button-nav:before {
  position: absolute;
  content: '';
  width: 30px;
  height: 2px;
  background: #2d7eaf;
  top: 17px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.button-nav:after {
  content: '';
  width: 30px;
  height: 10px;
  border-top: 2px solid #2d7eaf;
  border-bottom: 2px solid #2d7eaf;
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.box-nav {
  width: 270px;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  left: -300px;
  top: 0;
  z-index: 9999;
  box-shadow: 10px 5px 22px rgba(0, 0, 0, .3);
}
.box-nav.open {
  left: 0;
  transition: 0.2s all ease;
}
.black-drop {
  position: fixed;
  z-index: 999;
  background: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100%;
  display: none;
}
.black-drop.open {
  display: block;
}
.title-category {
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  padding: 0 15px;
  line-height: 46px;
  margin: 0;
  position: relative;
  background: #ed1c24;
}
.change-desktop {
  height: 40px;
  background: #e3e3e3;
  width: 100%;
  margin-top: 20px;
}
.change-desktop a {
  line-height: 40px;
  text-align: center;
  display: block;
  color: #333;
}
@font-face {
  font-family: star;
  src: url(../fonts/star.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U400-45F, U490-491, U4B -4B 1, U2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U1F -1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U370-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U400-45F, U490-491, U4B -4B 1, U2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U1F -1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U370-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U400-45F, U490-491, U4B -4B 1, U2116;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U1F -1FFF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U370-3FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
  unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
  unicode-range: U400-45F, U490-491, U4B -4B 1, U2116;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
  unicode-range: U1F -1FFF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
  unicode-range: U370-3FF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
  unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
  unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
  unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CLwR26eg.woff2) format('woff2');
  unicode-range: U460-52F, U1C 79C 88, U20B 4, U2DE -2DFF, UA640-A69F, UFE2E-FE2F;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CCwR26eg.woff2) format('woff2');
  unicode-range: U400-45F, U490-491, U4B -4B 1, U2116;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CKwR26eg.woff2) format('woff2');
  unicode-range: U1F -1FFF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CFwR26eg.woff2) format('woff2');
  unicode-range: U370-3FF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CJwR26eg.woff2) format('woff2');
  unicode-range: U102-103, U110-111, U1EA -1EF 9, U20AB;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CIwR26eg.woff2) format('woff2');
  unicode-range: U100-24F, U259, U1E -1EFF, U2020, U20A -20AB, U20AD-20CF, U2113, U2C 58C 7F, UA720-A7FF;
}
@font-face {
  font-family: Roboto Slab;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u92w7CGwR0.woff2) format('woff2');
  unicode-range: U0-0FF, U131, U152-153, U2BB-2BC, U2C 6, U2DA, U2DC, U2000-206F, U2074, U20AC, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD;
}
.name-suggestion .mark {
  padding: 0;
  text-decoration: underline;
  background: none;
  font-weight: normal;
}
.xzoom-lens-nh .xzoom-lens {
  border: none !important;
  max-height: 100%;
  max-width: 100%;
}
.item-available .img {
  width: 36px;
  text-align: center;
}
.item-available .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.zoomWindowContainer .zoomWindow {
  border: 0 !important;
  box-shadow: 0 0 10px -1px rgba(0, 0, 0, .3);
}
.list-meta-product > li {
  list-style: none;
  float: left;
  margin: 0 10px 10px 0;
}
.list-meta-product > li > a {
  color: #383838;
  padding: 5px 10px;
  border: 1px solid #ddd;
  line-height: 25px;
}
.list-meta-product > li > a:hover {
  color: #fff;
  border-color: #f7b111;
  background: rgba(237, 28, 36, 0.57);
}
.list-meta-product > li > a.active {
  color: #fff;
  border-color: #f7b111;
  background: rgba(237, 28, 36, 0.57);
}
#register-modal .form-group {
  height: 40px;
  clear: inherit;
}
#frm-profile .form-group {
  position: relative;
  min-height: 45px;
}
#frm-profile .form-group > div {
  position: relative;
  height: 40px;
}
.modal .modal-header {
  padding: 10px;
}
.modal-header .modal-title {
  font-size: 25px;
}
.account-user .dropdown-menu {
  border-radius: 3px;
}
.has-error .result-validate .form-control-feedback {
  top: -40px;
}
.has-success .result-validate .form-control-feedback {
  top: -35px;
}
.wrap-avatar-member > img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.list-download .media-heading {
  line-height: 17px;
}
.lg-outer .lg-thumb-item {
  border-radius: 0;
}
.style-view-small .img {
  min-height: 140px;
}
.media-body h4.media-title-video {
  margin-top: 0;
  margin-bottom: 5px;
}
.file-download .file-name {
  max-height: 35px;
  line-height: 17px;
  overflow: hidden;
}
.col-sm-1 > .item-download .description-list-file {
  display: none;
}
.col-sm-1 > .item-download .file-name {
  display: none;
}
.col-sm-1 > .item-download .btn-download span {
  display: none;
}
.col-sm-1 > .item-download .btn-download i {
  font-size: 20px !important;
}
.col-sm-1 > .item-download .file-download i {
  font-size: 20px !important;
}
.col-sm-3 > .item-download .description-list-file {
  display: none;
}
.col-sm-3 > .item-download .file-name {
  display: none;
}
.col-sm-3 > .item-download .btn-download span {
  display: none;
}
.col-sm-3 > .item-download .btn-download i {
  font-size: 20px !important;
}
.col-sm-3 > .item-download .file-download i {
  font-size: 20px !important;
}
.col-sm-4 > .item-download .description-list-file {
  display: none;
}
.col-sm-4 > .item-download .file-name {
  display: none;
}
.col-sm-4 > .item-download .btn-download span {
  display: none;
}
.col-sm-4 > .item-download .btn-download i {
  font-size: 20px !important;
}
.col-sm-4 > .item-download .file-download i {
  font-size: 20px !important;
}
.box-blogs:nth-child(2n + 1) {
  clear: inherit;
}
.box-right-download .media {
  margin: 0 0 20px 0;
}
.short_intro p {
  font-size: 15px;
  font-weight: bold;
}
.welcome .box_content {
  margin-top: 50px;
}
.tabs-block .tab-content {
  min-height: 100px;
}
.select2-container .select2-choice .select2-arrow b {
  background: url(../images/select2.png) no-repeat 4px 7px !important;
}
.item-product .img {
  background-size: cover !important;
}
.item-product .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-blogs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.4s ease-in-out;
    overflow: hidden;
}
.banner-img.col-1 > div {
    padding-right: 0;
    padding-left: 0;
}
.style-view-1 .img {
    min-height: 155px;
}
.bg-cart .nav-tabs a {
  text-transform: uppercase;
  font-size: 16px;
}
.list-shipping-address .address-option {
  cursor: pointer;
  z-index: 99;
  ox-sizing: border-box;
  position: relative;
  display: block;
  padding: 15px 15px 15px 30px;
  background: #fff;
  margin-bottom: 15px;
  border: 1px solid #ddd;
}
.list-shipping-address .address-option:hover {
  border: 1px solid #f7b111;
}
.list-shipping-address .address-option.active {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
  border: 1px solid #f7b111;
}
.address-option p {
  margin-bottom: 0;
}
.address-option p b {
  font-weight: bold;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.3;
}
.box-cart-left > .card {
  background: none;
  box-shadow: none;
  border: 1px solid #ddd;
}
.box-cart-left > .card > .nav-tabs > li > a::after {
  /* content: ''; */
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #666;
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #666;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #666;
}
.shoppingcart-box .list {
  max-height: 400px;
}
.fancybox-gallery:hover .image-hover {
  opacity: 0.65;
  background-color: #f7b111;
}
.nav-tabs-03.nav-tabs > li.active > a {
  background-color: #f7b111;
}
.nav-tabs-03.nav-tabs > li.active > a:focus {
  background-color: #f7b111;
}
.nav-tabs-03.nav-tabs > li.active > a:hover {
  background-color: #f7b111;
}
.box-step ul li.active .demo-icon {
  background-color: #f7b111;
}
.nav_title li a::before {
  background-color: #f7b111;
}
.title_style2 h3::after {
    background-color: #f7b111;
}
.opticon-select li:hover .btn-ver {
    background-color: #f7b111;
}
.opticon-select li.active .btn-ver {
    background-color: #f7b111;
}
.list-bank li label:before {
    background-color: #f7b111;
}
.box-style-1 .demo-icon:before {
    color: #f7b111;
}
.bottom-download span {
    color: #f7b111;
}
.cart-order .dropdown-toggle span.number {
    color: #ffffff;
}
.view-style .btn-view.active {
    color: #f7b111;
}
.nav li.active a {
    color: #000;
}
.nav_desktop ul li.sub-menu-style2 ul li a:hover {
    color: #ff2d16;
}
.nav_desktop ul li.sub-menu-style2:hover ul li a:hover {
    color: #ff2d16;
}
.nav_desktop ul li:hover ul li a:hover {
    color: #ff2d16;
}
.title-product a:hover {
    color: #ff2d16;
}
.breadcrumb > .active {
    color: #f7b111;
}
.newsletter .btn-default {
    color: #f7b111;
}
.btn-icon:hover {
    color: #ff2d16;
    border-color: #ff2d16;
}
.wapper.open {
  left: 270px;
  position: absolute;
  width: 100%;
}

/* ------------------------------------------------------------- */
/* BASIC SETUP */
/* ------------------------------------------------------------- */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    background-color: #ffffff;
    color: #555;
    font-family: 'Lato',sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea{
	color: #333;
	font-family: "Roboto Slab";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.66;
	overflow-x:  hidden;
	box-shadow: 0 5px 5px #ddd;
}

.mt-50 {
  margin-top: 50px;
}
.mt-100 {
  margin-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
body p,
.info-open,
.info-phone,
.ftc-sb-account .ftc_login > a,
.ftc-sb-account,
.ftc-my-wishlist *,
.dropdown-button span > span,
.ftc-search form,
.ftc-shop-cart,
.conditions-box,
.item-description .product_title,
.item-description .price,
.testimonial-content .info,
.testimonial-content .byline,
.widget-container ul.product-categories ul.children li a,
.widget-container:not(.ftc-product-categories-widget):not(.widget_product_categories):not(.ftc-items-widget) :not(.widget-title),
.ftc-products-category ul.tabs li span.title,
.products.list .short-description.list,
div.product .single_variation_wrap .amount,
div.product div[itemprop="offers"] .price .amount,
.orderby-title,
.blogs .post-info,
.blog .entry-info .entry-summary .short-content,
.single-post .entry-info .entry-summary .short-content,
.single-post article .post-info .info-category,
#comments .comments-title,
#comments .comment-metadata a,
.post-navigation .nav-previous,
.post-navigation .nav-next,
footer{
	/* font-family: "Roboto"; */
}

i, .fa, .icon, .pe7 {
  font-family: FontAwesome !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 0;
}

h2.widgettitle {
	/* margin-left: -10px; */
	margin-bottom: 30px;
	display: inline-block;
	font-size: 16px;
	transform: translateY(-5px);
	line-height: 24px;
	font-family: Roboto Slab;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2 {
	color: #333;
	font-size: 20px;
	font-weight: 300;
}

h3 {
	color: #333;
	font-size: 18px;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.15em;
}

h6 {
	color: #333;
	font-size: 15px;
	font-weight: 800;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}
.woocommerce .wishlist-title h2 {
	margin-bottom: 20px;
}
address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}


/* ------------------------------------------------------------- */
/* FORM */
/* ------------------------------------------------------------- */


label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	filter: none !important;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	display: inline-block;
	border: 1px solid #e5e5e5;
	background: #fff;
	/*padding: 19px 15px;*/
	margin: 0;
	width: 100%;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	text-align: left;
	width: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button 
{
	-webkit-appearance: none;
	} /* reset input type number on chrome */

	select {
		border: 1px solid #e5e5e5;
		height: 42px;
		max-width: 100%;
		background: #fff;
		padding: 10px 30px 10px 8px;
		filter: none !important;
		position: relative;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url(./assets/images/icon-select.png);
		background-position: right center;
		background-repeat: no-repeat;
	}
	.ftc-search input[type="submit"] {
		transition: none !important;
		-webkit-transition: none !important;
		-moz-transition: none !important;
	}
	input[type="radio"],
	input[type="checkbox"] {
		margin-right: 0.5em;
	}

	input[type="radio"] + label,
	input[type="checkbox"] + label {
		font-weight: 400;
	}

	button,
	input[type="button"],
	input[type="submit"] {
		background-color: #e5e5e5;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-size: 14px;
		line-height: 1;
		padding: 8px 12px;
		text-shadow: none;
		-webkit-transition: background 0.2s;
		transition: background 0.2s;
		float:left;
		text-transform: uppercase;
	}
	.woocommerce .quantity .qty{
		height: 30px;
		width: 35px;
	}
	.quantity  input[type="number"]{
		float: left;
		padding:1px 0;
	}
	.quantity-title{
		float: left;
		font-size: 15px;
		text-transform: uppercase;
		margin-right: 10px;
		line-height: 28px;
		font-weight: bold;
	}
	.quantity{
		overflow: hidden;
	}
	form#commentform p.form-submit input#submit:hover {
		color: #fff;
	}
	button.secondary,
	input[type="reset"],
	input[type="button"].secondary,
	input[type="reset"].secondary,
	input[type="submit"].secondary {
		background-color: #ddd;
		color: #222;
	}

	button:hover,
	button:focus,
	input[type="button"]:hover,
	input[type="button"]:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus {
		background: #f7b111;
		color: #fff;
		padding: 6px 14px;
	}

	button.secondary:hover,
	button.secondary:focus,
	input[type="reset"]:hover,
	input[type="reset"]:focus,
	input[type="button"].secondary:hover,
	input[type="button"].secondary:focus,
	input[type="reset"].secondary:hover,
	input[type="reset"].secondary:focus,
	input[type="submit"].secondary:hover,
	input[type="submit"].secondary:focus {
		background: #bbb;
	}
	
	/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* ------------------------------------------------------------- */
/* LISTS */
/* ------------------------------------------------------------- */
ul,
ol {
	margin: 0 0 1.5em;
	padding: 0px;
}

ul {
	list-style: disc;
	/* display: inline-block; */
	/* position: relative; */
	/* top: 50px; */
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* ------------------------------------------------------------- */
/* TABLES */
/* ------------------------------------------------------------- */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

/* ------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------- */

a {
  color: #666;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  transition: all 200ms ease 0s;
  -webkit-transition: all 200ms ease 0s;
  -moz-transition: all 200ms ease 0s;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:hover,
a:active {
	color: #ff2d16;
	outline: 0;
}

/* Hover smooths */

/* Fixes linked images */
.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/* ------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------- */

.box-search {
    float: right;
}
.nav-right .btn-show-search {
    font-size: 16px !important;
    padding: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    font-weight: bold;
}

.menu-main-container {
  padding: 25px 0;
}
.box-payment .title_style4 h3{
        padding-top: 10px;
}


.fixed {
    max-width: 1920px;
    position: fixed;
    margin:  auto;
    box-shadow: 0 5px 10px #80808087;
    top: 0;
    background: #fff;
    width: 100%;
    display: block;
    padding: 5px 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    z-index: 9999;
}

/* ------------------------------------------------------------- */
/* MAIN SLIDER */
/* ------------------------------------------------------------- */

.mighty-slider {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 30vw !important;
}

/* ------------------------------------------------------------- */
/* HOME BANNER */
/* ------------------------------------------------------------- */

.shoppingcart-box .view-link a {
    width: 100%;
    background-color: #282828;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 24px 10px 24px;
    border: 2px solid #e5e5e5;
}

.shoppingcart-box .view-link a:hover {
    background-color: #f7b111;
}

.shoppingcart-box .price-well{
    color: #444;
}

.ftc-smooth-image.ftc-smooth {
    line-height: 0;
    position: relative;
    max-width: 100%;
    overflow: visible;
}
.ftc-smooth-image {
    margin-bottom: 40px;
    text-align: center;
    overflow: hidden;
}

.smooth-image.ftc-smooth:before, .smooth-image.ftc-smooth:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.smooth-image.ftc-smooth:hover:before {
    background-color: rgba(255,255,255,0.2);
    right: 50%;
    left: 50%;
}
.smooth-image.ftc-smooth:hover:after {
    background-color: rgba(255,255,255,0.2);
    top: 50%;
    bottom: 50%;
}

/* ------------------------------------------------------------- */
/* SECTION TITLE */
/* ------------------------------------------------------------- */

.product-list-vertical .border-bottom .hide-toggler-cont a {
    position: relative;
    display: inline-block;
    font-size: 14px !important;
    color: #666 !important;
    text-transform: none !important;
    margin-left: 23px !important;
    font-weight: normal !important;
}

.hide-toggler-cont a:after {
    font-family: 'FontAwesome';
    position: absolute;
    content: "\f105";
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    right: auto;
    top: 12px;
    left: 7px;
}

.block-title h2 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
    margin-bottom: 10px;
}


/* ------------------------------------------------------------- */
/* COMPANY INTRODUCTION */
/* ------------------------------------------------------------- */

.single-trust img {
    background: #f7b111;
    padding: 12.5px;
    border-radius: 50%;
    height: 53px;
    width: auto;
}
span.trust {
    font-weight: 500;
    font-size: 18px;
    color: #525252;
    line-height: 24px;
    padding-left: 20px;
}
.single-trust .wpb_text_column {
    background: #f9f9f8;
    padding: 14px 20px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.right-image span.trust {
    padding-left: 0;
    padding-right: 20px;
}
.right-image p {
    text-align: right;
    margin: 0;
}
.inner {
    margin-bottom: 15px !important;
}
.wpb_wrapper p{
    margin: 0;
}

/* ------------------------------------------------------------- */
/* CLIENT REVIEWS */
/* ------------------------------------------------------------- */

.bg-testimonial {
    /*background-image: url(/uploads/plugin/custom_img/2020-10-22/1603357611-767630019-custom.png) !important;*/
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 10px 0;
    position: relative;
}
.bg-testimonial:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.1);*/
}

.testimonials .item-customer{
    background-color: #fff;
    border: 1px solid #ccc;
}
.testimonials .item-customer p.chucvu,
.testimonials .item-customer p.name{
    margin: 0;
}

.testimonials .item-customer img{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-right: 15px;
}


/* ------------------------------------------------------------- */
/* PARTNERS */
/* ------------------------------------------------------------- */

.section-partner-no-border .vc_custom_1501494976089 {
    border: none !important;
}

/* ------------------------------------------------------------- */
/* CLIENT REVIEWS */
/* ------------------------------------------------------------- */

.ftc-feature {
    text-align: center;
    color: #666;
}
.ftc-feature .feature-content {
    line-height: 0;
}
.ftc-feature .fa {
    background-color: #f7b111;
    color: #fff;
    padding: 18.5px;
    font-size: 28px;
    border-radius: 50%;
    width: 65px;
}
.ftc-feature .ftc_feature_content {
    padding-top: 22px;
    line-height: 24px;
}
.ftc-feature .ftc_feature_content h3 {
    margin-bottom: 2px;
}
.ftc-feature .ftc_feature_content h3 {
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.section-ulti {
    margin-bottom: 0px !important;
    padding-top: 60px !important;
    padding-bottom: 55px !important;
    background-color: #f9f9f9 !important;
}
/* ------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------- */

#footer{
    /*background: url(../assets/images/footer.png);*/
    /*background-position: center !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-size: cover !important;*/
    background-color: #083da0;
}

.ftc-instagram.columns-3 {
    /* transform: translateX(-20px); */
}
.ftc-instagram .item {
    width: calc(33.33% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

#footer h2.widgettitle {
    /* margin-left: -10px; */
}

.ft-coppyright p{
    text-align: center;
    color: #fff;
    padding: 10px 0;
    margin: 0;
}

/* ------------------------------------------------------------- */
/* PRODUCT ITEM */
/* ------------------------------------------------------------- */

.owl-theme .owl-controls .owl-page.active span {
    background-color: #f7b111;
}

.owl-page span {
    font-family: 'FontAwesome';
    content: "";
    width: 10px !important;
    height: 10px !important;
    background: #282828 !important;
    border-radius: 50% !important;
    display: block;
    margin: 0 7.5px !important;
}

.owl-theme .owl-controls .owl-page.active span {
    background-color: #f7b111;
}

.owl-page span {
    font-family: 'FontAwesome';
    content: "";
    width: 10px !important;
    height: 10px !important;
    background: #fdc730 !important;
    border-radius: 50% !important;
    display: block;
    margin: 0 7.5px !important;
}

.owl-buttons .owl-prev:before {
    content: "\f100";
}

.owl-buttons .owl-next:before {
    content: "\f101";
}

.owl-buttons div:before {
    line-height: 16px;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 300;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.owl-buttons div {
    position: absolute !important;
    cursor: pointer !important;
    bottom: 33px !important;
    z-index: 4;
    left: 50% !important;
    transform: translateX(calc(-50%));
    line-height: 0 !important;
    display: inline-block !important;
    font-size: 0 !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #282828 !important;
    transition: left 650ms,right 650ms,color 250ms,background 250ms,opacity 250ms,border-color 250ms,visibility 250ms ease 0s;
    -webkit-transition: left 650ms,right 650ms,color 250ms,background,opacity 250ms,border-color 250ms,visibility 250ms 250ms ease 0s;
    -moz-transition: left 650ms,right 650ms,color 250ms,background,opacity 250ms,border-color 250ms,visibility 250ms 250ms ease 0s;
}

.owl-buttons .owl-prev {
    margin-left: -51px;
}

.owl-buttons .owl-next {
    margin-left: 51px;
}

.action-product a, .action-product-view-list a {
    line-height: 35px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    width: 35px;
    height: 35px;
    background-color: #ebebeb;
    border-right: 0;
    border-radius: 50%;
    color: #333;
    margin: 0 4px;
    font-size: 14px;
}

.item-product .border {
    border: none;
}
.hover-action-product:hover{
    /*border: 0;*/
    box-shadow: 0px 1px 10px 6px rgba(128, 128, 128, 0.15);
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.star-rating {
    color: #b7dc36;
    margin: 8px auto 20px;
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    width: 69px;
    float: none;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-family: star;
}

.star-rating::before {
    content: '\73\73\73\73\73';
    color: #fdc730;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    color: #f7b111;
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

/* ------------------------------------------------------------- */
/* PRODUCT CATEGORY */
/* ------------------------------------------------------------- */

.banner-overlay{
    background-image: url(/uploads/plugin/custom_img/2018-09-10/1536547650-699688875-custom.jpg);
    background-repeat: no-repeat;
    margin: 0px auto 40px;
    background-position: center;
    background-size:  cover;
}

.banner-overlay .title-main {
    text-align: center;
    padding: 10% 0;
    position: relative;
    z-index: 3;
    background-color: transparent;
}
.banner-overlay .breadcrumb a, .banner-overlay .breadcrumb .active{
    text-transform: uppercase;
    font-size: 20px !important;
    line-height: 30px;
    font-weight: bold;
    color: #fff !important;
}

.banner-overlay .breadcrumb .active{
    color: #f7b111!important;
}

.banner-overlay .pull-left {
    float: none !important;
}

.list-item.col-md-4:nth-child(3n+1) {
    /* clear: both; */
}

.img-main-detail {
    position: relative !important;
}

.widget-title, .widget-container ul.product-categories > li {
    text-transform: uppercase;
    font-weight: bold;
}
.widget-title {
    font-size: 20px !important;
    line-height: 24px;
    padding: 10px 15px !important;
    margin: 0;
    position: relative !important;
    text-align: left;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
.content-box-left ul.nav_title.clearfix {
  padding-bottom: 0;
}
.me-select .checkbox {
    margin: 0;
}
.content-box-left ul.nav_title:before {
    position: absolute;
    content: "";
    left: 0;
    right: 20px;
    width: 100%;
    bottom: 0;
    height: 1px;
    border-bottom: 1px solid #ebebeb;
}

.box-detail-list-product .pagination {
    margin-top: 10px;
    margin-bottom: 85px;
    border: 1px solid #ebebeb;
    padding-top: 15px;
    text-align: center;
    padding-right: 7px;
    display: inline-block;
    width: 100%;
}

.box-detail-list-product .pagination li {
    float: none !important;
    display: inline-block;
}

.box-detail-list-product .pagination li a{
    border: 0 !important;
    border-radius: inherit;
    overflow: initial;
    line-height: 30px;
}

.box-detail-list-product .pagination .active a, .box-detail-list-product .pagination li a:hover{
    background-color: #f7b111;
    border-color: #f7b111;
}

.view-list .hover-action-product .action-product
{
    display: none;
}

.view-list .list-item .hover-action-product:hover {
    box-shadow: none;
}

.view-list .list-item .item-product.style-view-2 {
    border: none;
}

.view-list .list-item .hover-action-product .img {
        border: 0;
    box-shadow: 0px 1px 10px 6px rgba(128, 128, 128, 0.15);
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
}

.view-list .hover-action-product:hover {
    box-shadow: none;
}
.view-list .title-product a {
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    margin: 20px auto;
    font-weight: bold;
}
.view-list .title-product{
    margin: 5px 0;
}
.view-list .price-well{
    color: #000;
    margin: 5px 0
}
.view-list .star-rating{
    display: none;
}
.view-list .desc-product-thumb{
    margin: 15px 0;
}
.product-list-vertical .widget-title {
    background-color: transparent;
    color: #000;
    margin: 0;
    padding: 10px 15px !important;
    border-bottom: 1px solid #ebebeb;
}
.product-list-vertical .block-nav-left-mobile {
    padding: 0 15px !important;
}
.product-list-vertical .border-bottom{
    border: 0;
}

.widget-container:not(:first-child) .widget-title{
    font-size: 16px !important;
    padding: 7px 0 !important;
}

.product-list-vertical .border-bottom a{
    font-size: 15px !important;
    line-height: 24px;
    /* padding: 10px 0 8px 20px !important; */
    margin: 0;
    padding-right: 20px;
    position: relative !important;
    display: inline-block;
    text-align: left;
    text-transform: uppercase !important;
    font-weight: bold !important;
}
.product-list-vertical .border-bottom a.btn-hide-toggle-sub-menu {
    position: absolute !important;
}
.product-list-vertical .border-bottom {
    border-bottom: 1px solid #ebebeb;
}

.product-list-vertical .border-bottom:last-child {
    border-bottom: none;
}

.product-list-vertical .widget-title:before {
    left: -20px;
    right: -20px;
}

.product-list-vertical .bs-docs-sidenav a:hover{
    background-color: transparent;
    color: #f7b111;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.top-list-product-subpage .title-sub-category span{
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
}

.view-list .hover-action-product .action-product-view-list {
    visibility: visible;
    opacity: 1;
    background: transparent;
    position: static;
    margin: 15px 0;
    text-align: left;
}

.view-list a.btn.btn-main-2.btn-black-2.btn-shop-cart {
    display: none;
}

.view-list .status-product {
    top: 15px;
}

h2.result-count {
    position: absolute;
    left: 50%;
    font-size: 15px;
    line-height: 22px;
    color: #444;
    padding: 12px 0;
    margin: 0;
    transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}
.top-list-product-subpage h2.result-count{margin: 0;padding: 5px;}

/* ------------------------------------------------------------- */
/* PRODUCT DETAIL */
/* ------------------------------------------------------------- */

.bottom-detail-product .nav_title>li {
    padding: 0 15px 0 0;
}

.bottom-detail-product .nav_title li.active a {
    background-color: #f7b111;
    color: #fff;
}

.bottom-detail-product .nav_title li a{
    font-size: 16px;
    /*line-height: 18px;*/
    padding: 10px 20px;
    background: #f4f4f4;
    border-radius: 5px;
    
}

.bottom-detail-product .tab-content {
    text-align: justify;
    word-spacing: 1px;
    font-size: 14px;
    padding: 15px;
    margin: 0;
    clear: both;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

.top-detail-product .widget-title:before {
    left: 0px;
    right: -30px;
    margin-bottom: -23px;
    border-bottom: 2px solid #ebebeb;
}

.product-detail .nav_title.clearfix{
    border: none;
}

.thub-image .owl-item {
    width: 100px !important;
    height: 100px !important;
}

/* ------------------------------------------------------------- */
/* PRODUCT DETAIL */
/* ------------------------------------------------------------- */
.item-blogs:hover .img-blogs img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    opacity: 0.7;
    transform: scale(1.2);
    -webkit-transition: transform 0.4s, opacity 0.4s ease-in-out;
    -moz-transition: transform 0.4s, opacity 0.4s ease-in-out;
    transition: transform 0.4s, opacity 0.4s ease-in-out;
}

.title-blogs-item a {
    font-size: 14px;
    font-family: Roboto Slab;
    line-height: 24px;
    color: #333;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.style-carousel .title-blogs-item a {
  line-height: 24px;
}
.style-carousel .more-blogs {
  margin: 0;
}

/* NEWS SLIDER */
.item-blogs .info {
    margin-bottom: 0;
    float: right;
    text-align: left;
    margin-top: 15px;
}

.block-news .nav_title{
    text-align: center;
    margin-bottom: 5px;
}
.block-news .nav_title li {
  width: 100%;
  padding: 0;
}
.box-blogs .info:after {
    display: none;
}

.block-news .slider-product .info:after {
    display: none;
}

/* NEWS CAROUSLE */

.carousel-info-block{
    padding-left: 0;
}
.style-carousel .img-news {
    height: 270px !important;
}

/* NEWS SMALL */

.style-carousel, .style-small{
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 5px;
}

.style-carousel .info, .style-small .info {
    padding: 0 20px 0 0;
}

/* NEWS TABS */

.img-news {
    overflow: hidden;
}

/* ------------------------------------------------------------- */
/* EMAIL SUBCRIBE */
/* ------------------------------------------------------------- */

#frm-reg-email .btn-send-reg-email:before {
    font-size: 13px;
    font-family: FontAwesome;
    content: '\f101';
    position: relative;
    left: -10px;
}

.form-email-news {
    padding:  10px 115px 10px 15px;
    background-color: #fff;
    color: #333;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    height: auto;
    box-shadow: none;
}

/* ------------------------------------------------------------- */
/* NEWS CATEGORY */
/* ------------------------------------------------------------- */

.box-product-style2 .img-blogs {
    min-height: auto;
    position: relative;
    overflow: hidden;
}

.box-product-style2 .img-news {
    /* position: relative; */
    z-index: 2;
    width: 100%;
    overflow: hidden;
}
.box-product-style2 .title-blogs-item{
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0 5px;
    height: 70px;
}
.btn-view-more{
    font-weight: 500;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    background: #fdc730;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
}

.widget-title:before {
    display: none;
}

.col-md-3.col-sm-3.col-xs-6.list-item.box-blogs:nth-child(2n+1) {
    clear: both;
}
.item-blogs.style-small {
    border: none;
    width: calc(100% - 30px);
    margin: 15px 15px 0;
    padding: 0 15px;
}

.style-small .carousel-info-block, .style-small .carousel-img-block{
    width: 100% !important;
}

.style-small .img-blogs{
    margin: 0;
}

.style-small .title-blogs-item a{
    font-weight: bold;
    text-align: left;
    display: block;
    margin-top: 15px;
    font-size: 14px !important;
}
.style-small .title-blogs-item{
    margin: 0;
}
.style-small .info{
    padding: 0 15px;
    margin: 0;
}
.product-list-vertical .border-bottom a {
    font-weight: 300 !important;
    text-transform: none !important;
    font-size: 15px !important;
}

.bs-docs-sidenav {
    float: none;
}

.block-news .nav_title {
    margin: 0;
    border: none;
    border-bottom: 1px solid #ebebeb;
    padding: 0 15px;
}
.block-news .nav_title a{
    margin: 0;
    font-size: 20px;
    padding-right: 45px;
    font-weight: bold;
}

/* ------------------------------------------------------------- */
/* CONTACT PAGE */
/* ------------------------------------------------------------- */
.address-contact{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-top: 43px;
    margin-bottom: 15px;
}
.address-contact img{
    margin-bottom: 15px;
}
.address-contact p i{
    margin-right: 10px;
}


/* ------------------------------------------------------------- */
/* ABOUT US PAGE */
/* ------------------------------------------------------------- */

.wpb_start_animation {
    opacity: 1;
    filter: alpha(opacity=100);
}
.wpb_animate_when_almost_visible {
    opacity: 0;
    filter: alpha(opacity=0);
}
.vc_progress_bar .vc_single_bar:first-child {
    margin-top: 23px;
}
.vc_progress_bar .vc_single_bar .vc_bar, .vc_progress_bar .vc_single_bar {
    border-radius: 0;
}
.vc_progress_bar .vc_single_bar {
    margin-bottom: 53px !important;
}
.vc_progress_bar .vc_single_bar {
    background: #f7f7f7;
    position: relative;
    margin-bottom: 11.67px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.vc_progress_bar .vc_single_bar .vc_label {
    top: -20px;
    font-size: 14px;
    line-height: 8px;
    padding: 0;
    color: #333 !important;
    text-shadow: none !important;
    text-transform: uppercase;
    font-weight: bold;
}
.vc_progress_bar .vc_single_bar .vc_label {
    display: block;
    position: relative;
    z-index: 1;
}
.vc_progress_bar.wpb_content_element > .vc_general.vc_single_bar > .vc_bar{
    background-color: #f7b111;
}
.vc_progress_bar .vc_single_bar .vc_bar.animated {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.vc_progress_bar .vc_single_bar .vc_bar {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #e0e0e0;
    width: 0%;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: width 1s linear;
    -moz-transition: width 1s linear;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
}

.about-us .wpb_wrapper p {
    font-size: 15px;
}

.vc_row[data-vc-full-width] {
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    overflow: hidden;
}
.vc_custom_1490080257527 {
    margin-bottom: -20px !important;
}
.ftc-team-member {
    text-align: center;
    font-size: 14px;
    padding: 0;
    max-width: 320px;
    margin: 0 auto;
}
.ftc-team-member .image-thumbnail {
    position: relative;
    margin-bottom: -1px;
    overflow: hidden;
    border-radius: 50%;
    /* height: 275px; */
}

.ftc-team-member .content-info {
    width: 100%;
}

.ftc-team-member .image-thumbnail:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    z-index: 1;
    opacity: 0;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
    border-radius: 50%;
}
.ftc-team-member .socials {
    position: absolute;
    left: 0;
    right: 0;
    display: none;
    top: 50%;
    z-index: 2;
    transform: translate(0,-49%);
    -webkit-transform: translate(0,-49%);
    -moz-transform: translate(0,-49%);
    -ms-transform: translate(0,-49%);
}
.ftc-team-member .socials li {
    width: 30px;
    height: 30px;
    margin: 4px;
    display: inline-block;
}
.ftc-team-member header {
    padding: 20px 0 0;
}
.ftc-team-member header > h3, .ftc-team-member header > h3 a {
    font-size: 15px;
    line-height: 30px;
}
.ftc-team-member .image-thumbnail:hover .socials {
    display: block;
}
.ftc-team-member .socials a {
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: transparent;
    position: relative;
    z-index: 1;
    color: #fff !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    overflow: hidden;
}
.ftc-team-member .socials a.facebook:hover, .ftc-team-member .socials a.rss:hover, .ftc-team-member .socials a.google-plus:hover {
    background: #3B5998;
}
.ftc-team-member .socials a.twitter:hover, .ftc-team-member .socials a.linked:hover {
    background: #f7b111;
}
.ftc-team-member .image-thumbnail:hover:before {
    opacity: 0.75;
    background: #000;
}

/* ------------------------------------------------------------- */
/* NEWS DETAIL */
/* ------------------------------------------------------------- */

.top-post p{
    min-height: auto;
    position: relative;
    overflow: hidden;
}

.top-post p img{
    width: 870px;
    height: auto;
}
.box-detail-post.top-post .title-blogs-item{
    text-transform: uppercase;
    font-size: 26px;
}

.box-detail-post.top-post .title-blogs-item:after{
    display: none;
}

.ckeditor-post p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 100;
    text-align: justify;
}


/* ------------------------------------------------------------- */
/* LOGIN PAGE */
/* ------------------------------------------------------------- */


.section-register .title_style3 h3, .section-login .title_style3 h3 {
    font-size: 18px;
}

.section-register .control-label, .section-login .control-label {
    max-width: 100%;
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.section-login .btn-register{
    font-size: 15px;
}
.section-login .btn-submit{
    background-color: #ffba00 !important;
    color: #fff;
    font-weight: bold;
}
.section-login .btn-submit:hover{
    background-color: #94c347 !important;
}




/* ------------------------------------------------------------- */
/* REGISTER PAGE */
/* ------------------------------------------------------------- */

.section-register .captcha-img {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.section-register .captcha-reload {
    margin-top: 10px;
    margin-bottom: 15px;
}
.section-register .input.text {
    margin-top: -10px;
    width: 42%;
    margin-bottom: 15px;
}

.section-register input#CaptchaModelSecurityCode, .section-register .captcha-img {
    height: 48px;
}

ul.nav.navbar-nav.clearfix {
    padding: 0;
    width: 100%;
    border-style: solid;
    margin: 0;
    border: navajowhite;
}

.tab-product li {
    text-align: left;
    display: inline-block;
    float: none !important;
    margin: 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
    vertical-align: middle;
    transition: background 100ms ease;
    -webkit-transition: background 100ms ease;
    -moz-transition: background 100ms ease;
    border-radius: 5px;
}

.content-tab-product.clearfix.row {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
    /* padding-left: 0px; */
    /* margin-left: 15px; */
    margin-right: 0;
    margin-top: 10px;
}

.homepage-category .item-slider {
    clear: both;
    display: flex;
    flex-flow: row wrap;
}

.tab-product li a {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px !important;
    text-transform: uppercase;
}

.homepage-category .collapse {
    display: block;
    padding: 0;
}

.collapse.in {
    display: block !important;
}


.homepage-category {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-color: #f9f9f8 !important;
}

.box-product-style2 .tab-product {
    border: none;
}

.homepage-category .item-product.style-view-2 {
    background: #fff;
    padding: 2px;
    border-radius: 5px;
}

.homepage-category .hover-action-product .action-product {
    top: -113px;
    right: 0px !important;
}

.text-category3 {
    position: absolute;
}
.vc_custom_1502073760654 {
    margin-bottom: 0px !important;
}

.text-shop {
    background-color: #94c347;
    margin: 0;
    border-radius: 5px;
    padding: 15px 27px;
    color: #fff;
    position: absolute;
    top: 51px;
    left: 17px;
    z-index: 11;
}

h2.text-category1 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

h1.text-category1 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin: 0;
}

.homepage-category .block-title p:after {
    display: none;
}

.tab-product li:hover a,.tab-product li.active a {
    background-color: #fdc730; 
    color: #333 !important;
}

.tab-product li:hover, .tab-product li.active {
     border-color: #94c347; 
}

.megamenu.clearfix {
    margin-top: 0px;
    padding: 20px 9px;
    border-top: 2px solid #94c347;
    box-shadow: 0px 4px 13px -3px #808080;
}

.modal-dialog {
    margin-top: 12%;
}
input, input:focus {
    box-shadow:  none !important;
}
#footer .menu-footer-vertical.ftc-instagram-widget a:before {
    display: none;
}

.menu-footer-vertical.ftc-instagram-widget a {
    margin: 0;
}

span.icon img {
    background-color: #f7b111;
    border-radius: 50px;
    padding: 5px;
}

.box-product .tab-product .block-title h2 {
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
}

.box-product .tab-product .block-title p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    margin: 0;
    color: #fff;
}

.tab-content .title-category h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    color: #282828;
    padding-top: 35px;
}

.title-category {
    background: transparent;
}
.homepage-category .tab-product li {
    float: none;
    display: block;
}

@media (hover:none)  {
    .item-product .img .action-product {
        display: none;
    }
    .item-blogs .img-blogs img{
        transform: none !important;
        opacity: 1 !important;
    }
}

.collapse {
    display: block;
    overflow:  hidden;
}
.contact_info_map a {
    color: #fff;
}
.light-gallery {
    padding: 0;
}

#video-gallery{
    padding: 0 15px;
}
.detail-list-blogs .box-blogs.view-list{
    width: 100%;
}

/* Order pages */

.box-payment .title_style4 h3 {
	border: none;
	padding: 0 0 15px 0;
}

.box-payment .box-cart-right {
	border: none;
	background: #fff;
	padding: 15px;
}

.box-payment .price-well {
	color: #0070c9;
	font-size: 14px;
}

.box-payment .input-cart {
	position: static;
	border: none;
	font-size: 19px;
	font-weight: bold;
	color: #0070c9;
}

.box-payment .order-quantity>p {
	display: inline-block;
}

.box-payment .order-quantity {
	/* margin-top: 15px; */
}

.box-payment .media-body .media-heading a {
	font-size: 14px;
}

.box-payment .media.position-relative.product-item-order {
	display: flex;
}

.box-payment .img-80 {
	height: 100%;
}

.box-payment .price-before {
	font-size: 12px;
	display: inline-block;
}

.box-cart-right-cont .media-body .price-well {
    padding-right: 15px;
    display: inline-block;
}

.box-payment .title-promotion {
	padding: 0;
	margin-bottom: 15px;
}

.box-payment .item-promotion {
	margin: 5px 0;
	padding: 10px 0;
}

.box-payment .button-cart.text-right {
	text-align: center;
}

.box-payment button#btn-process-payment,
.box-payment .btn-continue-pay,
.box-payment .btn-cancel,
.box-payment .btn-login {
	background: linear-gradient(#3f9fea, #0077cc);
	border: none;
	float: none;
}

.box-payment .box-cart-left>.card {
	border: none;
	background: #fff;
	/* padding: 15px; */
}

.box-payment .nav-tabs {
	border: none;
}

.box-payment .price {
	color: #000;
	font-weight: bold;
}

.alert-success>span {
	display: block;
	height: 48px;
	margin-left: auto;
	margin-bottom: 15px;
	margin-right: auto;
	width: 48px;
	border-radius: 25px;
	background: #4caf50;
	font-size: 24px;
	color: #fff;
}

.alert-success {
	background: #fff;
	border: none;
}

.alert-success span:before {
	vertical-align: -webkit-baseline-middle;
}

.success-announce {
	font-size: 24px;
	font-weight: bold;
	color: #4caf50;
}

.col-md-6.col-md-offset-3.col-xs-12.cart-right {
	width: 100%;
	padding: 0;
	margin: 0;
	float: none !important;
}

.box-cart-left>.card>.tab-content {
	padding: 40px 30px;
	margin-left: auto;
	margin-right: auto;
}

a.product-item-info.delete-order.pull-right {
	color: #000;
	font-size: 20px;
}

.black-text {
	color: #000 !important;
}

.box-payment .btn-login {
	width: 180px;
	float: none;
	height: 42px;
}

#order-info .nav-step {
	background: #fff;
	margin-bottom: 50px;
}

#order-info {
	background: #f2f2f2;
}

#order-info .breadcrumb-box {
	margin: 0;
}

.p-25 {
	padding: 25px;
}

.p-15-30 {
	padding: 15px 30px;
}

.box-payment .box-step3 {
	background: #fff;
	border: none;
	padding: 15px;
}

.box-payment td.td-width2 {
	padding: 15px 0 !important;
}

.p-50 {
	padding: 50px;
}

.p-30 {
	padding: 30px;
}

.order-success-detail {
	margin: 20px 0 5px;
	font-weight: bold;
}

.order-product-title {
	width: 33%;
	display: inline-block;
	float: left;
}

div#login-cart {
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}
.choose-bank {
    padding: 0;
    width: calc(100% - 325px);
    margin: 0;
}
.payment-methods .box-payment .box-cart-left>.card {
    padding: 30px;
}

.payment-methods .box-payment .box-cart-right {
    padding: 30px;
}

.box-step3 .title_style3 h3 {
    width: 100%;
}





#list-method ul.nav.nav-tabs li {
    width: 100%;
    margin-bottom: 20px;
}
#list-method .nav-tabs {
    border: none;
    position:  relative;
    margin-left: -1px;
}
.box-cart-left > .card > .nav-tabs > li.active > a {
    border-width: 0;
    border: none;
    color: #0070c9!important;
    background: transparent;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.box-cart-left > .card > .nav-tabs > li.active > a:focus {
    border-width: 0;
}
.box-cart-left > .card > .nav-tabs > li.active > a:hover {
    border-width: 0;
}
.box-cart-left > .card > .nav-tabs > li > a {
    border: none;
    color: #333;
    font-weight: 600;
    background: #ccc;
    margin: 0;
    padding: 14px 15px;
    border-radius: 0;
    width: 100%;
}
.box-cart-left > .card > .nav-tabs > li > a:hover {
    border: none;
    color: #0070c9 !important;
    background: transparent;
    /* font-size: 16px; */
    /* font-weight: bold; */
    /* text-transform: uppercase; */
}
.box-cart-left > .card > .nav-tabs > li:hover > a::after {
  /* transform: scale(1); */
}
.box-cart-left > .card > .tab-pane {
    padding: 15px 0;
}

.box-cart-left > .card > .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0 0;
    color: #fff;
}

.cicle-icon {
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
th {
    text-align: inherit;
}
.bottom-big {
    margin-bottom: 30px;
}
.img-80 {
    width: 80px;
    height: 80px;
}
.img-80-bor {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    padding: 1px;
}
.input-cart {
    width: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    border: 1px solid #ddd;
    height: 30px;
    margin-top: -15px;
}
.box-cart-right {
    border: 1px solid #ddd;
}
.font-small {
    font-size: 13px;
    text-transform: capitalize;
    color: #777;
    font-weight: normal;
}

.box-step a {
    display:  block;
    position:  relative;
    line-height: 38px;
}

.box-step ul li span.num-of-step {
    height:  38px;
    width:  38px;
    line-height: 33px;
    font-size: 20px;
    border: 2px solid;
    display:  block;
    margin-right:  15px;
    float:  left;
    border-radius: 100%;
    border-color: #0070c9;
    color: #0070c9;
    font-weight: 400;
}
.box-step ul li.active span.num-of-step {
    color: #fff;
    background-color: #0070c9;
}
.box-step {
    padding: 15px 0 15px;
}   
.box-step ul {
    list-style: none;
    margin: 0;
    height: auto;
    position: relative;
    padding: 0;
    display:  block;
}
.box-step ul li .demo-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    border-radius: 50%;
    margin-left: -20px;
    line-height: 36px;
    color: #fff;
    background: #999;
    border: 2px solid #ddd;
}
.box-step ul li span {
    top: 0px;
    color: #0070c9;
    float: left;
    text-transform:  uppercase;
    font-weight: 700;
}
.bottom0 {
    margin: 0 !important;
    padding: 0 !important;
}
.bg-white {
    background: #fff;
}

.bg-cart .nav-tabs a {
    text-transform: uppercase;
    font-size: 16px;
}

.list-shipping-address .address-option {
    cursor: pointer;
    z-index: 99;
    ox-sizing: border-box;
    position: relative;
    display: block;
    padding: 15px 15px 15px 30px;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}

.list-shipping-address .address-option:hover {
    border: 1px solid #9ca643;
}

.list-shipping-address .address-option.active {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
    border: 1px solid #9ca643;
}

.address-option p {
    margin-bottom: 0;
}

.address-option p b {
    font-weight: bold;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.3;
}

.box-cart-left > .card {
    background: none;
    box-shadow: none;
    border: 1px solid #ccc;
}
.box-cart-left > .card .form-control, .box-cart-left > .card .chosen-container-single .chosen-single {
    height: 45px;
    font-size: 16px;
    border-radius: 3px;
    border-width: thin;
    border-color: #ddd;
}

.media-left a {
    display: block;
}
.box-cart-left > .card .chosen-container-single .chosen-single div  {
    height: 50px;
    font-size: 16px;
    border-radius: 3px;
    padding-top: 13px;
}
.box-cart-left > .card .chosen-container-single .chosen-single span{
    /* height: 50px; */
    /* line-height:  50px; */
}
.box-cart-right-cont .delete-order {
    right: 0;
}

.title-cart {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    border-bottom: 2px solid #ddd;
    color: #2874f0 !important;
    background: transparent;
    padding: 10px 15px;
    font-size: 14px;
    margin: 0;
}
.nav-tabs-bank .nav-tabs > li.active > a:focus {
    background: none;
    border: 1px solid #ffba00;
}

.img-80 {
    width: 80px;
    height: 80px;
}
#list-method {
    width: 325px;
    /* margin-left: 15px; */
    margin-top: 15px;
}

.nav-tabs-bank .nav-tabs > li > a > span {
    display: block;
    border: 0;
    border-radius: 0;
    color: #555;
    margin-bottom: 15px;
    overflow: hidden;
    height: 40px;
    text-align:  left;
    line-height: 30px;
    float: right;
    width: calc(100% - 50px);
    font-weight: 700;
}
.nav-tabs-bank .nav-tabs li span .demo-icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    left: 5px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    top: 4px;
}
.nav-tabs-bank .tab-content {
    padding: 20px 0;
}
.nav-tabs-bank > .nav-tabs > li {
    width: 20%;
    float: left;
}
.nav-tabs-bank > .nav-tabs > li > a {
    border-radius: 0 !important;
    text-align: center;
    margin: 0;
    display: block;
    padding: 20px 15px;
    padding-bottom: 49px !important;
    border: 1px solid;
}
.nav-tabs-bank > .nav-tabs > li > a:hover, .nav-tabs-bank .nav li.active a {
    background: none;
    border: 1px solid #ffba00;
}
.nav-tabs-bank > .nav-tabs > li > a > img {
    width: auto;
    height: 30px;
    float:  left;
    display:  inline-block;
}
.nav-tabs-bank > .nav-tabs > li > a > input {
    position: absolute;
    opacity: 0;
}

.box-step3 table, .box-step3 td {
    border: none;
}

.total-td td {
    width: 100% !important;
}

#btn-process-payment {
    margin-left: 5px;
    height: 42px;
    border-radius: 3px;
    float: none !important;
}

.box-cart-right-cont .media-body .media-heading {
    padding-top: 15px;
    padding-right: 50px;
    margin-bottom: 0;
}
.shoppingcart-box .item-cart {
    padding: 0 15px 10px;
}
.box-right .item-dropdown.Foatright.item-inline.dropdown {
    padding-top: 21px;
    padding-left: 5px;
}

.box-left .nav_title > li {
    padding: 0;
}
.mightyslider_modern_skin .mSPages {
    z-index: 10 !important;
}
.tab-product a.tab-item {
    padding-right: 0;
}

.slider-product .owl-pagination {
    top: 0;
}

.slider-product .owl-controls.clickable {
    margin: 0;
}

@media (max-width: 1200px) {
	.box-payment .box-cart-left>.card>.tab-content {
	    padding: 15px;
	}
	.col-xs-12.col-sm-10.col-sm-offset-1.text-center {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	.col-xs-12.col-sm-10.col-sm-offset-1.text-center li {
		padding: 0;
	}
}

@media only screen and (max-width:1023px){
    #list-method {
        width: 100%;
    }
        .choose-bank {
        width: 100% !important;
        margin: 0;
    }
}

@media (max-width: 767px) {
    div#login-cart {
        width: 100%;
    }
    .payment-methods .box-payment .box-cart-right {
        padding: 15px;
    }
    .payment-methods .box-payment .box-cart-left>.card{
        padding: 15px;
    }
    .box-step {
        width: 90%;
        margin: 0 auto;
    }
    
	#order-info .nav-step {
		margin-bottom: 15px !important;
	}
	li.step1 span,
	li.step2 span {
		margin-bottom: 30px;
	}
	.p-50 {
		padding: 15px;
	}
	.order-product-title {
		width: 100% !important;
		display: block !important;
		float: left !important;
	}
	
	.bottom-detail-product li.dropdown.responsivetabs-more {
        float:  right;
    }
    
    .bottom-detail-product ul.dropdown-menu {
        left:  auto;
        right: 5px;
        width: calc(100vw - 47px);
        max-width: 400px;
    }
    
    .bottom-detail-product .nav_title .responsivetabs-more li a {
        width: calc(100% - 2px);
        border-radius: 0;
        margin: 0;
    }
    .item_block .box-product .tab-product {
        width:  100%;
        margin: 0;
    }
    .content-tab-product.clearfix.row {
        margin-top: 0;
        width: calc(100% + 25px);
        margin-left: -15px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .col-sm-6:nth-child(2n + 1), .col-sm-4:nth-child(3n + 1), .col-sm-3:nth-child(4n + 1), .col-sm-2:nth-child(6n + 1) {
        clear: both;
    } 
    .style-carousel p.desc-blogs {
        max-height: 48px;
    }
    .block-news .nav_title a {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .col-xs-6:nth-child(2n + 1), .col-xs-4:nth-child(3n + 1), .col-xs-3:nth-child(4n + 1), .col-xs-2:nth-child(6n + 1) {
        clear: both;
    }  
    .logo img {
      /* height: 65px; */
    }
    .fixed.menu-main-container {
        padding: 5px 0;
    }
    .hidden-xs {
        display: none;
    }
    .contact_info_map .info_contact .info_column {
        margin-top: 30px;
    }
    .testimonial-content .info {
        padding: 35px 31px 70px;
    }
    .testimonial-content .info:before {
        left: 6px;
    }
}
@media (max-width: 350px) {
    .nav-tabs-bank > .nav-tabs > li > a > img {
        display: none;
    }
    
    .nav-tabs-bank .nav-tabs > li > a > span {
        width: 100%;
        padding-left: 20px;
        font-size: 12px;
    }
}
.note-payment {
    border: 1px solid #ddd;
    margin-bottom:  20px;
    margin-right:  15px;
    margin-left: 15px;
    margin-top: 15px;
}

.note-payment p {
    margin: 0;
    padding: 10px;
}
.content-preview .top-detail-product {
    margin: 0;
}

.content-preview  .product-detail {
    min-height: auto;
}

#preview-product-modal button.close {
    z-index: 1111;
    position:  absolute;
    right: 8px;
    top: 5px;
    font-size: 28px;
}

.content-preview .select-item-product .top-detail-product .box-images {
    width: 40%;
    float: left;
}

.content-preview .select-item-product .top-detail-product .info-product {
    width: 60%;
    float: left;
}

.lg-on div#preview-product-modal {
    opacity: 0;
}
/*404*/
.page-four {
    padding-top: 180px;
    padding-bottom: 180px;
    text-align: center;
}
.page-four>.logo {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.page-four>div>h1 {
    width: 100%;
    font-size: 160px;
    font-weight: bold;
    line-height: 160px;
}
.page-four>div:nth-child(2) {
    margin-bottom: 50px;
}
.page-four>div:nth-child(2)>p {
    font-weight: 300;
    font-size: 24px;
}
body.page-404 {
    max-width: initial;
    min-height: 100vh;
}
.mt-40{
    margin-top: 40px;
}
.mt-65{
    margin-top: 65px;
    
}
.wrap-cart-modal .close:hover {
    padding: 0;
}