/* ------------------------------------------------------------------
Place here your custom CSS styles
------------------------------------------------------------------ */
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    background-color: #000;
	color: #fff;
}
.modal-popup {
  position: relative;
  background: #FFF;
  padding: 53px 20px;
  width: auto;
  max-width: 350px;
  margin: 20px auto;
  text-align: center;
}
.error-help-block {
  font-size:10px;
}
.fixed-height {
  min-height: 97px;
}
.grid-mm{
  padding: 10px 30px;
  font-size:11px;
  letter-spacing: 0.15em;
}
.yamm-content ul li > a:link, .yamm-content ul li > a:visited {
    color:#000;
}
.yamm-content ul li > a:hover {
    color:#aaa;
}
.yamm-content ul li > a{
  font-size:11px;
  letter-spacing: 0.15em;
}
.filters{
  font-size: 9px;
}
.pagination > li > a{
     color:black !Important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #000;
    border-color: #000;
}
/* Portfolio grid */

.shop-grid {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shop-grid.works-grid-gut {
    margin: 0 0 0 -10px;
}

.shop-grid.works-grid-gut .shop-item {
    padding: 0 0 10px 10px;
}

.shop-item {
    width: 50%;
    float: left;
    margin: 0;
}

.works-grid-4 .shop-item {
    width: 25%;
}
/* Portfolio item */

.shop-item > a {
    position: relative;
    display: block;
    overflow: hidden;
}
/* Portfolio item hover */

.shop-item:hover .work-image:after {
    background: rgba(0, 0, 0, .7);
}

.shop-item:hover .work-image > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.shop-item:hover .work-caption {
    bottom: 50%;
    opacity: 1;
    z-index: 3;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}
/* Work item white background */

.shop-grid.works-hover-w .work-title {
    color: #000;
}

.shop-grid.works-hover-w .work-descr {
    color: #666;
}

.shop-grid.works-hover-w .shop-item:hover .work-image:after {
    background: rgba(255, 255, 255, .8);
}

.shop-grid.works-hover-g .work-image:after {
    opacity: 0;
}
.shop-grid.works-hover-g .work-title,
.shop-grid.works-hover-g .work-descr {
    color: #000;
}

.shop-grid.works-hover-g .shop-item:hover .work-image:after {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmRmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZGYiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2YwYjMiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg,  rgba(255,255,223,0.8) 0%, rgba(255,255,223,0.8) 25%, rgba(252,240,179,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,223,0.8)), color-stop(25%,rgba(255,255,223,0.8)), color-stop(100%,rgba(252,240,179,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,223,0.8) 0%,rgba(255,255,223,0.8) 25%,rgba(252,240,179,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(255,255,223,0.8) 0%,rgba(255,255,223,0.8) 25%,rgba(252,240,179,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(255,255,223,0.8) 0%,rgba(255,255,223,0.8) 25%,rgba(252,240,179,0.8) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(255,255,223,0.8) 0%,rgba(255,255,223,0.8) 25%,rgba(252,240,179,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffdf', endColorstr='#e6fcf0b3',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    opacity: 1;
}
.shop-grid.works-hover-g .shop-item:hover .work-image::after {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, rgba(67, 212, 175, 0.8) 0%, rgba(44, 211, 208, 0.8) 25%, rgba(78, 255, 206, 0.8) 100%) repeat scroll 0 0;
    opacity: 1;
}
@media (max-width: 991px) {

    /* Headers */

    .shop-item,
    .works-grid-3 .shop-item,
    .works-grid-4 .shop-item,
    .works-grid-5 .shop-item {
        width: 50%;
    }

}
@media only screen and (max-width: 480px) {

    .shop-item,
    .works-grid-3 .shop-item,
    .works-grid-4 .shop-item,
    .works-grid-5 .shop-item {
        width: 100%;
    }

}

.footer-distributed{

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    padding: 55px 50px;

}



.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
    display: inline-block;
    vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
    width: 100%;
    text-align: center;
}

.footer-distributed .footer-left ul {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    margin-top: 33px;
    float:none;
    padding-left: 0px;
}
.footer-distributed .footer-left ul > li{
    margin-left: 3px;
}

/* The company logo */

.footer-distributed h3{

    font: normal 23px 'Montserrat', cursive;
    margin: 0;
}

.footer-distributed h3 span{

}

/* Footer links */

.footer-distributed .footer-links{

    margin: 20px 0 12px;
    padding: 0;
}

.footer-distributed .footer-links a{
    display:inline-block;
    line-height: 1.8;
    text-decoration: none;
    color:  inherit;
}

.footer-distributed .footer-company-name{

    font-size: 12px;
    font-weight: normal;
    margin: 0;
    letter-spacing: 2px;
}
.footer-distributed .footer-icons{
    margin-top: 39px;
}

.footer-distributed .footer-icons a{
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color:  #33383b;
    border-radius: 2px;

    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;

    margin-right: 3px;
    margin-bottom: 5px;
}

.footer-distributed a:hover, a:focus {
    text-decoration: none;
    color: #999;
    outline: 0;
}
.section-title > h2 {
    margin: 19px 0 13px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 2px;
    hright: 40px;
    padding: 9px 4px;
    font-size: 10px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 49px;
    user-select: none;
    -webkit-user-select: none;
}
/*  CART   */
.cart-content-box{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    padding: 9px 6px 6px 26px;
    margin-top:39px;
}
.cart-content-box-text {
    margin: 6px 9px 0;
}
.cart-content-box-btn {
    text-align:right;
}
.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
}
table#cart{
    margin-top:29px;
}
table#cart>tbody>tr>td .form-control{
    height:33px;
}
@media screen and (max-width: 600px) {
    table#cart tbody td .form-control{
        width:20%;
        display: inline !important;
    }
    .actions .btn{
        width:36%;
        margin:1.5em 0;
    }

    .actions .btn-info{
        float:left;
    }
    .actions .btn-danger{
        float:right;
    }


    table#cart thead { display: none; }
    table#cart tbody td { display: block; padding: .6rem; min-width:320px;}
    table#cart tbody tr td:first-child { background: #333; color: #fff; }
    table#cart tbody td:before {
        content: attr(data-th); font-weight: bold;
        display: inline-block; width: 8rem;
    }



    table#cart tfoot td{display:block; }
    table#cart tfoot td .btn{display:block;}

}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #0a1015;
}
.thumbnail {
    display: block;
    padding: 2px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.nomargin {
    margin-top: 0px;
    margin-bottom: 0px;
}
#cartCount {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -.09rem;
    background: #780015;
    color: #fff;
    padding: 3px 3px;
    vertical-align: top;
    text-align: center;
    min-width:19px;
    text-align:center;
}
/*
 PAYMENTS RADIO BUTTONS
 */
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}

