@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600';

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700';

body {

    background-color: #f0f0f0;

    font-family: 'Open Sans', sans-serif;

}

.container {

    width: 100%;

}

.width {

    max-width:1200px;

    width: 95%;

    margin: 0 auto;

}

#topmenu {

    width: 100%;

    background-color: #f0f0f0;

    border-bottom: 1px solid #dbdbdb;

}

#topmenu ul {

    border-left: 1px solid #dbdbdb;

    border-right: 1px solid #dbdbdb;

}

#topmenu li {

    padding: 10px 15px;

    float: left;

    border-right: 1px solid #dbdbdb;

}

#topmenu a {

    color: #888888;

    font-size: 13px;

}

#topmenu a:hover {

    text-decoration: none;

    color: #e13c3c;

}

#header {

    padding: 20px 0;

}

#header .logo {

    float: left;

    line-height: 1;

    margin-right: 4vw;

}

#header form {

    float: left;

}

#header input {

    border: 1px solid #929292;

    padding: 10px;

    color: #929292;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

    font-size: 13px;

    height: 15px;

    width: 350px;

    float: left;

}

#header button {

    height: 37px;

    width: 37px;

    cursor: pointer;

    background-color: #2d2d2d;

    color: #fff;

    float: left;

}

#header button:hover {

    background-color: #5a5a5a;

}

#header ul {

    float: right;

}

#header li {

    float: right;

    background-repeat: no-repeat;

    background-position: left center;

    padding: 10px 15px 10px 60px;

    position: relative;

    background-size: 35px auto;

    background-position: 15px 10px;

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 700;

    border: 1px solid #fff;

    cursor: pointer;

}

#header li:nth-child(3) {

    background-image: url(/site/images/icons/online-shopping-cart.svg);

}

#header li:nth-child(1) {

    background-image: url(/site/images/icons/user-male-outline.svg);

}

#header li:nth-child(2) {

    background-image: url(/site/images/icons/heart-shape-outline.svg);

    margin: 0 1vw;

}

#header li:hover {

    border: 1px solid #dbdbdb;

}

#header li a {

    color: #2d2d2d;

    font-size: 14px;

    line-height: 1.1;

    display: block;

}

#header li:hover a {

    text-decoration: none;

}

#header li span {

    background-color: #e13c3c;

    width: 15px;

    height: 12px;

    padding-top: 2px;

    color:#fff;

    font-size: 9px;

    position: absolute;

    text-align: center;

    top: 10px;

    left: 40px;

    display: block;

    border-radius: 20px;

    font-weight: 600;

}

#header .box-hr {

    height: 1px;

    background-color: #fff;

    width: 100%;

    position: absolute;

    top: 50px; 

    right: -1px;

    z-index: 1;

}

#header .box {

    display: none;

    position: absolute;

    background-color: #fff;

    padding: 15px;

    top: 50px;

    right: -1px;

    width: 200px;

    border: 1px solid #dbdbdb;

    font-size: 13px;

    font-weight: 100;

    text-align: left;

    z-index: 1000;

}

#header li:hover .box {

    display: block;

}

#ajax-cart-info article {

    clear: both;

    margin-bottom: 15px;

}

#ajax-cart-info figure {

    width: 40%;

    float: right;

    text-align: center;

}

#ajax-cart-info figure img {

    max-height: 100px;

} 

#ajax-cart-info h4 {

    float: left;

    font-size: 13px;

    font-weight: 100;

    width: 60%;

}

#ajax-cart-info p {

    float: left;

    font-size: 15px;

    font-weight: 600;

    color: #e13c3c;

    margin-top: 10px;

    width: 60%;

}

#ajax-cart-info hr {

    height: 0;

    border-top: 1px solid #e13c3c;

    clear: both;

   margin-bottom: 5px; 

}

#ajax-cart-info .total {

    float: none;

    margin-top: 0;

    margin-bottom: 10px;

}

#user-box .btn {

    margin: 5px 0 10px 0;

}

a.btn, .btn, #header li a.btn {

    background-color: #e13c3c;

    font-size: 13px;

    font-weight: 600;

    color: #fff;

    display: block;

    text-transform: uppercase;

    text-align: center;

    padding: 10px 0;

}

