/*====== Page Header ======*/
@media (min-width: 769px), print{
.page-layout-2columns-right .column.main {
width: 100% !important;
}
.catalog-category-view.page-layout-2columns-right .column.main{
    width: 79.16666667% !important;
}

.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details {
    margin-bottom: 10px !important;
}
}

.page-header .panel.wrapper{
    background-color: #DA2227 !important;
}

.header-area-text{
    width:89%;
    text-align:right;
    display:inline-block;
}

.header-locations{
    width:10%;
    display:inline-block;
    text-align:left;
}


.location-contact{
    display:inline-block;
    margin-left:20px;
}

/*.page-main{
    padding-top:20px;
}*/

.page-header{
    margin-bottom:0px !important;
    
}
.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details{
    margin-bottom:10px;
    
}


.block-search{
    padding-top:20px;
    
}

.block-search .action.search{
    top: 20px;
    right:10px;
}


/*====== Page Header END ======*/

/*====== Category pages ======*/

.browse-link-container{
    position: absolute;
    bottom:0;
    text-align: center;
    background-color: #da2227;
    padding:10px 0px;
    margin-top: 10px;
    width: 100% !important;
    /*border-radius: 0px 0px 5px 5px;*/
}
.browse-link-container a{
    color: #fff;
}
.standard-fast{
    padding-top:20px;
    text-align:center;
    border-bottom: none;
    border-radius: 0px;
}

.category-description .row{
   margin-bottom:10px;
   margin-top: 30px;
}

.product-item-info{
    text-align: center;
    
}
.products-grid .product-item-actions {
margin: 0px;

}

.mode-list{
    display:none !important;
    
}

.action.primary {
    background-image: none;
    background: #3AAC34 !important;
    border: 2px solid #3AAC34 !important;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 600;
    padding: 15px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    width: 100%;
}

.small-12.medium-6.columns {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

ul {
    padding-left: 19px;
}

.browse-link-container a h3, .standard-fast a h3{
    color:#da2328;
    
}


@media screen and (max-width:768px){
    .standard-fast{
        width: 100%;
    }

    .product-item-inner .action.primary {
        width: 73%;
        float: right;
        border-radius: 0px;
        background-color: #da2227 !important;
        border: 2px solid #da2227 !important;
    }

.box-tocart .action.tocart {
    vertical-align: top;
    width: 65%;
}
.product-item-inner .action.primary {
    width: 75%;
}
li.item.product.product-item {
    margin-top: 25px;
}
    .small-12.medium-4.large-3.columns {
        display: flex;
        flex-direction: column;
    }
    .owl-outer {
        z-index: -1;
    }
    #minicart-content-wrapper {
        padding: 15px;
        z-index: 9999999999999999;
    }
    .action.primary {
        background-image: none;
        background: #da2227 !important;
        border: 2px solid #da2227 !important;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-weight: 600;
        padding: 15px 15px;
        font-size: 1.4rem;
        box-sizing: border-box;
        vertical-align: middle;
        width: 100%;
    }

    .minicart-wrapper {
        margin-top: 17px !important;
    }
    .filter-title strong {
        background-color: #f0f0f0;
        box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(204,204,204,0.3);
        border: 1px solid #ccc;
        border-radius: 3px;
        font-weight: 400;
        left: 0;
        line-height: 16px;
        padding: 7px 10px;
        position: unset;
        text-align: center;
        z-index: 2;
    }
    .page-products .sorter {
        position: absolute;
        right: 0;
        top: -35px;
        z-index: 1;
    }

}
.product-item-inner .qty{
    width:20%;
    float:left;
    height: 48px !important;
}
.product-item-inner .tocart{
    width:70%;
    float:right;
    
}
.product.details.product-item-details{
    text-align:left !important;
    
}

/*.product-item-name{
    padding:9px !important;
}*/

.product-item-name {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    display: block;
    hyphens: auto;
    margin: 5px 0;
    word-wrap: break-word;
    padding: 0 5px 5px 0px !important;
}

a.product-item-link{
    
padding:0px !important;
}


/*====== Category pages END ======*/

/*===== Mega Menu =====*/

.navigation{
  background: #000 !important;
}
.navigation .level0 > .level-top{
    color: #fff !important;
}
.nav-sections, .rootmenu {
  background: #000 !important;
}
.nav-sections{
    margin-bottom:0px !important;
}


/*===== Mega Menu END =====*/



/*===SUB-HEADER-START===*/

.sub-header {
    border-bottom: 1px solid #000;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 99.6vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 10px 0px 10px 0px;
    margin-bottom: 0px;
}
.sub-header-inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1260px;
}
.sub-img {
    margin-right: 10px;
}

