﻿h1, h2, h3, h4, h5, p, ul{ margin:0; padding:0;}
/*body {background-color: #fff;color: #666666;font-family: "Roboto Condensed",sans-serif; font-size: 14px; margin: 0;overflow-x: hidden;padding: 0;}*/
ul{ list-style:none;}
a { transition: all 0.2s linear 0s; color: #1c7aa9}
a:hover, a:active, a:focus {text-decoration: none; cursor:pointer}
a img{ border:none;}
img {max-width:100%;}
.btn-primary {background: none repeat scroll 0 0 #a8a8a8; border: medium none; color: #fff;font-size: 13px;line-height: 22px; padding: 6px 8px;transition: all 0.2s linear 0s;}
.btn-primary:hover, .btn-black:hover, .btn-primary:focus, .btn-black:focus {background: #1c7aa9;}
.mbottom10 {margin-bottom:10px;} .mbottom20 {margin-bottom:20px;} .mbottom30 {margin-bottom:30px;} .mbottom40 {margin-bottom:40px;} .mbottom50 {margin-bottom:50px;} .mbottom60 {margin-bottom:60px;}
.mtop10 {margin-top:10px;} .mtop20 {margin-top:20px;} 
                           .mtop30 {margin-top:15px;} .mtop40 {margin-top:40px;} .mtop50 {margin-top:50px;} .mtop60 {margin-top:60px;}
.animate-dropdown .open > .dropdown-menu,
.animate-dropdown .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration: 200ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease-out;
  -moz-animation-fill-mode: forwards;
}
#notification { width:100%}
/*css top*/
.topheader{ background:#f4f4f4;}
.header-left{ color:#666; line-height:54px;}
.header-left i{ background:#1c7aa9; border-radius:3px; color:#fff; font-size:14px; margin-right:6px; padding:5px;}
.header-right{ line-height:54px;}
.header-right ul{ list-style:none;}
.header-right ul li{ color:#666; display:inline; line-height:54px; padding:0px 6px;}
.header-right ul li a{ color:#666;}
.header-right ul li a:hover{ color:#1c7aa9;}
.header-right ul li a i{ padding-right:8px;}
.topheader .show-mobile:before, .topheader .show-mobile:after{ content:" "; display:table;}
ul.links{ margin:0; padding:0; position:relative;}
ul.links li{ display:inline-block; line-height:1.428571429; margin-right:15px;}
.topheader .show-mobile:after{ clear:both;}
.topheader .show-mobile > div{ margin:0; padding:0; position:relative;}
.topheader .show-mobile > div:hover .inner-toggle{ filter:alpha(opacity=100); opacity:1; top:38px; visibility:visible;}
.topheader .show-mobile .quickaccess-toggle{ color:#797979; cursor:pointer; font-size:17px; height:38px; line-height:36px; margin-left:1px; text-align:center; transition:all 0.5s ease 0s; webkit-transition:all 0.5s ease 0s; width:44px;}
.topheader .show-mobile .quickaccess-toggle:hover{ background-color:#1c7aa9; color:#FFFFFF;}
.topheader .show-mobile .quick-user .inner-toggle{ right:-46px;}
.topheader .show-mobile .inner-toggle{ background:#FFFFFF; display:block; filter:alpha(opacity=0); min-width:200px; opacity:0; position:absolute; right:0; top:28px; transition:all 0.3s ease 0s; visibility:hidden; webkit-transition:all 0.3s ease 0s; z-index:99999;}
.topheader .show-mobile ul, .topheader .show-mobile .links{ float:none !important; margin:0; padding:0; text-align:left;}
.topheader .show-mobile ul li, .topheader .show-mobile .links li{ display:inline-block; float:none; line-height:30px; width:100%;}
.topheader .show-mobile ul li:last-child, .topheader .show-mobile .links li:last-child{ border-bottom:none;}
.topheader .show-mobile ul a, .topheader .show-mobile .links a{ background-color:#1c7aa9; border:none; color:#fff !important; display:block; float:none; font-size:11px !important; line-height:33px; margin:0; padding:0px 10px;}
.topheader .show-mobile ul a, .topheader .show-mobile .links a i{ margin-right:3px;}
.topheader .show-mobile ul a:hover, .topheader .show-mobile .links a:hover{ background-color:#443f43; color:#fff !important;}
.topsite{ padding:0;background: url('/Content/Uploads/images/CauHinh/z744967287020_3b623c232f24a43ffd54be3adcf21f40.jpg') no-repeat;height: 175px;background-size: cover;}
.topheader li.dropdown-small > a {
    border: 1px solid #d4d4d4;
    color: #888;
    display: inline-block;
    padding: 6px 15px;
    transition: all 0.2s linear 0s;
}
.topheader li.dropdown-small .dropdown-menu {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
    left: 5px;
    top: 125%;
}

.infor {
    overflow: hidden;
    color: #00c6ff;
    padding: 15px 0;
}
.infor h2 {
    font-family: UVNHongHaHep, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
.infor p {
    font-family: UVNHongHaHep, sans-serif;
    font-size: 13px;
}
.masothue {
    text-decoration: underline;
    margin-top: 15px;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #1c7aa9;
}
/*Css search*/
.search-area{ border:1px solid #e2e2e2; border-radius:0; }
.search-field{ border:medium none; border-radius:5px 0 0 5px; padding:13px; width:67%;}
.search-area .categories-filter{ background:none repeat scroll 0 0 #f6f6f6; border-right:1px solid #e0e0e0; display:inline-block; line-height:44px; text-transform:capitalize;}
.search-area .categories-filter a{ color:#666; font-size:13px; padding:0 10px;}
.search-area .categories-filter a .caret{ color:#a0a0a0; margin-left:15px;}
.search-area .categories-filter .dropdown-menu{ border:1px solid #e1e1e1; border-radius:0; box-shadow:none; padding:12px 17px;}
.search-area .categories-filter .dropdown-menu li{ margin-bottom:10px;}
.search-area .categories-filter .dropdown-menu li a{ padding:0;}
.search-area .categories-filter .dropdown-menu li a:hover, .categories-filter .dropdown-menu li a:focus{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
.search-area .categories-filter .dropdown-menu li.menu-header{ font-family:"FjallaOneRegular"; line-height:30px;}
.search-area .search-button{ background:none repeat scroll 0 0 #f6f6f6; border: none; border-left:1px solid #e0e0e0; border-radius:0; display:inline-block; float:right; margin:0; padding:12px 19px 13px; text-align:center;}
.search-area .search-button::after{ content:""; font-family:fontawesome; font-size:14px; line-height:9px; vertical-align:middle;}
/*css cart*/

.top-cart-row .dropdown-cart{ float:right;}
.top-cart-row .dropdown-cart .lnk-cart{ border:1px solid #e1e1e1; border-radius:0; color:#666666; display:inline-block; -moz-border-radius:0; padding:0px; -webkit-border-radius:0;}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner{ position:relative;}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket{ float:left; font-family:'FjallaOneRegular'; padding:13px 15px; text-transform:uppercase;}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket{ background:#efefef; border-left:1px solid #e1e1e1; float:right; padding:12px; padding:13px 15px;}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count{ background:#f1c40f; border-radius:100px; color:#fff; font-size:13px; height:21px; -moz-border-radius:100px; position:absolute; right:33px; text-align:center; top:-13px; -webkit-border-radius:100px; width:21px;}
.top-cart-row .dropdown-cart .dropdown-menu{ border:1px solid #e1e1e1; border-radius:0; box-shadow:none; float:right; left:auto; min-width:0; -moz-border-radius:0; -moz-box-shadow:none; padding:24px 22px; right:0; -webkit-border-radius:0; -webkit-box-shadow:none; width:510px;}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .text{ color:#666666; font-size:13px; margin-right:10px;}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .price{ font-weight:700;}
.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket .total-price{ color:#1c7aa9;}
.top-cart-row .dropdown-cart .dropdown-menu .cart-total .price{ color:#1c7aa9;}
.top-cart-row .cart-item1 {height:72px; padding:6px 20px 6px 0px; position:relative;}
.top-cart-row .cart-item1 .image img {height:60px; width:40px; border:solid 1px #e0e0e0; padding:4px; float:left; margin-right:8px;}
.top-cart-row .cart-item1 .name {line-height:20px; max-height:40px; overflow:hidden;font-size:16px;}
.top-cart-row .cart-item1 .name a { margin-top:0px; color:#666666}
.top-cart-row .cart-item1 .price {font-weight:700;color:#1c7aa9;}
.top-cart-row .cart-item1 .action {position:absolute; top:30px; color:#898989; font-size:15px; right:0px;}
.top-cart-row .cart-item1 .name a:hover, .top-cart-row .car-item .name a:focus,
.top-cart-row .cart-item1 .action:hover, .top-cart-row .car-item .action:focus {color:#1c7aa9;}

/*Alert cart*/
#mask
{
    background: #010101;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 999;
    position:fixed;
    left:0;
    top:0;
}
#popup-box
{
    background:#fff;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.popup-skin
{
    padding: 20px;
    position: relative;
}
.popup-close
{
    position: absolute;
    top:  -12px;
    right: -12px;
    padding: 4px 8px;
    border-radius: 50%;
    background: #a8a8a8;
}
.popup-close a
{
    color:#fff;
}

.popup-close a:hover
{
    color:#ff6666;
}

/*css news*/
.news-image {}
.news-info {}
.news-info h3 { margin:15px 0px 8px 0px; font-size: 16px;}
.news-info h3 a { color:#555; display:block; line-height:20px; font-weight:bold; max-height:40px; overflow:hidden;}
.news-info h3 a:hover {color:#1c7aa9}
.news-info p { margin-bottom:6px; color:#434343; font-size:13px; line-height:18px; max-height:72px; overflow:hidden;}
.post-content{line-height: 22px;padding: 0 5px;}
.related-posts h3 {border-bottom: 1px solid #e3e3e3;  padding-bottom: 10px; text-transform: uppercase;}
.related-posts ul li{padding: 5px 0px 5px 5px; list-style:none}
.related-posts ul li a:hover{color: red}
.blog-des
{
    font-weight: bold;
    margin-top: 8px;
}

/*css detail product*/
#image-small .item {margin:0px 3px;}
#image-small img {border:solid 1px #e1e1e1; }
#image-small img:hover , #image-small .synced img , #image-small img:focus, #image-small img:active {border:solid 1px #1c7aa9;}
.product-info h1.name {
    color: #555;
    font-size: 20px;
    line-height: 20px;
    margin-top: 5px;
}
.product-info .stock-box .label {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 0;
}
.product-info .stock-container .stock-box .value {
    color: #ff7878;
    font-size: 14px;
}
.m-t-20 {
    margin-top: 20px;
}
.product-info .rating-reviews .reviews .lnk {
    color: #aaaaaa;
}
.product-info .description-container {
    color: #666666;
    line-height: 20px;
}
.product-info .price-container {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 0;
    padding: 20px 0;
}
.product-info .price-container .price-box .price {
    font-size: 25px;
    font-weight: 700;
    line-height: 50px;
}
.product-info .price-container .price-box .price {
    color: #1c7aa9;
}
.product-info .price-container .price-box .price-strike {
    color: #aaa;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    text-decoration: line-through;
}
.btn-primary {
    background: none repeat scroll 0 0 #a8a8a8;
    border: medium none;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    transition: all 0.2s linear 0s;
}
.product-info .quantity-container {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0;
    padding: 20px 0;
}
.product-info .quantity-container .label {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    padding: 0;
    text-transform: uppercase;
}
.product-info .quantity-container .cart-quantity .quant-input {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 70px;
}

.product-info .quantity-container .cart-quantity .quant-input .arrows {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.product-info .quantity-container .cart-quantity .quant-input .arrows .arrow {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 40px;
}
.product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon {
    position: relative;
}
.product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
    top: 5px;
}
.product-info .quantity-container .cart-quantity .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
    top: -7px;
}


.product-info .quantity-container .cart-quantity .quant-input input {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}
.product-info .product-social-link .social-label {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}
.product-info .product-social-link .social-icons {
    display: inline-block;
}

.product-tabs .nav.nav-tabs.nav-tab-cell > li > a {
    border: medium none;
    color: #555;
    display: block;
    font-size: 15px;
    line-height: 28px;
    padding: 5px 28px;
    position: relative;
    text-transform: uppercase;
}
.product-tabs .nav.nav-tabs.nav-tab-cell li.active a {
    background: none repeat scroll 0 0 #1c7aa9;
    color: #fff;
}
.product-tabs .tab-content .tab-pane {
    padding: 24px;
    border: 1px solid #f2f2f2;
}
.form-review input[type="radio"]
{
    margin: 1px 3px 0px 3px;
}
.review-list
{
    margin: 10px 0px;
}
.author
{
    background: #1c7aa9;
    color:#fff;
    position:relative;
    padding: 5px 5px;
    
}
.author::after
{
    position:absolute;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1c7aa9;
     border-style: solid;
    border-width: 7.5px 1px 7.5px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    top: 18px;
    width: 0;
}
.rating
{
    padding: 5px 5px;
    background: #f2f2f2;
}

/*css shoping*/
.checkout h4 {margin-bottom:10px;}
.checkout-heading{background:#1c7aa9;border:1px solid #1c7aa9;color:#fff;font-weight:bold;height:35px;line-height:35px;padding-left:20px;}
.checkout-heading a{color:#fff;float:right;font-weight:bold;margin-right:10px;}
.checkout-heading a:hover{color:red;}
.checkout-content{border:1px solid #1c7aa9;margin-bottom:10px;padding:10px 5px;}
.warning, .error{color:red;font-weight:bold;padding:10px 0px;}
.right{margin-top:10px;text-align:right;}
.paymentMethodsNote{background-color:#daeef3;border:1px solid #b8cce4;display:none;margin:10px auto;padding:8px 4px;}
#paymentmethods p input[type='radio'], #shippingmethods p input[type='radio']{margin-right:5px;}
#login a {padding-left:10px;}

/*css product*/
.product-image {text-align:center; vertical-align:middle; position:relative;}
.product-image img {max-height:100%;}
.product-image .tag {position: absolute;border-radius: 50%;color: #fff;font-size: 13px;font-weight: 700;height: 40px;line-height: 38px;right: 5px; text-align: center; text-transform: uppercase;top: 5px; width: 40px; z-index: 100; display:block;}
.tag.hot {background:#ff7878}
.tag.sale {background:#1c7aa9}
.tag.new {background:#46aad7}
.product-info h3.name {margin:4px 0px 10px 0px; font-size:16px;}
.product-info h3.name a {color: #555;display: block;height: 20px; overflow: hidden; width: 100%;}
.product-price .price {color: #1c7aa9; font-size:16px; font-weight:700}
.product-price .price-old {text-decoration: line-through; color: #d3d3d3;font-weight: 400;line-height: 30px;font-size: 14px;}
.product-info .name a:hover,
.product-info .name a:focus {color: #1c7aa9;}
.hot-product .hot-product-item:first-child { margin-bottom:30px}
.hot-product .hot-product-item:last-child { margin-top:30px}
.hot-product-item { clear:both;}
.new-product .hot-product-item {padding-bottom:30px; height:140px;}
.hot-product-item .product-image { float:left; width:40%;}
.hot-product-item .product-info {float:right; width:56%;}
.product {position:relative; padding:8px;}
.product .product-image {height:250px;}
.product .cart{margin-top: 5px; opacity: 0;-webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%;z-index: 666;left: 0px;}
.product:hover .cart {opacity: 1;}
.cart ul li{float:left;}
.add-cart-button .btn.btn-primary.icon{background:none repeat scroll 0 0 #575757;border-bottom-right-radius:0;border-top-right-radius:0;}
.cart ul li.add-cart-button .btn.btn-primary.icon{background:none repeat scroll 0 0 #575757;border-bottom-right-radius:0;border-top-right-radius:0;}
.cart ul li.lnk{margin:7px 0;}
.cart ul li.lnk a{color:#dadada;padding:0 10px;}
.cart ul li.lnk.wishlist{border-right:1px solid #dadada;}
.cart ul li.lnk a:hover,
.cart ul li.lnk a:focus {color: #1c7aa9;}
.cart ul li.add-cart-button .btn-primary:hover,
.cart ul li.add-cart-button .btn-primary:focus {background: #1c7aa9;}
.cart ul li.add-cart-button .btn-primary.icon:hover,
.cart ul li.add-cart-button .btn-primary.icon:focus { background: #84b943;}
.product .cart .lnk a {
    background: none repeat scroll 0 0 #a8a8a8;
    border-radius: 4px;
    color: #fff !important;
    margin-left: 10px;
    padding: 8px 11px !important;
}
.product .cart ul li.lnk a {
    color: #dadada;
    padding: 0 10px;
}
.product .cart ul li.lnk a:hover, .product .cart ul li.lnk a:focus {
    color: #1c7aa9;
}

/*Css list products page type show list*/
.category-product-inner .product-list.product {
    border: 1px solid #f2f2f2;
    margin-bottom: 30px;
    position: relative;
}
.category-product-inner .product-list.product .product-info {
    padding: 24px 40px;
}
.product-list.product .product-info .name {
    font-size: 20px;
}
.product-info .name a {
    color: #555;
}
.product-info .name a:hover, .product-info .name a:focus {
    color: #1c7aa9;
}
.product-info .product-price .price-before-discount {
    color: #d3d3d3;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: line-through;
}
.product-list .product-info .description {
    line-height: 20px;
}
.category-product-inner .product-list.product .product-info .cart {
    margin-top: 30px;
}

.tag.new {
    background: none repeat scroll 0 0 #46aad7;
}
.category-product-inner .product-list .tag {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    
    top: 195px;
    width: 40px;
    z-index: 999;
}
.category-product-inner .product-list .sale
{
    right: 12px;
}
.category-product-inner .product-list .hot
{
    right: 80px;
}
.category-product-inner .product-list .new
{
    right: 145px;
}
.tag {
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    right: 25px;
    text-align: center;
    text-transform: uppercase;
    top: 2.5%;
    width: 40px;
    z-index: 100;
}
.category-product-inner .product .cart .lnk a {
    background: none repeat scroll 0 0 #a8a8a8;
    border-radius: 4px;
    color: #fff !important;
    margin-left: 10px;
    padding: 8px 11px !important;
}
.category-product-inner .product .cart .lnk a:hover, .category-product-inner .product .cart .lnk a:focus {
    background: none repeat scroll 0 0 #1c7aa9;
}

/*Css filter list products page*/
.filters-container {
    margin-bottom: 5px;
    padding: 12px 0;
}
.m-t-10 {
    margin-top: 10px;
}
.filters-container .nav-tabs.nav-tab-box {
    border: medium none;
    margin-top: 3px;
}
.filters-container .nav-tabs.nav-tab-box li {
    margin-right: 5px;
    padding: 0;
}
.filters-container .nav-tabs.nav-tab-box li a {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none !important;
    border-radius: 0;
    color: #666666;
    line-height: 18px;
    padding: 0;
}
.filters-container .nav-tabs.nav-tab-box li a {
    background: none repeat scroll 0 0 #ffffff;
    border: medium none !important;
    border-radius: 0;
    color: #666666;
    line-height: 18px;
    padding: 0;
}
.filters-container .nav-tabs.nav-tab-box li.active a .icon {
    color: #1c7aa9;
}
.filters-container .lbl-cnt {
    color: #666666;
    font-size: 12px;
    line-height: 24px;
}
.filters-container .lbl-cnt .lbl {
    color: #666666;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin-right: 10px;
}
.inline {
    display: inline-block;
    vertical-align: top;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    font-size: 13px;
    padding: 4px 12px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .btn .caret {
    margin-left: 13px;
    margin-top: -2px;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
}
.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:hover, .filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:hover, .filters-container .lbl-cnt .dropdown.dropdown-med .dropdown-menu li a:focus {
    color: #1c7aa9;
}

/*Css breadcrumb*/
.breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
    background: #FFF linear-gradient(#FFF 40%, #E9E9E9) repeat scroll 0% 0%;
}
.breadcrumb ul {
    border-bottom: 1px solid #f2f2f2;
    margin: auto;
    padding: 10px 0 10px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
    white-space:nowrap
}
.breadcrumb ul li:first-child
{
    width: 75px;
}
.breadcrumb ul li::after {
    color: #666666;
    content: "/";
    font-size: 12px;
    line-height: 24px;
    margin-left: 9px;
    margin-right: -4px;
    padding: 0;
}
.breadcrumb ul li a {
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
.breadcrumb ul li:last-child::after {
    content: "";
}
.breadcrumb ul li.active {
    color: #1c7aa9 ;
}

/*So sánh sản phẩm*/
.product-comparison .page-title {
    color: #666666;
    font-size: 25px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.inner-top-vs {
    padding-top: 30px;
}
.product-comparison .compare-table tr th {
    border: 1px solid #cccccc;
    color: #666666;
    font-size: 15px;
    font-weight: 500;
    padding: 18px 25px;
    vertical-align: middle;
    white-space: nowrap;
}
.product-comparison .compare-table tr td {
    border: 1px solid #cccccc;
    padding: 18px 30px;
}
.product-comparison .compare-table tr td .product {
    margin-bottom: 15px;
    margin-top: 40px;
}
.product-comparison .compare-table tr td .product .product-image .image a {
    display: block;
    text-align: center;
}
.product .product-info .name {
    font-size: 16px;
}
.product-comparison .compare-table tr td .product-price .price {
    color: #1c7aa9;
}
.product-comparison .compare-table tr td .product-price .price-before-discount {
    color: #d3d3d3;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: line-through;
}

/*Sản phẩm yêu thích*/
.inner-bottom-sm {
    padding-bottom: 80px;
}

 .my-wishlist-page .my-wishlist table > thead > tr > th {
    border: medium none;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
 .my-wishlist-page .my-wishlist table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: medium none;
    padding: 20px;
    vertical-align: middle;
}
.my-wishlist-page .my-wishlist table tbody .product-name {
    font-size: 20px;
    padding-bottom: 6px;
}
.my-wishlist-page .my-wishlist table tbody .product-name a {
    color: #434343;
}
.my-wishlist-page .my-wishlist table tbody .price {
    font-size: 20px;
    font-weight: bold;
    padding-top: 4px;
}
.my-wishlist-page .my-wishlist table tbody .price {
    color: #1c7aa9;
}

.my-wishlist-page .my-wishlist table tbody .close-btn a, .body-content .my-wishlist-page .my-wishlist table tbody .close-btn a:hover {
    color: #ff7878;
    font-size: 15px;
}

/*Login css page*/
.sign-in-page .sign-in h4,  .sign-in-page .create-new-account h4 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.sign-in-page .sign-in p, .sign-in-page .create-new-account p {
    color: #666;
    font-size: 15px;
}
.outer-top-xs {
    margin-top: 30px;
}
.sign-in-page .register-form .form-group {
    margin-bottom: 25px;
}
.sign-in-page .register-form label {
    font-size: 14px;
    font-weight: 400;
}
.sign-in-page form .form-group span {
    color: red;
}
.unicase-form-control {
    border-color: #eee;
    border-radius: 3px;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
}
.outer-xs {
    margin-bottom: 40px;
    margin-top: 40px;
}
.sign-in-page .register-form label {
    font-size: 14px;
    font-weight: 400;
}
.sign-in-page .register-form .forgot-password, .sign-in-page .register-form .forgot-password:hover, .sign-in-page .register-form .forgot-password:focus {
    color: #1c7aa9;
}
.sign-in-page .sign-in h4, .sign-in-page .create-new-account h4 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
sign-in-page .sign-in p, .body-content .sign-in-page .create-new-account p {
    color: #666;
    font-size: 15px;
}
.sign-in-page .register-form .form-group {
    margin-bottom: 25px;
}
.unicase-form-control {
    border-color: #eee;
    border-radius: 3px;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
}
.sign-in-page .create-new-account > span {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.sign-in-page .create-new-account .checkbox label {
    font-size: 16px;
    margin-bottom: 10px;
}
.validation-group
{
    color: red;
    font-weight: bold;
}
.widget-header {
    background: none repeat scroll 0 0 #eeeeee;
    padding: 10px 15px;
}
.widget-header .widget-title {
    font-size: 14px;
    margin: 0;
}
.sidebar-widget-body .list li {
    clear: both;
    display: block;
    line-height: 36px;
}

/*Tin nhắn đơn hàng*/
.message-list {
        background: #fff;
        padding: 10px;
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

        .message-list ul {
            margin: 0px;
            padding: 0px;
        }

            .message-list ul li {
                list-style: none;
                margin-bottom: 20px;
            }

                .message-list ul li h3 {
                    font-size: 15px;
                    font-weight: bold;
                    color: #1ABC9C;
                }

                    .message-list ul li h3 span.createddate {
                        color: #808080;
                        font-size: 11px;
                    }

                .message-list ul li blockquote {
                    font-size: 13px;
                    padding: 5px 10px;
                }

                .message-list ul li .reply {
                    padding: 5px 0px 5px 15px;
                    background: #ccc;
                }

                    .message-list ul li .reply h4 {
                        font-size: 14px;
                        margin-bottom: 5px;
                    }

                    .message-list ul li .reply p {
                        margin: 5px 0px;
                        border-bottom: 1px solid #aaa;
                    }

/*Trang giỏ hàng*/
.shopping-cart .shopping-cart-table {
    margin-top: 20px;
}
.shopping-cart .shopping-cart-table .table > thead > tr > th, .shopping-cart-table .table > thead > tr > th{
    font-size: 15px;
    padding: 16px;
    text-align: center;
}
.shopping-cart .shopping-cart-table .shopping-cart-btn span {
    display: block;
    padding: 20px 0;
}
.shopping-cart .shopping-cart-table table tbody tr td {
    vertical-align: middle;
}
.shopping-cart .shopping-cart-table table tbody tr .romove-item a {
    color: #666666;
    font-size: 18px;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-image .entry-thumbnail {
    display: block;
    text-align: center;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info {
    vertical-align: middle !important;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 {
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a {
    color: #555;
}
.shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:hover, .shopping-cart .shopping-cart-table table tbody tr .cart-product-name-info h4 a:focus {
    color: #1c7aa9;
}
.shopping-cart-table table tbody tr td .quant-input {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 70px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 40px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon {
    position: relative;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-desc {
    top: -7px;
}
.shopping-cart-table table tbody tr td .quant-input .arrows .arrow .ir .icon.fa-sort-asc {
    top: 5px;
}

.shopping-cart-table table tbody tr td .quant-input input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}

.shopping-cart .shopping-cart-table table tbody tr .cart-product-sub-total span, .shopping-cart .shopping-cart-table table tbody tr .cart-product-grand-total span {
    color: #555;
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    white-space:nowrap
}
.shopping-cart .cart-shopping-total table thead tr th .cart-sub-total, .shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
    font-size: 20px;
    text-align: right;
    padding-right: 22px;
}
.inner-left-md {
    padding-left: 60px;
}
.shopping-cart .cart-shopping-total table thead tr th .cart-grand-total {
    color: #1c7aa9;
}
.shopping-cart .cart-shopping-total table tbody tr td {
    padding: 24px 30px;
}

/*Trang thanh toán*/
.checkout-box .checkout-steps .panel-body {
    padding: 50px;
}
.checkout-box .checkout-steps .checkout-subtitle {
    color: #434343;
    font-size: 16px;
    margin-right: 12px;
    text-transform: uppercase;
}
.checkout-box .checkout-steps .guest-login .title-tag-line, .checkout-box .checkout-steps .already-registered-login .title-tag-line {
    font-size: 14px;
    margin-bottom: 15px;
}
.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase, .checkout-box .checkout-steps .guest-login ul {
    font-size: 14px;
    padding-left: 10px;
}

.checkout-box .checkout-steps .guest-login form .radio input[type="radio"], .checkout-box .checkout-steps form .radio-inline input[type="radio"], .checkout-box .checkout-steps form .checkbox input[type="checkbox"], .checkout-box .checkout-steps form .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
}
.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase .guest-check {
    margin-bottom: 6px;
}
.outer-top-vs {
    margin-top: 40px;
}
.checkout-box .checkout-steps .guest-login .title-tag-line, .checkout-box .checkout-steps .already-registered-login .title-tag-line {
    font-size: 14px;
    margin-bottom: 15px;
}
.checkout-box .checkout-steps .guest-login form .radio-checkout-unicase, .checkout-box .checkout-steps .guest-login ul {
    font-size: 14px;
    padding-left: 10px;
}
.inner-bottom-30 {
    padding-bottom: 30px;
}
.checkout-box .checkout-steps .guest-login ul .save-time-reg {
    padding-bottom: 4px;
}
.btn-upper {
    text-transform: uppercase;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login form .form-group .info-title {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

.checkout-box .checkout-steps .already-registered-login form .form-group label span {
    color: red;
}
.unicase-form-control {
    border-color: #eee;
    border-radius: 3px;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login button {
    margin-top: 15px;
}
.checkout-box .checkout-steps .already-registered-login a {
    color: #666666;
    font-size: 14px;
    text-decoration: underline;
    padding: 0px !important;
}
.box_total_price
{
    margin: 10px 0px;
}
.box_total_price .row_total
{
    padding: 5px 0px;
}
.box_total_price .row_total .label-payment
{
    font-weight: bold;
    font-size: 15px;
    text-align : right;
}
.box_total_price .row_total .value-payment
{
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: #1c7aa9
}