.btn:hover {

    background-color: #5a5a5a !important;

    text-decoration: none;

}

#menu {

    width: 100%;

}

#menu li {

    width: 25%;

    float: left;

    text-align: center;

    padding: 10px 0;

    background-color: #2d2d2d;

    cursor: pointer;

}

#menu li:first-child {

    background-color: #e13c3c;

    text-align: left;

    position: relative;

}

#menu li:first-child a {

    padding-left: 5vw;

}

#menu li a {

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}

#menu li:hover {

    background-color: #5a5a5a;

}

#menu li:hover a {

    text-decoration: none;

}

#menu li i {

    color: #fff;

    position: absolute;

    top: 15px;

    left: 3vw;

}

.bgwhite {

    background-color: #fff;

}

#info {

    background-color: #545454;

    padding: 40px 0;

    font-size: 13px;

    color: #cccccc;

}

#info .part, #bottom-menu .part {

    width: 25%;

    float: left;

} 

#info h5, #info img, #bottom-menu h5 {

    margin-bottom: 15px;

}

#info h5, #bottom-menu h5 {

    color: #fff;

    font-weight: 600;

    font-size: 13px; 

}

#info .part:nth-child(1) {

    width: 20%;

    padding-right: 5%;

}

#info .part:nth-child(2) a {

    font-size: 16px;

}

#info a {

    color: #cccccc; 

}

#info .fa-twitter {

    margin: 0 20px;

}

#info .part:nth-child(3) i {

    margin-right: 10px;

}  

#info p {

    margin-bottom: 10px;

}

#info input, #info button {

    background-color: #646464;

    padding: 5px 5%;

    border: 1px solid #838383;

    width: 70%;

    float: left;

    height: 15px;

    color: #cccccc;

}

#info button {

    width: 19%;

    padding: 0;

    float: left;

    border-left: 0;

    height: 27px;

    color: #cccccc;

    cursor: pointer;

}

#bottom-menu, #footer {

    background-color: #252525;

    padding: 40px 0;

}

#bottom-menu a {

    color: #ccc;

    font-size: 13px;

    margin-bottom: 5px;

    display: block;

}

#bottom-menu i {

    margin-right: 10px;

}

#footer {

    padding: 0;

}

#footer .width {

    color: #ccc;

    font-size: 13px;

    border-top: 1px solid #515151;

    padding: 40px 0;

}

/* all */

.alert {

    margin: 10px 0;

}

.popup {

    position: fixed;

    width: 100%;

    height: 100%;

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

    display: none;

    top: 0;

    left: 0;

}

.popup .box {

    margin: 10% auto;

    width: 90%;

    border: 1px solid #f0f0f0;

    background-color: #fbfbfb;

    padding: 20px 5%;

    max-width: 500px;

    position: relative;

}

.popup h2, .popup input {

    margin-bottom: 10px;

}



.popup .close {

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

    font-size: 18px;

    font-weight: 600;

}

.page-bt {

    margin-bottom: 20px;

}

.page-100 {

    width: 100%;

    background-color: #fff;

}

.page-70 {

    float: left;

    width: calc(75% - 15px);

    background-color: #fff;

}

.page-50 {

    width: 50%;

    background-color: #fff;

    display: table-cell;

}

.page-30 {

    float: right;

    width: 25%;

    background-color: #fff;

}

.page-10 {

    width: 20px;

    display: table-cell; 

}

.page-10 div {

    width: 20px;

}

.page-inside {

    padding: 20px;

}

.page-inside-50 {

    width: 50%;

    margin: 0 auto;

}

 .path {

    margin: 15px 0;

    padding: 15px 25px;

    background-color: #fff;

}

.path div {

    float: left;

}

.path a {

    float: right;

    color: #2d2d2d;

    font-size: 13px;

    font-weight: 600;

}

.path i {

    margin: 0 5px;

}

#pathmenu {

    float: left;

    width: 25%;

    margin-right: 15px;

    background-color: #fff;

    margin-bottom: 25px; 

}

#pathmenu ul ul {

    display: none;

}

#pathmenu li {

    border-bottom: 2px solid #f0f0f0;

}