.sub-heading{
  font-weight: bold;
  margin-bottom: 0px;
}
.sub-head-col {
  display: flex;
  align-items: center;
}
.sub-head-col img {
  height: 51px;
  width: auto;
}
/*===SUB-HEADER-END===*/

/*=== Home page Slider ==*/
.owl-item img{
    width:100vw;
    height:auto;
}


/*=== Home page Slider END ==*/

/*===== Search Box =====*/
.block-search {
    float: left;
    padding-left: 60px !important;
    position: relative;
    width: 50% !important;
    height: 50px;
    z-index: 4;
}
.block.block-search {
  float: left;
}

.block-search input {
  margin: 0;
  padding-right: 35px;
  position: static;
  border: none;
  border-radius: 18px;
}

.header-tele {
  display: inline-block;
  color: #000;
}
.block-search .control{
  border-top: none !important;
}
input#search {
  height: 40px;
  margin-top: -4px !important;
  padding-left: 20px;
  background-color: #f6f6f6;
  border-radius: 5px;
}


/*===== Search Box END =====*/

/*===== Contact Form =====*/

.form .contact input,
.form .contact textarea,
.form .contact select{
    width: 100% !important;
    
}

.form .contact fieldset{
    padding:0px;
    
}


/*====FOOTER-START====*/

footer.page-footer {
    padding-top: 35px;
    background: #000;
}

.footer-grid {
    display: flex;
}

.footer-col {
    flex: 1;
}

ul.social-links {
    display: inline-flex;
}

.social-links > li {
    padding-left: 0px;
    padding-right: 5px;
}

.social-links img {
  max-height: 90%;
}

.footer-col h4 {
    margin-bottom: 30px;
    color:#fff;
        
}

@media screen and (max-width:768px){
    .footer-grid {
        flex-direction: column;
    }
    .block-search .action.search{
        top: 20px;
        right:10px;
    }

    
}

.footer.content ul li {
  padding-bottom: 5px;
  border-top: none;
}

.social-images {
  flex: 1;
}

.footer-col li a {
    color: #fff;
    position: relative;
   text-decoration: none;
  padding-bottom: 4px;
}

.footer-col li a:before, .footer-col li a:after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #191919;
}

