@import url(https://fonts.googleapis.com/css2?family=Muli:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kalam&display=swap);
* {
    touch-action: manipulation;
}
body {
    font-family: 'Muli', sans-serif;
    color: #282364;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
}
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 {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}
.input_common, 
.textarea {
    background: #fff;
    font-family: 'Muli',sans-serif;
    border: solid 1px #D6D6D6;
    outline: none;
    padding: 5px 10px;
    box-shadow: none;
    color: #282364;
    display: block;
    width: 100%;
    font-size: 16px;
    min-height: 35px;
    font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* --------- */
/* Wrap page */
/* --------- */
@media (min-width:992px){
    .page_main{min-height:500px}
}
.main_body {
    margin-bottom: 30px;
    padding: 0 10px;
}
/* Custom container */
.container{
    padding-right:4px;
    padding-left:4px
}
@media (min-width:576px){
    .container{max-width:540px}
}
@media (min-width:768px){
    .container{max-width:720px}
}
@media (min-width:992px){
    .container{max-width:960px}
}
@media (min-width:1200px){
    .container{max-width:1188px}
}
.row {
    margin-left: -4px;
    margin-right: -4px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, 
.col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, 
.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, 
.col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, 
.col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, 
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, 
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
}
/* ---------- */
/* Order area */
/* ---------- */
.cart_body {
    padding: 15px 0;
}
@media (min-width: 992px){
    .cart_body{padding: 50px 0}
}
/* ---------------- */
/*  Order area left */
/* ---------------- */
.cart_col--left {
    margin-bottom: 40px;
}
.cart_col--left,
.cart_col--right {
    box-sizing: border-box;
}
.order_summary__list_title{
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
    margin: 0 0 15px;
}
@media (min-width: 768px){
    .order_summary__list_title {
        font-size: 20px;
        text-align: left;
    }
}
/* ----------------- */
/*  Order area right */
/* ----------------- */
@media (min-width: 992px) {
    .offset-lg-1{margin-left: 8.333333%;}
}
.cart_subtotal {
    background: #F6F6F9;
    padding: 20px;
    margin: 0 -14px;
}
@media (min-width: 768px) {
    .cart_subtotal {
        margin: 0 0 10px;
    }
}
.cart_subtotal .cart_subtotal_header {
    margin: 0 0 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #D6D6D6;
}
.cart_subtotal .cart_subtotal_title {
    font-size: 18px;
    margin: 0;
    font-weight: 700;
}
.cart_subtotal .cart_subtotal__line-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
}
.cart_subtotal .cart_subtotal__line-item .price_item {
    text-align: right;
}
hr.dashed {
    border: 0;
    border-top: 1px dashed #e0e0e0;
}
hr.dashed:before, hr.dashed:after {
    content: " ";
    display: table;
}
hr.dashed:after {
    clear: both;
}
.cart_subtotal .cart_subtotal__line-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
}
.cart_subtotal .cart_subtotal__line-item strong {
    font-size: 16px;
}
.cart_subtotal .cart_subtotal_promocode {
    margin: 30px 0;
}
.input_common.input_common--small {
    min-height: 35px;
}
.cart_subtotal .cart_subtotal_text {
    margin: 0 0 10px;
    font-size: 14px;
}
.cart_subtotal .cart_subtotal_btn {
    font-size: 16px;
}
.button_secondary {
    background: #70BF54;
    font-family: 'Muli',sans-serif;
    display: inline-block;
    text-align: center;
    outline: none;
    padding: 0 10px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    color: #fff;
    min-height: 35px;
    line-height: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.button_secondary:hover {
    background: #0eb732;
    text-decoration: none;
}
.button_secondary:visited {
    color: #fff;
}
.button_secondary.button_full {
    display: block;
    width: 100%;
}
.button_secondary.button_large {
    font-size: 18px;
    min-height: 50px;
    line-height: 50px;
    font-weight: 700;
}
.tooltip_templates {
    display: none;
}
/* -------------- */
/* Recommend area */
/* -------------- */
.block_suggest .block_title{
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
    margin: 0 0 15px;
}
.product_item {
    text-align: center;
    font-size: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}
.product_item_thumb {
    background: #fff;
    display: block;
    font-size: 0;
    position: relative;
}
.product_item_thumb::before {
    content: '';
    padding-top: 100%;
    display: block;
}
.product_item_thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    border-style: none;
}
.product_item_name {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .product_item_name {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .product_item_name {
        font-size: 16px;
    }
}
.product_item_type {
    font-size: 10px;
    color: rgba(40,35,100,.5);
    margin: 0 0 5px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_item_name a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #282364;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
@media (min-width: 768px) {
    .product_item_type {
        font-size: 12px;
    }
}
.product_item_price {
    font-size: 12px;
}
.product_item_price .product_price_money--original {
    text-decoration: line-through;
    color: #72849C;
    margin: 0 2px 0 0;
    font-weight: 400;   
}
.product_item_price .product_price_money {
    color: #27AE60;
    display: inline-block;
}
.product_item_saleoff {
    background: #F42D39;
    position: absolute;
    right: 4px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 40px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}
.product_item_saleoff::before, 
.product_item_saleoff::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -12px;
}
.product_item_saleoff::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 17px 0 0;
    border-color: #F42D39 transparent transparent transparent;
    left: 0;
}
.product_item_saleoff::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 12px 0;
    border-color: transparent #F42D39 transparent transparent;
    right: 0;
}
/* Empty card */
.cart_empty {
    text-align: center;
    padding: 90px 0;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
.cart_empty h1 {
    font-size: 18px;
}

.cart_container .cart-empty-icon {
    display: inline-block;
    width: 76px;
    height: 76px;
    background:url('../../image/svg-icon/cart-empty.svg') no-repeat;
}