#pathmenu li li {

    border-top: 2px solid #f0f0f0;

    border-bottom: 0;

}

#pathmenu a, #infopage h1, #catalog h1, .catalog-filer h2 {

    padding: 10px 20px;

    color: #2d2d2d;

    font-weight: 600;

    display: block;

    border-left: 3px #2d2d2d solid;

    font-size: 15px;

}

#pathmenu li li a { 

    padding: 10px 20px 10px 40px; 

}

#pathmenu a:hover, #pathmenu a.current { 

    border-left: 3px #e13c3c solid;

    color: #e13c3c;

    text-decoration: none;

}

#pathmenu a i {

    float: right;

}





#menu {

    position: relative;

}

#catalog-menu {

    width: 25%;

    vertical-align: top;

    display: none;

    position: absolute;

    background-color: #e13c3c;

    clear: both; 

    top: 44px;

    z-index: 1000;

}

#catalog-menu li {

    text-align: left;

    padding: 10px 0 10px 5vw;

    cursor: pointer;

    position: relative;

    float: none;

    width: calc(100% - 5vw);

    background-color: #e13c3c;

}

#catalog-menu li:first-child a {

    padding-left: 0;

}

#catalog-menu li:first-child {

    background-color: transparent;

    /*position: inherit;*/

}

#catalog-menu li a {

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}

#catalog-menu li:hover {

    background-color: #5a5a5a;

    border-right: 1px solid #5a5a5a; 

}

#catalog-menu li:hover a {

    text-decoration: none;

}

#catalog-menu i {

    color: #fff;

    position: absolute;

    top: 15px;

    left: 3vw;

    margin-left: 7px;

}

#catalog-menu ul {

    display: none;

    background-color: #5a5a5a;

    position: absolute;

    top: 0;

    left: 100%;

    height: 100%;

    width: 300%;

} 

#catalog-menu ul li {

    padding: 5px 25px;

    background-color: #5a5a5a;

}

#catalog-menu ul li:first-child {

    padding-top: 20px;

}

#catalog-menu ul li a {

    font-size: 13px;

    font-weight: 100;

}

#catalog-menu ul li a:hover {

    color: #e13c3c;

}

/* home */ 

.home-header {

    display: table;

    width: 100%;

} 

.home-header #catalog-menu {

    display: table-cell;

    background-color: #e13c3c;

    top: 0; 

    position: relative;

}

#header-banner {

    display: table-cell;

    width: 75%;

    position: relative;

    line-height: 0;

}

.banner .prev,

.banner .next {

    color: #fff;

    top: 50%;

    position: absolute;

    z-index: 999;

    font-size: 4vw;

    margin-top: -2vw;

}

.banner .prev {

    left: 2vw;

}

.banner .next {

    right: 2vw;

}

#header-banner .pager {

    color: #fff;

    position: absolute;

    bottom: 2vw;

    z-index: 999;

    left: 50%;

    font-size: 3vw;

    width: 10vw;

    text-align: center;

    margin-left: -5vw;

}

.banner span {

    opacity: 0.7;

    cursor: pointer;

    margin: 0 0.1vw;

}

.banner .cycle-pager-active {

    opacity: 1;

}

.home-icons {

    padding: 40px 0;

}

.home-icons li {

    width: 25%;

    color: #2d2d2d;

    font-size: 18px;

    float: left;

    font-weight: 600;

    padding-left: 5%;

    background-repeat: no-repeat;

    background-size: 13% auto;

}

.home-icons li:nth-child(1) {

    background-image: url(/site/images/icons/quality.png);

}

.home-icons li:nth-child(2) {

    background-image: url(/site/images/icons/delivery2.svg);

    margin: 0 5%;

}

.home-icons li:nth-child(3) {

    background-image: url(/site/images/icons/consulting.svg);

}

.home-icons li p {

    font-size: 13px;

    font-weight: 100;

}
.home-icons li span {
    text-transform: uppercase;
}
.home-box {

    margin-top: 25px;

    border-top: 2px solid #e03c3b;

    background-color: #fff;

}

.home-box .table-part {

    width: 100%;

    display: table;

}

.home-box:first-child {

    margin-top: 50px;

}