.eupago-mb{background-image:url(/Themes/wfront/assets/img/payment-mb.png);}
.eupago-ps{background-image:url(/Themes/wfront/assets/img/payment-ps.png);}
.paypal{background-image:url(/Themes/wfront/assets/img/payment-pp.png);}
.cod{background-image:url(/Themes/wfront/assets/img/payment-cod.png);}
.pickup{background-image:url(/Themes/wfront/assets/img/shipping-pickup.png);}
.ctt{background-image:url(/Themes/wfront/assets/img/shipping-ctt.png);}
.dhlparcel{background-image:url(/Themes/wfront/assets/img/shipping-dhlparcel.png);}
.stripe{background-image:url(/Themes/wfront/assets/img/payment-cdc.png);}
.bank{background-image:url(/Themes/wfront/assets/img/payment-bank.png);}

.cc-radio{
    display: inline-block;
    width:76px;
}
.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .6;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.4) grayscale(.8) opacity(.7);
    -moz-filter: brightness(1.4) grayscale(.8) opacity(.7);
    filter: brightness(1.4) grayscale(.8) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

@media (min-width: 376px) {
    .font-inc{ font-size: 0.93rem; }
    .font-alt{ font-size: 0.96rem; }
}
@media (min-width: 768px) {
    .font-inc{ font-size: 1.25rem; }
    .font-alt{ font-size: 1.16rem; }
}
@media (min-width: 992px) {
    .font-inc{ font-size: 1.25rem; }
    .font-alt{ font-size: 1.26rem; }
}
@media (min-width: 1200px) {
    .font-inc{ font-size: 1.25rem; }
    .font-alt{ font-size: 1.46rem; }
}
.open-search {
    color: #fff;
    float: left;
    border: 0;
    outline: 0;
}
.search-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #6f6f6f;
    z-index: 3699;
    display: none;
}
.search-box .search-close {
    float: right;
    margin: 36px 40px 145px 0;
}
.search-box form {
    clear: both;
    background: #494947;
    padding-top: 50px;
    padding-bottom: 50px;
}
#header-search {
    width: 86%;
    font-size: 39px;
    font-size: 3rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 1.0);
    background: none;
    padding: 0 15px 0 20px;
    line-height: 40px;
    border: 0;
    outline: none;
}
.search-box form .search-submit {
    font-size: 39px;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.54);
    background: none;
    line-height: 40px;
    border: 0;
    outline: none;
}
.btnn {
    padding: 18px 37px;
    font-family: "Inconsolata", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
}
.btnn.btn-dd {
    background: #820f0d;
    color: #fff;
}

.btnn.btn-roundd {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 4px;
}