.footer-col li a:before{
  opacity: 0;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
  transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.footer-col li a:after {
  opacity: 0;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.footer-col li a:hover:before, .footer-col li a:hover:after, .footer-col li a:focus:before,  .footer-col lia:focus:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer-col li a:hover:before, .footer-col li a:focus:before {
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.footer-col li a:hover:after, .footer-col li a:focus:after {
  -webkit-transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
  transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.footer-grid.payments {
    justify-content: left;
    padding-top: 50px;
    padding-bottom: 20px;
}

#social img{
    width:20px;
    margin: 5px;
}



/*====FOOTER-END====*/


/*===== Owl Banner =====*/
.fa.fa-chevron-left{
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-width: 1px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(-135deg);
}
.fa.fa-chevron-right{
    display: block;
    width: 20px;
    height: 20px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-width: 1px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
transform-origin: 0px -9px;
}
#banner-slider-mobile {
        display: none;
    }
@media screen and (max-width: 768px){   
/*    #banner-slider-home {
        display: none;
    }*/
    #banner-slider-mobile {
        display: block;
    }
    .text-overlay-owl{
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 500;
        transform: translate(-50%, -50%);
        color: #fff;
    }
    .text-overlay-owl-mobile {
        display:none;
        position: absolute;
        color: #fff;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
}

.owl-prev {
    width: 15px;
    height: 100px;
    left: 15px;
    position: absolute;
    top: 40% !important;
    display: block !important;
    border:0px solid black;
}
.owl-nav button{
background: transparent;
}
.owl-nav button:hover{
background: transparent;
    border: none;
    color: none;
}
.owl-next {
    height: 100px;
    position: absolute;
    top: 40%;
    right: 0px;
    display: block !important;
    border:0px solid black;
}
.text-overlay-owl h1 {
    margin-bottom: 5px;
   font-size: 48px
}

.text-overlay-owl p{
  font-size: 22px;
}

.owl-outer {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.owl-carousel.owl-loaded {
    display: block;
    
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.owl-dots {
    position: absolute;
    bottom: 50px;
    left: 48%;
}

button.owl-dot {
    background: none;
    border: none;
    box-shadow: none;
}
.text-overlay-owl{
display: none;
    position: absolute;
    left: 25%;
    top: 50%;
    z-index: 500;
    transform: translate(-50%, -50%);
    color: #fff;
}

/*===== Owl Banner END =====*/

/*===== Mob Width =====*/
@media(max-width: 768px){
    .page-products .columns{
        padding-top:20px;
        
    }
    
.owl-next button{
    padding-top:0px;
}
.owl-prev {
    height: 100px;
    left: 0px;
    position: absolute;
    top: 0%;
    display: block !important;
    border:0px solid black;
}
.owl-next {
    height: 100px;
    position: absolute;
    top: 0%;
    right: 0px;
    display: block !important;
    border:0px solid black;
}

.fa.fa-chevron-right,
.fa.fa-chevron-left
{
    width:10px;
    height:10px;
    
}

    li.listing-item {
        flex-basis: 50%;
    }
    .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle {
      display: block !important;
    }
    .cart.table-wrapper .product-item-name + .item-options {
      margin-top: 25px !important;
    }

    .label-productlabel-icon .sale-product-icon {
      background-color: #CC0000 !important;
      color: #fff;
      padding: 8px 8px;
      display: inline-block;
      line-height: 10px;
      border-radius: 11px;
      margin: 5px;
    }
    .category-view {
      margin-left: 0px;
    }
    .action.nav-toggle{
      float: left;
      position: inherit;
      top: 0;
      left: 0;
    }
    .logo img {
      width: auto;
      height: auto;
      top: 0;
      left: 0;
      max-width: 130px !important;
    }
    .logo {
      position: absolute;
      left: 50%;
      top: 13px;
      transform: translateX(-53%);    
      margin-left:0;
    }
    .block.block-search{
      clear:both;
      padding-bottom: 5px;
      /*margin-top: 50px;*/
    }
    
    
  .hidden-mb{
    display: none;
  }
  
  
.header-area-text{
    display: none;
}
  
.block-search .action.search{
    position: absolute;
    top: -53px;
    left: 30px;
    background: none;
    border: none;
    cursor: pointer;
    display: none;
  }
  
  .block.block-search {
    float: none;
    position: relative;
    width: 100% !important;
    z-index: 4;
    /*padding-bottom: 15px;*/
    padding-left: 0px !important;
  }
    .block-search .label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    content: '\e615';
    font-family: 'luma-icons';
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.footer-col{
    padding: 0px 20px;
    
    
}

.nav-open .nav-sections{
    background-color:#000 !important;
    
}
.nav-open .nav-sections .navigation a:visited{
    color:#fff !important;
    text-decoration-color:#fff !important;
}



}

.img-center .button{
    
    margin: 0 auto !important;
}


@media (max-width: 1093px), print{
    .block-search {
        padding-left: 20px !important;
    }
    
}
@media (max-width: 998px), print{
    .block-search {
        padding-left: 10px !important;
        width: 40% !important;
    }
}
@media (max-width: 803px), print{
    .block-search {
        padding-left: 10px !important;
        width: 35% !important;
    }
    .header-area-text,
    .header-locations
    {
        width: 100%
    }
    
    
}
@media (min-width: 769px), print{
.logo {
    margin: 0px !important;
}
}

.sub-icon1{
    height:40px !important;
    
}


.availability.only {
    padding-left: 5px;
}

.product-info-main .product.attribute.overview {
    margin: 20px 0;
    display: none;
}
h1.page-title {
    font-weight: 600;
    font-size: 30px;
}

.product-info-main .product-info-stock-sku {
    display: flex;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-top: 15px;
}
.stock.available:before {
    content: url(/pub/media/homepage/green-tick1.png);
}
.stock.available:after {
    content: 'and ready for dispatch';
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
    font-weight: 400;
    text-transform: inherit;
    padding-bottom: 5px;
}

section.countdown {
    background: #eeedeb;
    padding: 15px;
    display: flex;
    justify-content: center;
}

p#cd_text {
    margin-bottom: 0px;
}
span.dynamicCountdown {
    font-weight: 600;
}

.field.qty {
    display: inline-flex;
}
.field.qty label {
    margin-right: 10px !important;
    margin-top: 15px !important;
    font-weight: 400 !important;
}
.box-tocart .actions {
    display: inline;
    margin-left: 15px;
}



input#qty {
    padding: 15px;
    height: 54px;
}

.product-info-main .product-info-price {
    color: #575757;
    border-bottom: none;
    display: table;
    margin-bottom: 0px;
    width: 100%;
}

button#product-addtocart-button {
    background: #3AAC34 !important;
    border: 2px solid #3AAC34 !important;
    border-radius: 0px;
}

.breadcrumbs {
    margin-top: 30px;
}

.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    font-size: 35px;
    line-height: 36px;
}

.product-item-inner .action.primary {
    width: 80%;
    float: right;
    border-radius: 0px;
    background-color: #3AAC34 !important;
    border: 2px solid #3AAC34 !important;
}

.product-image-container {
    display: inline-block;
    max-width: 100%;
    border: 1px solid #cccc;
}