.home-box-top h2 {

    border-top:2px solid #f0f0f0;

    border-bottom:2px solid #f0f0f0;

    padding: 10px 15px;

    font-size: 16px;

    color: #e13c3c;

    font-weight: bold;

    text-transform: uppercase;

}

.home-box-top h2 a {

    float: right;

    font-size: 13px;

    font-weight: 100;

    color: #888888;

    text-transform: initial;

}

.home-box .part {

    width: 25%;

    display: table-cell;

    border-right:2px solid #f0f0f0;

    vertical-align: top; 

}

.home-box .part:last-child {  

    border-right: 0;

}

.home-box article {

    padding: 20px;

    border-bottom:2px solid #f0f0f0;

}

.home-box article figure {

    width: 40%;

    float: right;

    text-align: center; 

}

.home-box article figure img {

    height: 100px;        

}

.home-box article a {

    font-size: 14px;

    font-weight: 100;

    width: 60%;

    color: #2c2c2c;

}

.home-box article p {

    float: left;

    font-size: 15px;

    font-weight: 600;

    color: #e13c3c;

    margin-top: 10px;

    width: 60%;

}

.home-box-top .k-2, .home-box-top .k-5, .home-box-top .k-6, .home-box-top .k-9 {

    border-bottom: 0;    

}

.home-box-top .k-1 a {

    font-size: 16px;

}

.home-box-top .k-6 a {

    font-size: 18px;

}

.home-box-top .k-1 figure, .home-box-top .k-6 figure {

    float: none;

    width: 100%;

}

.home-box-top .k-1 figure img {

    height: 150px;

}

.home-box-top .k-6 figure img {

    height: auto;

}

.home-box-box .part {

    border-top:2px solid #f0f0f0;

    position: relative;

}

.home-box-box h2 {

    padding: 30px 0;

    font-size: 20px;

    color: #e13c3c;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

}

.home-box-box ul {

    border-top:2px solid #f0f0f0;

    padding: 20px;

}

.home-box-box ul a {

    font-size: 13px;

    font-weight: 100;

    width: 60%;

    color: #2c2c2c;

    margin-bottom: 5px;

}

.home-box-box .part:nth-child(2) {

    background-size: cover;

    background-repeat: no-repeat;

}

.home-box-box .k-3, .home-box-box .k-6 {

    border-bottom: 0;    

}

.home-box-box .banner ul {

    padding: 0;

}

.home-box-box .banner li {

    background-size: cover;

}

.home-box-box .banner img {

    height: 100%;

    width: 100%;

    visibility: hidden;

    max-width: none;

}

.home-box-box .prev, .home-box-box .next {

    font-size: 3vw;

}

.home-box-box .prev {

    left: 1vw;

}

.home-box-box .next {

    right: 1vw;

}

.home-box-box .pager2 {

    color: #fff;

    position: absolute;

    bottom: 1vh;

    width: 100%;

    z-Index:999;

    text-align: center;

    font-size: 2vw;

}

.home-box-box .pager2 span {

    margin: 0 0.1vw;

}

.home-brands {

    margin-top: 50px;

    padding: 50px 0;

    text-align: center;

}

.home-brands .width {

    border-top: 2px solid #2d2d2d;

    position: relative;

}

.home-brands h2 {

    padding: 10px 25px;

    font-size: 16px;

    color: #2c2c2c;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 25px;

    text-align: left;

}

.home-brands h2 a {

    float: right;

    font-size: 13px;

    font-weight: 100;

    color: #888888;

    text-transform: initial;

    margin-top: 5px;

}

.home-brands li {

    text-align: center;

    width: 12vw;

    display: inline-block;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.home-brands li:hover {

    -webkit-filter: none;

    filter: none;

}

.home-brands img {

    max-width: 100%;

}

.home-brands .next, .home-brands .prev {

    color: #888;

    font-size: 2.5vw;

    margin-top: -1vw;

}

.home-brands .prev {

    left: 0;

}

.home-brands .next {

    right: 0;

}

/* catalog */

#infopage h1 {

    border-left: 0;

    border-bottom: 2px solid #f0f0f0;

}

#infopage .text {

    padding: 20px;

}

.catalog-filer {

    border-top: 15px solid #f0f0f0;

    font-size: 14px;

}

.catalog-filer h2 {

    border-top: 3px #2d2d2d solid; 

    border-left: 0;

    border-bottom: 2px solid #f0f0f0;

}

.catalog-filer .list {

    padding: 20px;

}

.catalog-filer .list div {

    color: #888888;

    margin-top: 10px;

    cursor: pointer;

}

.catalog-filer .list div i {

    margin-left: 10px;

}

.catalog-filer .hide, .catalog-filer .show-less {

    display: none;

}

.catalog-filer label {

    cursor: pointer;

}

.catalog-top {

    border-bottom: 2px solid #f0f0f0;

    font-size: 13px;

}

#catalog .catalog-top h1 {

    border: 0;

    float: left;

    width: 40%; 

}

#catalog .catalog-top .pagination-show {

    padding: 15px 20px 10px 20px;

    float: left;

    width: 40%; 

}

.catalog-top div {

    float: right;

    color: #888888;

    width: 40%;

    text-align: right;

    padding: 10px 20px;

}

.catalog-top select {

    color: #888888;

    background-color: #fafafa;  

    margin-bottom: 0;

    padding: 5px 10px;

}

.catalog-top div.pages-order {

    padding: 0 20px;

}

.catalog-top div.pages-row select {

    width: 60px;

    margin-left: 10px;

}

#catalog article {

    width: calc(25% - 32px);

    float: left;

    border-bottom: 2px solid #f0f0f0;

    border-right: 2px solid #f0f0f0;

    padding: 15px;

    position: relative;

}

#catalog article:nth-child(4), #catalog article:nth-child(8),

#catalog article:nth-child(12), #catalog article:nth-child(16),

#catalog article:nth-child(20), #catalog article:nth-child(24),

#catalog article:nth-child(28), #catalog article:nth-child(32),

#catalog article:nth-child(36), #catalog article:nth-child(40),

#catalog article:nth-child(44), #catalog article:nth-child(48) {

    border-right-color: #fff;

}

#catalog article h2 {

    line-height: 1;

    /*height: 45px;*/

    margin: 10px 0; 

}

#catalog article:hover {

    border: 1px solid #c0c0c0;

}

#catalog article h2 a {

    font-size: 14px;

    color: #2d2d2d;

    line-height: 1;

    font-weight: 100;

}

#catalog article h2 a small {

    font-style: italic;

    color: #888888;

}

#catalog article p {

    font-size: 18px;

    font-weight: 600;

    color: #e13c3c;

} 

#catalog article figure {

    text-align: center;

    height: 200px;

}

#catalog article img {

    max-height: 200px;

    height: auto !important;

}

#catalog article .more {

    border: 1px solid #c0c0c0;

    border-top: 0;

    width: calc(100% - 30px);

    position: absolute;

    bottom: -114px;

    left: -1px;

    padding: 15px;

    background-color: #fff;

    z-index: 1;

    display: none;

}

#catalog article:hover .more {

    display: block;

}

#catalog article:hover .more a {

    text-decoration: none;

}

#catalog article a.ajax-cart-add {

    padding: 7px 0;

    margin-bottom: 5px;

}

#catalog article .ajax-cart-add img {

    vertical-align: middle;

    max-height: 25px;

}

#catalog article .btn2 {

    background-color: #2d2d2d;

}

#catalog .pagination {

    padding: 15px 20px;

    text-align: left;

    float: left;

}

#catalog .pagination li a, #catalog .pagination li span {

    height: 22px;

    width: 25px;

    padding: 0;

    display: inline-block;

    font-size: 13px;

    padding-top: 3px;

    color: #2d2d2d;

    text-align: center;

}

#catalog .pagination .active span, #catalog .pagination li a:hover {

    color: #fff;

}

#catalog .pagination-show {

    float: right;

    padding: 20px 20px 10px 20px;

    font-size: 13px;

}  

/*product view */

#product-view {

    background-color: #fff;

    padding: 30px 5%;

    font-size: 15px;

}

#images-view {

    width: 40%;

    float: left;

    margin-right: 5%;

    text-align: center;

}

#images-view ul li {

    width: 18%;

    float: left;

    margin: 1%;

    border: 2px solid #f1f1f1;

    line-height: 0;

}

#images-view ul li.current {

    border: 2px solid #e13c3c;

}

#images-view ul li img, #images-view ul li.current img {

    border: 0;

}

#product-view article {

    float: left;

    width: 55%;

}

#product-view h1 {

    font-size: 28px;

    color: #2d2d2d;

    font-weight: 600;

    margin-bottom: 50px;

}

#product-view .info p {

    margin-bottom: 10px;

}

#product-view .info a {

    font-weight: 600;

}

#product-view .info .q1 {

    color: #39b54a;

}

#product-view .info .q0, #product-view .info a:hover {

    color: #e13c3c;

}

#product-view .info .price {

    font-size: 28px;

    font-weight: 600;

    color: #e13c3c;

    margin: 20px 0;

    float: left;

}

#product-view .info .old {

    float: left;

    font-size: 16px;

    color: #888888;

    margin-left: 20px;

    margin-top: 30px;

}

#product-view .info .save {

    clear: both;

    font-size: 15px;

    color: #888888;

    position: relative;

    top: -15px;

}  

#product-view .box { 

    border:1px solid #f0f0f0;

    background-color: #fbfbfb;

    padding: 2vw;

    margin-top: 15px;

}

#product-view .btn {

    padding: 10px 15px;

    float: left;

    cursor: pointer;

}

#product-view .btn2 {

    float: right;

    background-color: #2d2d2d;

}

#product-view .outofstock-form {

    display: none;

}

#product-view .popup .btn, #product-view .form-product-order .btn {

    float: none;

    width: 100%;

    border: 0;

}

#product-tabs {

    margin-top: 2px;

    background-color: #fbfbfb;

    font-size: 15px;

    margin-bottom: 20px;

}

#product-tabs .tabs {

    background-color: #fff;

}

#product-tabs .tabs li {

    width: 20%;

    text-align: center;

    color: #2d2d2d;

    float: left;

    padding: 15px 0;

    font-weight: 600;

    cursor: pointer;

    border-top: 3px solid #fff;
    text-transform: uppercase;

}

#product-tabs .tabs li.current, #product-tabs .tabs li:hover {

    border-top: 3px solid #2d2d2d;

}

#product-tabs .tab {

    display: none;

    padding: 2vw;

}

#product-tabs .tab1 {

    display: block;

}

#product-tabs .text li {

    margin-left: 10px;

}

#product-tabs .text li:before {

    padding-right: 10px;

}

#product-tabs .text a {

    color: #000;

    text-decoration: underline;

}

#product-tabs .text a:hover {

    text-decoration: none;

}

/* customer */

.form h2 {

    font-size: 15px;

    padding: 15px 25px;

    border-bottom:2px solid #f0f0f0;

}

.form label {

    font-size: 14px;

    color: #2d2d2d;

}

.form label.req:before {

    content: "*";

    margin-right: 5px;

    color: #e13c3c;

}

.form input, .form select, .form textarea {

    margin: 10px 0 20px 0;

    background-color: #fafafa;

    padding: 10px 5%;

}

.form .label-choose, .order-form .part1 .label-choose {

    cursor: pointer;

    display: inline;

    font-weight: 100;

}

.form label.disabled {

    color: #ccc;

    cursor: context-menu !important;

}

.form select {

    width: 100%;

}

.form .btn {

    background-color: #e13c3c;

    border: 0;

    width: 50%;

    float: left;

    min-width: 200px;

}

.forgot {

    float: right;

    color: #888888;

    margin-top: 20px;

    font-size: 14px;

}

.user-orders table {

    width: 100%;

}

.user-orders td {

    padding: 5px;

    border:1px solid #f0f0f0; 

}

.user-orders a {

    color: #888888;

}

.center {

    text-align: center;

}  

/* cart, order */

#ajax-cart-view th {

    border-bottom: 2px solid #f0f0f0;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 20px;

    text-align: center;

}

#ajax-cart-view th:first-child {

    text-align: left;

}

#ajax-cart-view td {

    border: 0;

    border-bottom: 2px solid #f0f0f0;

    padding: 10px 20px;

    font-size: 14px;

}

#ajax-cart-view a {

    font-weight: bold;

    line-height: 1;

    color: #2d2d2d;

}

#ajax-cart-view td:nth-child(1),

#ajax-cart-view td:nth-child(2) {

    color: #5a5a5a;

    text-align: left;

    line-height: 2;

}

#ajax-cart-view td:nth-child(4),

#ajax-cart-view td:nth-child(5) {

    font-weight: 600;

}

#ajax-cart-view td i {

    color: #d6d6d6;

    font-size:18px;

}

#ajax-cart-view .total_info td {

    border: 0;

    text-align: center;

    padding: 0 20px;

}

#ajax-cart-view .total_info2 td {

    padding-top: 20px;

}

#ajax-cart-view tr:last-child td {

    font-size: 18px;

    font-weight: 600;

    text-align: center;

    padding: 0 20px 20px 20px;

}

#ajax-cart-view tr:last-child td:first-child,

#ajax-cart-view .total_info  td:first-child,

#ajax-cart-view .total_dis td:first-child {

    text-align: right;

}

#ajax-cart-view .total_dis td:nth-child(2) {

    text-align: center;

    font-weight: 600;

}

#ajax-cart-view a.cart-btn {

    width: 30%;

    float: right;

    margin: 20px;

    color: #fff;

    max-width: 250px;

    padding: 15px 20px;

    font-size: 14px;

    margin: 40px 20px 0 20px;

}

#ajax-cart-view .war td {

    padding-top: 0;

}

#ajax-cart-view .war p {

    position: relative;

    width: calc(100% - 40px);

    max-width: 420px;

    margin: 0 auto;

    padding-left: 40px;

    font-size: 12px;

    line-height: 1.2;

    color: #2d2d2d;

}

#ajax-cart-view .war i {

    position: absolute;

    top:0;

    left: 0;

    font-size: 26px;

    color: #e13c3c;

}

#ajax-cart-view .war a {

    font-weight: 100;

    text-decoration: underline;

}

#ajax-cart-view .war a:hover {

    text-decoration: none;

}

#ajax-cart-view .war2 td {

    border: 0;

    padding-bottom: 0;

}

#ajax-cart-view .war3 {

    float: right;

    width: 100%;

    padding-top: 20px;

}

#ajax-cart-view .war3 p {

    margin: 0;

    float: right;

    max-width: 550px;

}

#ajax-cart-view .war4, #ajax-cart-view .war4:hover {

    cursor: default;

    background-color: #d6d6d6 !important;

}

.cart-discount {

     border:1px solid #f0f0f0;

    background-color: #fbfbfb;

    padding: 20px 20px 10px 20px;

    margin: 20px;

    display: inline-block;

    width: 420px;

}

#cart .cart-discount label {

    display: inline;

}

#cart .cart-discount input.btn {

    border: 0;

    width: 100px;

    padding: 6px 0;

}

#cart .cart-discount img {

    vertical-align: middle;

    width: 50px;

}

.order-form .part1 {

    width: 30%;

    float: left;

    border-right: 2px solid #f0f0f0; 

}

.order-form .part1 label { 

    font-weight: 600;

    margin-bottom: 10px;

    display: block;

}

.order-form .part1 hr {

    border-bottom: 2px solid #f0f0f0;

}

.order-form .part2 {

    width: calc(70% - 2px);

    float: left;

}

.order-form p {

    margin: 10px 0;

}

.order-form p.blank {

    color: #888888;

}

.order-end {

    text-align: center;

    padding: 10vh 0;

}

.order-end img {

    width: 65px;

}

.order-end h2 {

    font-size: 24px;

    text-transform: uppercase;

    border:0;

    padding: 0;

}

.order-end p {

    font-size: 20px;

    font-weight: 600;

    margin: 20px 0;

}

.order-end .btn {

    width: 30%;

    margin: 50px auto 30px auto;

    display: inline-block;

    float: none;

}  

.order-end .btn2 {

    margin-left: 5%;

    background-color: #5a5a5a;

}

.order-end .btn2:hover {

    background-color: #e13c3c !important;

} 

.cart-move {

    position: absolute;

}
.cards {
    margin-top: -15px;
}
.cards img {
    width: 50px;
}