/* 
Theme Name:		 Zigcy Lite Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Zigcy Lite Child is a child theme of Zigcy Lite, created by ChildTheme-Generator.com
Author:			 isonmedia
Author URI:		 http://childtheme-generator.com/
Template:		 zigcy-lite
Version:		 1.0.0
Text Domain:	 zigcy-lite-child
*/


/*
####################################################
FONTS
####################################################
*/
/*Museo*/
@import url("https://use.typekit.net/ixx1qkp.css");

/*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;900&display=swap');


/*
####################################################
GENERAL
####################################################
*/
body{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-style: normal;
}

body p{
    color: #555;
}


 a, a:visited, .entry-content a{
    color: #dd023a
}

.m-b-15{
    margin-bottom: 15px!important;
}

.mb-0{
    margin-bottom: 0!important
}
.white-text, .white-text p{
    color: #fff!important
}

/*
####################################################
COLUMN FIXES / 5th COLUMNS
####################################################
*/

.col-centered {
  float: none!important;
  margin: 0 auto!important; }

/*
####################################################
ADS
####################################################
*/
ins.adsbygoogle { background: transparent !important; }
.hp-header-ad, .footer-ad{
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}

.latest-header-ad {  
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}


.advert-top{  
    margin-top: 30px!important;
padding: 0 25px!important
}

.latest-footer-ad{

    margin: 0 auto 30px auto!important
}

.footer-ad-wrapper{
    background: #ebca99;
    padding: 10px 0 
}

.comp-list-ad{
    /*DELETE */
  
    margin: 30px auto;
}
.in-content-banner{
    padding: 0 15px 15px 15px!important
}


.in-content-text-ads{
    padding: 0 0 15px 0
}

.days-header-ad{
    /*DELETE */
    background: #ececec;
    padding: 10px;
    display: flex;
    align-content: center;
    text-align: center;
    color: #aaa;
    
    
    margin: 30px auto;
}

.listing-text-links{
	/*padding: 0 0 30px 0;*/
    padding: 0 0 15px 0!important;
	width: 100%;
}

.listing-text-links-gingerbread{
	height: 390px;
    padding: 0 0 15px 0!important;
	width: 100%;
}

.adv-table th[scope="col"]{
    background: #ebca99
}

.adv-table td, .adv-table th {
    padding: 15px;
    vertical-align: top;
    border-top: 0;
    border: 1px solid #ebca99;
}

.adv-table thead th{
    border-bottom: 0
}



/*
####################################################
ADS NEW - 2021
####################################################
*/

.ga-footer{
    padding: 15px 0;
    text-align: center
}




.in-page-ad-wrapper{
    margin: 15px 0
}
.in-page-ad{
    padding: 0 0 0 15px
}

.in-page-content{
    padding:  0 0 0 0;
    line-height: 28px;
    color: #555
}
.in-page-ad-horizontal{
    margin: 15px 0
}

/*
####################################################
HELPERS
####################################################
*/
.p-0 {
  padding: 0 !important; }

.p-8 {
  padding: 8px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-30 {
  padding: 30px !important; }

.p-40 {
  padding: 40px !important; }

.p-60 {
  padding: 60px !important; }

.p-90 {
  padding: 90px !important; }

.p-120 {
  padding: 120px !important; }

.m-0 {
  margin: 0 !important; }

.m-5 {
  margin: 5px !important; }

.m-8 {
  margin: 8px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-30 {
  margin: 30px !important; }

.m-40 {
  margin: 40px !important; }

.m-60 {
  margin: 60px !important; }

.m-90 {
  margin: 90px !important; }

.m-120 {
  margin: 120px !important; }

.pt-0 {
  padding-top: 0 !important; }

.pr-0 {
  padding-right: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pl-0 {
  padding-left: 0 !important; }

.pt-8 {
  padding-top: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pr-90 {
  padding-right: 90px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pt-120 {
  padding-top: 120px !important; }

.pr-120 {
  padding-right: 120px !important; }

.pb-120 {
  padding-bottom: 120px !important; }

.pl-120 {
  padding-left: 120px !important; }

.mt-0 {
  margin-top: 0 !important; }

.mr-0 {
  margin-right: 0 !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.ml-0 {
  margin-left: 0 !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.mt-120 {
  margin-top: 120px !important; }

.mr-120 {
  margin-right: 120px !important; }

.mb-120 {
  margin-bottom: 120px !important; }

.ml-120 {
  margin-left: 120px !important; }

.b-0 {
  border: 0px !important; }
  .b-0:before {
    border: 0px !important; }

.col-centered {
  float: none;
  margin: 0 auto; }





/*
####################################################
HEADERS
####################################################
*/


.header-red-left{
    border-left: 10px solid #dd023a;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
    margin: 0
}

.header-brown-left{
    border-left: 10px solid #ebca99;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
    margin: 0
}


h1.header-red{
    color: #dd023a;
    margin: 0;

        font-family: museo-slab, serif;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 48px;
text-align: center
}

.more-details h3{
    color: #000;
    margin: 0;

        font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
text-align: left
}

h1.header-brown{
    color: #4b4134;
    margin: 0;

        font-family: museo-slab, serif;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 48px;
text-align: center
}


h1.header-white{
    color: #fff;
    margin: 0;

        font-family: museo-slab, serif;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 48px;
text-align: center
}

.header-p-white{
    color: #fff;
    font-size: 18px;
}


.header-p-brown{
    color: #4b4134;
    font-size: 18px;
}


.widget-area h2.widget-title{
   
    display: block;
    font-size: 24px;
    font-weight: 400;
    font-family: museo-slab, serif;
    color: #000;
    padding-left: 15px;
    margin-bottom: 30px;
    line-height: 1;
    margin-top: 0px;
}
.widget-area h2.widget-title::after {
    background-color: #dd023a!important;
    width: 5px;


}

/*
####################################################
DIVIDERS
####################################################
*/

.red-scissors{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0
}

.red-line{
    width: 50px;
    height: 4px;
    background:  #dd023a;
}

.red-scissors i{
    margin: 0 8px;
    color: #dd023a;
    font-size: 32px;
}


.brown-scissors{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0
}

.brown-line{
    width: 50px;
    height: 4px;
    background:  #4b4134;
}

.brown-scissors i{
    margin: 0 8px;
    color: #4b4134;
    font-size: 32px;
}


.white-scissors{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0
}

.white-line{
    width: 50px;
    height: 4px;
    background:  #fff;
}

.white-scissors i{
    margin: 0 8px;
    color: #fff;
    font-size: 32px;
}

/*
####################################################
BUTTONS
####################################################
*/
.btn-red-white{
    background: #dd023a;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
.btn-red-white i{
    margin-left: 5px;
    font-size: 16px;
}

.btn-red-white:hover{
    background: #fff;
    color: #dd023a;
     box-shadow: 0 0 11px rgba(33,33,33,.2); 
}


.btn-green-white{
    background: #13553a;
    border: 2px solid #13553a;
    color: #fff!important;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;
font-family: "Poppins";
    font-size: 18px;
}


.btn-green-white:hover{
    background: #fff;
    color: #13553a!important;

}




a.btn-red-white-border{
    background: #dd023a;
    border: 2px solid #dd023a;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
a.btn-red-white-border i{
    margin-left: 5px;
    font-size: 16px;
}

a.btn-red-white-border:hover{
    background: #f6f6f6;
    color: #dd023a;
    border: 2px solid #dd023a;

}


a.btn-blue-white-border{
    background: #162a4d;
    border: 2px solid #162a4d;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
a.btn-blue-white-border i{
    margin-left: 5px;
    font-size: 16px;
}

a.btn-blue-white-border:hover{
    background: #f6f6f6;
    color: #162a4d;
    border: 2px solid #162a4d;

}



a.btn-brown-white-border{
    background: #ebca99;
    border: 2px solid #ebca99;
    color: #4b4134;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
a.btn-brown-white-border i{
    margin-left: 5px;
    font-size: 16px;
    color: #4b4134;
    transition: all 0.3s ease
}




a.btn-brown-white-border:hover{
    background: #162a4d;
    color: #ebca99!important;
    border: 2px solid #ebca99;

}


a.btn-brown-white-border:hover i{

    color: #ebca99!important;


}




a.btn-blue-white{
    background: #162a4d;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
a.btn-blue-white i{
    margin-left: 5px;
    font-size: 16px;
}

a.btn-blue-white:hover{
    background: #f6f6f6;
    color: #162a4d;
}




/* CART / PRODUCT PAGES */
button.btn-red-rounded, a.btn-red-rounded, input.btn-red-rounded{
        background: #dd023a;
    border: 0!important;
      padding: 10px 30px!important;
    cursor: pointer;
    font-size: 18px!important;
    font-weight: 400;
    color: #fff;
    border-radius: 50px;
    transition: all ease 0.3s;

}

button.btn-red-rounded:hover, a.btn-red-rounded:hover, input[type="submit"].btn-red-rounded:hover{
    background: #162a4d
}


a.btn-red-rounded-cart-widget{
        background: #dd023a;
    border: 0!important;
      padding: 10px 20px!important;
    cursor: pointer;
    font-size: 18px!important;
    font-weight: 400;
    color: #fff;
    border-radius: 50px;
    transition: all ease 0.3s;;
    display: block;
    text-align: center

}

a.btn-red-rounded-cart-widget:hover{
   background: #dd023a;
}




a.btn-blue-rounded-cart-widget{
        background: #162a4d;
    border: 0!important;
      padding: 10px 20px!important;
    cursor: pointer;
    font-size: 18px!important;
    font-weight: 400;
    color: #fff;
    border-radius: 50px;
    transition: all ease 0.3s;
display: block;
    margin-top: 15px;
    text-align: center
}
a.btn-blue-rounded-cart-widget:hover{
        background: #162a4d;
}




input.btn-red-rounded{
        background: #dd023a!important;
    border: 0!important;
      padding: 10px 30px!important;
    cursor: pointer!important;
    font-size: 18px!important;
    font-weight: 400!important;
    color: #fff!important;
    border-radius: 50px!important;
    transition: all ease 0.3s!important;
    text-transform: none!important;
    letter-spacing: 0!important

}

input.btn-red-rounded:hover{
    background: #162a4d!important
}






.btn-red-outline-small{
          background: none;
    border: 2px solid #dd023a;
      padding: 6px 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #dd023a;
    border-radius: 50px;
    transition: all ease 0.3s;
    float: right;
    margin-left: 15px;
}

.btn-red-outline-small:hover{
    border: 2px solid #162a4d;
    text-decoration:  none;
   color: #162a4d
}





.btn-yellow-blue{
    background: #f9dc5c;
    color: #162a4d;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 50px;
transition: all 0.4s ease;
    display: inline-flex;
    align-items: center;

}
.btn-yellow-blue i{
    margin-left: 5px;
    font-size: 16px;
}

.btn-yellow-blue:hover{
    background: #162a4d;
    color: #f9dc5c
}




/*
####################################################
TOP NAVIGATION
####################################################
*/

.gingy-top-wrapper{
    position: relative;
    display: none
}







a.gingy-top{
  position: absolute;
    top: -122px;
    left: 235px;
       width: 400px;
    z-index: 100;
    transition:all 1s ease;
    }
 a.gingy-top:hover{
 transform: translateY(50px);
}

@keyframes updown {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(-50px);
  }
}

a.gingy-top .gingy-text{
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 128px;
    padding-left: 10px;
    
        border-radius: 50px;
    padding: 10px 20px;
    background: #152a4c;
    text-align: center
}

.mobile-logo{
    width: 190px
}


.store-mart-lite-top-header-wrap{
    background: /*url("../zigcy-lite-child/images/cross-pattern.gif")*/ #ebca99;
    border-bottom: 0;
    padding:0
}

ul.top-header-nav{
    text-align: right;
}

ul.top-header-nav{
    list-style: none;
    padding: 0;
    margin: 0
}

ul.top-header-nav li{
    display: inline-flex;
        border-right: 1px solid #c9a979;
    padding-right: 10px;
    margin-right: 10px;
}
ul.top-header-nav li:last-of-type{
    border-right: 0}
ul.top-header-nav li a{
    color: #152a4c;
    font-size: 16px;
 
}
   .user-logout-wrap{
        margin-right: -15px!important
    }

.user-logout-wrap.sm-icon-header span{
    top: 50px;
}
p.woocommerce-mini-cart__total.total{
    font-size: 16px;
}
.user-logout-wrap.sm-icon-header span, .widget_shopping_cart_content p{
    font-size: 16px;
}




/* MEMBERS AREA */
.woocommerce-message a{
    margin-right: 10px
}

.woocommerce-orders-table thead, .woocommerce-orders-table tr, .woocommerce-orders-table td{
    font-size: 16px;
}

td.woocommerce-orders-table__cell-order-actions a{
       color: #DD0238!important;
    font-weight: 400!important;
    display: block!important;
    padding: 5px 0!important;
}
td.woocommerce-orders-table__cell-order-actions a:hover{
    background: none!important;
    text-decoration: underline!important}


.woocommerce-column--billing-address
{
    margin-bottom: 30px;
}


a.account-btn-download{
    color: #fff!important;
    float: right;
    width: 220px;
    min-width: 220px;
}

.woocommerce-account .woocommerce-MyAccount-content{
    padding-left: 0;
    padding-top: 30px
}


.woocommerce-MyAccount-navigation ul li:last-child{
    font-size: 16px;
    font-weight: 400
}

.christmas-countdown{
    display: flex;
    align-items: center
}
#countdown{
   /* background: #13553e;
    color:  #fff;
    display: inline-block;
    padding: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    line-height: 10px;
    font-weight: 900;
border-radius: 3px;*/
    color: #13553e;
    font-size: 26px;
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -4px
}


.woocommerce-form-login{
    margin-top: 5px!important
}





/*
####################################################
NEW 2023
####################################################
*/

.social-links i{
    font-size: 30px;
}


.comp-details  br{
    display: inline
}



 .comp-details .header-brown-left h4{
    color: #000;
    margin: 0;
    padding: 0;
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 20px;
    line-height: 20px;
}




.christmas-countdown span{
    color: #13553e;
    font-size: 16px;
}


.christmas-countdown, .icons8-facebook{
    color: #13553e;
    font-size:26px;
    line-height: 26px;
    margin-right: 4px;
}


/* HOMEPAGE BOXES */

.promo-box-blue{
    background: #152a4c;
    }

.promo-box-green{
    background: #13553a;
    }




.promo-one-image, .promo-two-image{
    padding: 40px;
}

.comp-box-bottom{
    display: block;
}



.comp-box-image{
/*    padding: 30px;*/
    min-width: 200px;
}

.comp-box-image img{
object-fit: contain;
padding-right: 0px;
padding-bottom: 30px;
}

.comp-box-title{
/*    padding: 30px;*/
}
.comp-box-title a{
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    font-family: museo-slab, serif;
    font-weight: 300;
    height: auto;
}
.comp-box-title a:hover{
    text-decoration: underline!important
}
.comp-box-title p{
    color: #fff;
    height: auto;
}


.comp-box-title  a.btn-red-white{
   font-family: "poppins";
    width: auto;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 30px;
}


.competition-content .bullets p{
    display: flex;
}

.competition-content .bullets p i{
    font-size: 24px;
    margin-right: 10px;
}


.comp-form .gjs-row .gjs-cell input{
background: #fff;}

.comp-form .gjs-row .gjs-cell input[type="submit"]{
    background: #dd023a!important;
    border: 0!important;
    padding: 15px 30px!important;
    cursor: pointer!important;
    font-size: 18px!important;
    font-weight: 400!important;
    color: #fff!important;
    border-radius: 50px!important;
    transition: all ease 0.3s!important;
    height: 47px!important;
}

.comp-form .gjs-row .gjs-cell input[type="submit"]:hover{
    background: #162a4d!important;
}








/*
####################################################
MEMBERS AREA NAVIGATION
####################################################
*/


.lnr-cart:before{font-family:"px"!important; content:"\f108"!important}

.store-mart-lite-login-wrap .lnr-cart, .store-mart-lite-login-wrap i.icons8-user, .store-mart-lite-login-wrap i.icons8-heart, .sm-cart-icon-wrap span.lnr.lnr-cart, ul#site-header-cart i.icons8-christmas-stocking{
    font-size: 42px!important;
    color: #fff!important;

}
.site-branding img{width: 320px}
.store-mart-lite-logos{
    padding: 10px 0  
}
.store-mart-lite-product-cat{
    padding: 0
}

.header-one .cart-icon-wrap {
    width: auto;
    margin-left: 40px;
}

.wishlist-counter, .sm-cart-count{
    background: #152a4c!important;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sm-cart-icon-wrap span.sm-cart-count{
    bottom: 0px;
    left: -35px;
    position: absolute;
    top: 0;
}

span.sm-cart-text{
    color: #fff;
    border-bottom: 2px solid #fff!important;
    padding: 0 0 0px 0;
    margin-bottom: 0px;

font-weight: 400;
font-style: normal;
   font-size: 16px;
}

span.sm-cart-text:hover{
        color: #fff;
    border-bottom: 1px solid #8a0016;

}

.sm-cart-amount{
    color: #fff;
font-weight: 400;
font-style: normal;
    font-size: 16px;
}


span.wishlist-counter{
    left: 30px!important;
    top: 0!important;
    z-index: 100
}

.sm-icon-header i, .sm-cart-icon-wrap span.icon{
    color: #fff
}
.sm-cart-icon-wrap span.sm-cart-count{
    font-weight: 600
}


li.menu-item a{
    color: #fff;
    padding: 0!important;
    margin: 0 10px;
   font-size: 18px;
    text-decoration: none
}

li.menu-item a:hover{
    color: #fff;
 
}



/*
####################################################
MAIN NAVIGATION
####################################################
*/


.site-header, .mob-hiriz-wrapp{
    background: #dd023a
}

button.menu-toggle::after{
    content: none!important
}
button.menu-toggle{padding: 0!important}

.main-navigation{text-align: left!important}


.store-mart-lite-product-cat{
    justify-content: left;
}

.main-navigation ul > li a{
    font-size: 16px;
    color: #fff!important;
    text-transform: none;
    font-weight: 400
}



.browse-category-wrap{
    background: #152a4c;
    font-family: "Poppins";
    width: auto;
    padding: 10px;
    cursor: pointer!important;
  
}
.browse-category-wrap > button{
    cursor: pointer;
    padding: 0
}
.browse-category-wrap span{
    color: #fff;
}
.browse-category-wrap i{
    color: #fff!important;
    font-size: 24px;
}

.menu-sup{
    position: absolute!important;
    top: -20px;
    border-radius: 50px;
    padding: 5px 12px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    right: -20px;
    line-height: 12px;
    font-weight: 600;
    transition:  all 0.3s ease
}

.menu-sup:hover{
    background: #244170!important;
}

.yellow-sup{
    background: #f9dc5c;
    color: #152a4c
}

.blue-sup{
    background: #152a4c;
    color: #fff
}




.zig-zag-top-green-red {
    background: #a01028;
}
.zig-zag-top-green-red:after {
    background: linear-gradient(-45deg, transparent 16px, #13553e 0), linear-gradient(45deg, transparent 16px, #13553e 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}



.zig-zag-top-red-brown {
    background: #ebca99;
}
.zig-zag-top-red-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #a01028 0), linear-gradient(45deg, transparent 16px, #a01028 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
}



.zig-zag-top-white-brown {
    background: #fff;
}
.zig-zag-top-white-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #ebca99 0), linear-gradient(45deg, transparent 16px, #ebca99 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
}


.zig-zag-top-lbrown-brown {
    background: #ebca99;
}
.zig-zag-top-lbrown-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #dce9ff 0), linear-gradient(45deg, transparent 16px, #dce9ff 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
}



.zig-zag-top-brown-white {
    background: #ebca99;
}
.zig-zag-top-brown-white:after {
    background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
}




.zig-zag-top-brown-red {
    background: #dd023a;
}
.zig-zag-top-brown-red:after {
    background: linear-gradient(-45deg, transparent 16px, #ebca99 0), linear-gradient(45deg, transparent 16px, #ebca99 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
        position: relative;
    top: -5px;
}



.zig-zag-bottom-brown-blue {
    background: #162a4d;
}
.zig-zag-bottom-brown-blue:after {
    background: linear-gradient(-45deg, transparent 16px, #ebca99 0), linear-gradient(45deg, transparent 16px, #ebca99 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}

.zig-zag-bottom-blue-white {
    background: #fff;
}
.zig-zag-bottom-blue-white:after {
    background: linear-gradient(-45deg, transparent 16px, #162a4d 0), linear-gradient(45deg, transparent 16px, #162a4d 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}

.zig-zag-top-blue-white {
    background: #fff;
}
.zig-zag-top-blue-white:after {
    background: linear-gradient(-45deg, transparent 16px, #162a4d 0), linear-gradient(45deg, transparent 16px, #162a4d 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}

.zig-zag-bottom-brown-dbrown {
    background: #bc9c6d;
}
.zig-zag-bottom-brown-dbrown:after {
    background: linear-gradient(-45deg, transparent 16px, #ebca99 0), linear-gradient(45deg, transparent 16px, #ebca99 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}




.zig-zag-bottom-blue-red {
    background: #dd023a;
}
.zig-zag-bottom-blue-red:after {
    background: linear-gradient(-45deg, transparent 16px, #162a4d 0), linear-gradient(45deg, transparent 16px, #162a4d 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}


.zig-zag-bottom-red-blue {
    background: #162a4d;
}
.zig-zag-bottom-red-blue:after {
    background: linear-gradient(-45deg, transparent 16px, #dd023a 0), linear-gradient(45deg, transparent 16px, #dd023a 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}


.zig-zag-bottom-blue-brown {
    background: #ebca99;
}
.zig-zag-bottom-blue-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #162a4d 0), linear-gradient(45deg, transparent 16px, #162a4d 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}





.zig-zag-top-red-brown {
    background: #ebca99;
}
.zig-zag-top-red-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #dd023a 0), linear-gradient(45deg, transparent 16px, #dd023a 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
}





.zig-zag-top-white-red{
    background: #dd023a;
}
.zig-zag-top-white-red:after {
    background: linear-gradient(-45deg, transparent 16px, #fff 0), linear-gradient(45deg, transparent 16px, #fff 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}



.zig-zag-bottom-white-red{
    background: #fff;
}
.zig-zag-bottom-white-red:after {
    background: linear-gradient(-45deg, transparent 16px, #dd023a 0), linear-gradient(45deg, transparent 16px, #dd023a 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    margin: 0!important
}






.header-banner-wrapper{
    background: #60264f;
    padding: 5px 15px;
    color: #dd023a;
    font-weight: 500
}
.header-banner-competition{
    display: block;
    padding: 0px;
    text-align: center
}
.header-banner-competition img{
display: block;
    max-width: 160px;
 margin: 10px auto;
    
}

.header-banner-competition  span{color: #dd023a;
font-size: 16px;}

.header-banner-competition a{
    color: #fc9700;
   
}
.header-banner-competition a:hover{
    color: #fff}

.header-banner-competition a.btn-yc{
    background: #fc9700;
    color: #152a4c;
    padding: 5px 10px;
    border-radius: 50px;
       margin-bottom: 5px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease
}

.header-banner-competition a.btn-yc:hover{
    background: #fff;
}

.header-banner-right a{
    color: #fff;
}



/*
####################################################
SLIDER
####################################################
*/
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}


.plx_slider_promo_section .owl-carousel.owl-loaded{
    height: 800px
}


.banner-slider{
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-slider-info{
text-align: left;
        width: 80%;
 
}

.jagged {
  

    
  
  padding: 30px;
  position: relative;
}
.inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(
      45deg,
      #dd023a 25%,
      transparent 25%,
      transparent 75%,
      #dd023a 75%,
      #dd023a
    ),
    linear-gradient(
      -45deg,
      #dd023a 25%,
      transparent 25%,
      transparent 75%,
      #dd023a 75%,
      #dd023a
    );
  background-size: 20px 20px;
  background-repeat: round round;
  background-position: -10px -10px;
  opacity: 0.7;
}
.inner:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  background: #dd023a;
  z-index: -1;
}

.banner-slider-info h1{
     font-family: museo-slab, serif;
color: #fff;
    font-weight: 200;
    font-size: 48px;
    line-height: 48px;
    margin: 0 0 15px 0
}


.banner-slider-info .caption-content p{
 font-family: museo-slab, serif;
color: #fff!important;
    font-weight: 200;
    font-size: 26px;
    line-height: 34px;
}

/*
####################################################
COMPETITION BOX
####################################################
*/

.store-mart-lite-wrapper:first-of-type{
    margin-bottom: 10px
}

.store-mart-lite-wrapper{
    height: auto /* Was 50% */
}
.promo-one-image{
    /*height: 322px;*/
}
.promo-one-image a{
    display: flex;
    align-content: center
}
.competition-box-cover{
    background: #002814;
    opacity: 0.75;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}
.competition-box{
    background: #13553a /*url("../zigcy-lite-child/images/competition-banner.png") bottom left no-repeat*/;
    /*background-size: cover;*/
    position: relative;
    z-index: 5;
    
}
.border-stripe {

 
  border: 15px solid #3a8936;
  border-image: repeating-linear-gradient(
      45deg,
      #3a8936,
      #3a8936 22px,
      white 22px,
      white 45px
    )
    15
}


.border-stripe-red {
  border: 15px solid #dd023a;
  border-image: repeating-linear-gradient(
      -45deg,
      #dd023a,
      #dd023a 22px,
      white 22px,
      white 45px
    )
    15
}


.border-stripe-green {
  border: 15px solid #3a8936;
  border-image: repeating-linear-gradient(
      -45deg,
      #3a8936,
      #3a8936 22px,
      white 22px,
      white 45px
    )
    15
}






.competition-box a:hover, .gingerbread-box a:hover{
    text-decoration: none
}
.competition-box-wrapper{
   /* display: flex;
    align-items: center;*/
padding: 30px 30px 30px 15px ;
    position: relative;
    z-index: 15
}

.competition-countdown{
    /*padding-right: 30px;*/
        border-right: 0;
    /*width: 190px;*/
    text-align: center;
   /* margin-right: 30px;*/
}

.competition-countdown-date span{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    display: inline-block
}


.circle{
    background: #dd023a;
    padding: 5px;
    display: inline-block;
    border-radius: 200px;
    width: 150px;
    height: 150px;
    text-align: center;
    margin-top: 15px;
}

.circle h4{
    color: #fff;
    font-size: 85px;
    font-family: museo-slab, serif;
    font-weight: 1000;
    display: block;
    line-height: 85px;
    letter-spacing: -2px
}

.circle span.day{
font-size: 22px;
    font-family: museo-slab, serif;
    line-height: 22px;
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}


.competition-box-prize{
    /*max-width: 425px*/
    text-align: center;
}
.competition-box-prize h1{
     font-family: museo-slab, serif;
color: #fff;
    font-weight: 200;
    font-size: 48px;
    line-height: 48px;
    margin: 15px 0
}

.competition-box-prize h1:hover{
    text-decoration: underline;
}

.competition-box-prize h2{
     font-family: "Poppins", poppins;
color: #f9dc5c;
    font-weight: 400;
    font-size: 18px;
    /*max-width: 290px;*/
    line-height: 26px;
    margin: 0 0 0 0 
}

.competition-box-prize .btn-red-white{
    margin-top: 15px;
}



.competition-box-blue{
    background: #152a4c;
    padding: 30px 

}

.competition-box-blue .competition-box-prize h2{
    font-size: 36px!important;
    font-family: museo-slab, serif;
    line-height: 46px!important;
    color: #f9dc5c!important;
    margin-bottom: 30px;
    font-weight: 500
}
.competition-box-blue p{
    font-size: 18px;
    color: #fff!important;
    
}

/*
####################################################
GINGERBREAD BOX
####################################################
*/


.gingerbread-box{
    background: #152a4c;
    padding: 15px 30px 30px 15px

}

.gingerbread-box-wrapper{
    padding: 15px;
}
.gingy-box{
    border-right: 0;
    text-align: center;
    padding-left: 15px
}


.gingy{  
    display: none;}
.gingy img{

    width: 150px;
    height: auto;
    max-width: unset;
    position: relative;

    transition: none
}


.the-gingies img{
    position: relative;
    right: 0;
    z-index: 10;
}

.promo-one-image:hover img{
-webkit-transform: scale(1);
	       -moz-transform: scale(1);
	        -ms-transform: scale(1);
	         -o-transform: scale(1);
	            transform: scalcoe(1);
}





/*
####################################################
HOMEPAGE SECTIONS - INTRO / ABOUT
####################################################
*/
.hp-about-wrapper{
    padding: 15px  0 60px 0;
    background: #dce9ff
}
.hp-about{
    
}
.hp-intro p{
    font-size: 18px;
    line-height: 24px
}

.hp-intro-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0
}
.hp-intro-cta a{
    margin: 0 8px;
}






/*
####################################################
HOMEPAGE SECTIONS - LATEST
####################################################
*/

.plx_feat_prod_cat_section{
padding: 60px 0 90px 0;
background: #ebca99;
  position: relative;
    z-index: 1}

h2.woocommerce-loop-product__title a{
       color: #4b4134;
        font-family: museo-slab, serif; 
    font-size: 22px;
    color: #dd023a;
  
}
.latest-cta-ribbon {
 
 /*width: 50%;*/
    
 position: relative;
 background: #162a4d;
font-size: 18px;
 text-align: center;
 padding:  15px;
 margin: 30px  60px 0 60px
}
.latest-cta-ribbon:before, .latest-cta-ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #162a4d;
 z-index: -1;
}
.latest-cta-ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.latest-cta-ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.latest-cta-ribbon .ribbon-content:before, .latest-cta-ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #162a4d transparent transparent transparent;
 bottom: -1em;
}
.latest-cta-ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.latest-cta-ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.ribbon-content{
    display: block;
    align-items: center;
    justify-content: center
}

.ribbon-content span{
     color: #fff;
       font-family: museo-slab, serif; 
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block;
}
.ribbon-content i.icons8-christmas-gift{
    color: #ebca99;
    font-size: 42px;
    line-height: 42px;
    margin-right: 5px;
    display: none
}

.ribbon-content a.btn-brown-white-border{
    margin-left: 15px;
}




/*
####################################################
HOMEPAGE SECTIONS - TESTIMONIALS
####################################################
*/

.testimonials-wrapper{
    background: #162a4d;
    padding: 60px 15px;
}

.testimonials-wrapper .header-p-white{
    padding: 15px 15px 0 15px
}
/* Scss Document */
.orange-fade {
    background: #ff910e;
    background: linear-gradient(135deg,#ff910e 0,#ffa841 100%);
}
.pos-r {
    position: relative!important;
}
.white {
    background: #fff;
}
.text-white {
    color: #fff!important;
}
.text-gray {
    color: #363636;
}
.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 3px;
}
.separator {
    width: 14%;
    height: 3px;
    margin: 1.2em auto 1em;
    background: #dd023a;
}
.one-slide {
  border-radius: 3px;
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1.1rem;
  height: 300px;
    width: auto!important
}
.one-slide img {
  width: 60%;
}
.carousel-controls .control {
  position: absolute;
  cursor: pointer;
  top: 56.4%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  
}
.prev {
  left: -1.875rem;
}
.next {
  right: -1.875rem;
}
.testimonial-carousel { 
  .slick-initialized { 
    display: block; 
  }
 .message {
    width: 100%;
    font-size: .9rem;
  }
  .brand {
    width: 100%;
  }
  @media (max-width: 575px) {
    .one-slide {
	    height: 200px;
	  }
    img {
  	    width: 40%;
  	  }
  }
}
.testimonial-submit{
    padding: 30px 15px 0 15px;
    text-align: center
}

.testimonial-submit p{
color: #fff;
font-size: 18px;
}
.testimonial-submit p a{
    color: #dd023a
}




/*
####################################################
HOMEPAGE SECTIONS - HOW
####################################################
*/

.how-wrapper{
    background: #dd023a;
    padding: 60px 0 90px 0;
    position: relative;
    z-index: 1
}
.how-wrapper .header-p-white{
    padding: 15px 15px 0 15px
}

.how{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.how .how-item{
    width: 280px;
    text-align: center;
    margin: 0 15px
}

.how-item h4{
    color: #fff;
        font-size: 85px;
    font-family: museo-slab, serif;
    font-weight: 1000;
    line-height: 85px;
}



.circle-icon{
    background: #ebca99;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 15px auto
}

.circle-icon i{
    color: #162a4d;
    font-size: 150px;
    font-family: museo-slab, serif;
    font-weight: 1000;
    display: block;
    line-height: 85px;
    letter-spacing: -2px
}

.how-item h5{
    font-size: 26px;
    color: #fff;
       font-family: museo-slab, serif;
    font-weight: 200;
}

/*
####################################################
FORMS
####################################################
*/



    input.input{
        background: #fff;
        border: 1px solid #ccc;
        padding: 15px 25px;
        font-size: 18px;
        color: #666;
        border-radius: 50px;
        width: 100%;
    }



.wpcf7 input[type="submit"].button:hover{
	background: #492e77;
	color: #fff
}


.wpcf7-response-output.wpcf7-display-none{
	display: none
}

div.wpcf7-response-output{
	margin: 0 0 30px 0;
	
}

.wpcf7-mail-sent-ok{
	display: flex!important;
	align-items: center!important
}
.wpcf7 p:last-of-type{
	margin: 0
}
.wpcf7 br{
	display: none
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea{
	margin-bottom: 15px!important
		
}
.signup-thank-you, .thank-you-message, .wpcf7-response-output{

    width: 100%!important;
       border: 2px solid #162a4d!important;
    padding: 15px!important;
    text-align: center!important;
    font-size: 18px!important;
    color: #215038!important;
    margin-top: 15px!important;
}
.es_spinner_image{
    width: 100%
}
.wpcf7 form .wpcf7-response-output{
    margin: 0
}

/*
####################################################
FOOTER
####################################################
*/

.newsletter-wrapper{
    background: #ebca99;
    padding: 60px 0
}


.newsletter h2{
            font-family: museo-slab, serif;
    font-weight: 200;
    color: #4b4134;
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 15px 0
}

.emaillist{
    display: flex; justify-content: center
}
.emaillist .newsletter-form{
    display: flex;
    align-items: center;
          

}
.newsletter-form  label{
    margin: 0
}

.newsletter-form input.input{
  
     

}


.newsletter-footer-wrapper input{
    margin-bottom: 15px;
  border: 0!important;
height:65px;
}

.newsletter-terms input{
    height: auto;
    margin-bottom: 0
}

.newsletter-footer-wrapper{
    margin: 30px auto 0 auto
}

.newsletter-footer-wrapper label{
    margin: 0;
    width: 100%
}

.thankyou-signup{
    border: 2px solid #162a4d;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: #215038;
    margin-top: 15px;
}
.es-field-wrap label br{
    display: none
}


.newsletter-footer-wrapper input.btn-newsletter{
  background: #dd023a;
        border:0;
        padding: 15px;
        font-size: 18px;
    font-weight: 400;
        color: #fff;
        border-radius: 50px;
	transition:  all ease 0.3s;
	width: 100%;
    margin: 0 0 15px 0;
    height: 65px;
}



.newsletter-footer-wrapper input.btn-newsletter:hover{
    background: #162a4d
}


.footer{
    background: #bc9c6d;
    padding: 30px 0
}

.footer{
    background: #bc9c6d;
    padding: 30px 0
}

.footer .copyright p{
    color: #fff
}
.footer .copyright a, .footer-nav a{
    color: #fff;
    text-decoration: none
}


.footer .copyright p.small{
    font-size: 13px;
}

.footer-nav ul, .footer-nav li{
    list-style: none;
    padding: 0;
    margin: 0

}


/*
####################################################
PRODUCT PAGES
####################################################
*/

.store-mart-lite-bread-home{
    background: #152a4c;
    padding: 100px 15px;
}

.breadcrumb-title h1.page-title{
           font-family: museo-slab, serif;
    font-weight: 800!important;
    letter-spacing: -1px!important;
    font-size: 58px!important;
    line-height: 58px!important;
        color: #ebca99!important;
    margin: 0
}

.trail-items li a{
    color: #fff;
}
.trail-item.trail-end.current span{
    color: #ebca99!important
}
.breadcrumb-trail{
   margin: 15px 0
}

.trail-items li{  
    font-size: 16px;
    font-weight: 400;
   text-transform: none;
color: #fff;
padding: 0 8px ;
margin: 0}

ul.trail-items{
    padding: 0
}


.trail-items li a::after{
    content: "\f054";
    font-family: "FontAwesome";
        position: relative;
    background: none;
    margin: 0 0 0 15px
}

.page-product-title{
    width: 100%
}
.page-product-title h2{
               font-family: museo-slab, serif;
    font-weight: 200;
   
    font-size: 44px;
    line-height: 44px;
        color: #000;
    margin: 0 
}

.page-product-title .header-red-left{
    margin: 0 0 30px 0
}

.header-red-left h3{
    margin: 0
}

.summary.entry-summary p.price{
     font-family: museo-slab, serif;
    font-weight: 200!important;
   color: #00b458!important;
    font-size: 36px!important;
}


span.posted_in, span.tagged_as, span.tagged_as a, .store-mart-lite-share-buttons span{font-size: 16px}


.product_list_widget .product-title{
    text-transform: none;
   
}
span.woocommerce-Price-amount {
font-weight: 400;
    color: #00b458;
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th{
    font-size: 16px
}


.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
    border-radius: 50px
}

.somdn-download-wrap{
    padding-bottom: 15px;
}

span.tagged_as{margin-top: 15px; display: inline-block}
span.tagged_as a{background: #ebca99; padding: 2px 5px; 
    margin: 0 3px;
border-radius: 3px;
text-align: center;
color: #4b4134;
font-size: 16px;}

span.tagged_as a:hover{
    color: #4b4134;
    text-decoration: underline
}


.summary.entry-summary p.price{
    padding: 0
}

ol.flex-control-thumbs li{
    margin-right: 15px!important;
}

.woocommerce-tabs{
    padding-top: 15px;
}


ul.wc-tabs{
    padding-top: 15px!important;
}

.woocommerce-message{display: inline-block}





a.btn-blue-rounded-cart{
        background: #162a4d;
    border: 0;
      padding: 10px 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 50px;
    transition: all ease 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    width: 200px;
    margin: 0 0 15px 0

}

a.btn-blue-rounded-cart:hover{
    background: #dd023a
}
.woocommerce-message{
     padding: 15px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    content: none;
   
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    padding: 15px!important
}
.upsell-header, .review-header, .sub-header{
    margin: 30px 0
}


.woocommerce-Tabs-panel--description h2{
     border-left: 10px solid #ebca99;
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
    padding: 0 0 0 15px;
    margin: 30px 0
}


.upsell-header h3, h2.woocommerce-Reviews-title, .sub-header .header-brown-left h2{
        color: #000;
    margin: 0;
    padding: 0;
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
    text-align: left;
}

a.product_type_simple, a.product_type_simple:hover{
    background: none!important;
    color: #000!important
}

li.downloadable .sml-add-to-cart-wrap a{
    padding-top: 12px!important;
    font-size: 14px;
}

.woocommerce-notices-wrapper, .woocommerce-info{
    width: 100%
}
.cart-empty{
    padding: 15px;
}
.restore-item{
    margin-right: 10px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .comment-form label{
    font-size: 16px
}


.comment-reply-title{
    font-size: 22px;
}


.woocommerce .woocommerce-cart-form .cart thead th, .woocommerce .woocommerce-cart-form .cart .product-name a{
    font-size: 16px
}

/* CHECKOUT */

.checkout-form{
    margin: 15px 0
}

.checkout-form .header-brown-left h3, .account-orders h2, .woocommerce-order-details h2, .woocommerce-Address-title h3, .edit-address h3, .woocommerce-EditAccountForm.edit-account h3{
   color: #000;
    margin: 0;
    padding: 0;
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
}
.checkout-form .header-brown-left, .account-orders .header-brown-left, .woocommerce-order-details .header-brown-left, .woocommerce-Address-title .header-brown-left, .edit-address .header-brown-left{
    margin-bottom: 15px
}

.woocommerce-EditAccountForm.edit-account .header-brown-left{
    margin: 30px 0 15px 0
}


.woocommerce form .form-row label, .woocommerce-page form .form-row label{
    width: 100%
}

span.woocommerce-input-wrapper{
    width: 100%
}


label.woocommerce-form__label{
    margin-bottom: 0
}

.woocommerce form .form-row textarea{
    padding: 15px;
    height: 144px
}
.woocommerce-billing-fields{
    margin-bottom: 30px
}

.your-order{
    margin: 30px 0 15px 0
}


li.payment_method_paypal img{
    width: 180px;
    display: block;
    margin: 10px 0!important
}

a.about_paypal{
    float: none!important;
    font-size: 16px!important;
   
}


.woocommerce-products-header .header-red-left{
    margin-bottom: 15px;
}

.woocommerce-products-header .page-product-title p{
    margin-bottom: 30px!important;
}

.archive-header{
    margin-bottom: 30px
}
.term-description{
    margin: 0 0 30px 0
}


.trail-items li a span{
    text-decoration: underline
}






/*
####################################################
COMPETITIONS
####################################################
*/

.featured-comps .header-brown-left h3, .regular-comps .header-brown-left h3, .comp-question h3, .gingerbread-enter h3{
 color: #000;
    margin: 0;
    padding: 0;
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
}
.featured-comps .header-brown-left, .regular-comps .header-brown-left{
    margin: 30px 0;
}
.comp-item{
    margin: 0 0 30px 0
}

.comp-wrapper{
    margin: 0 0 30px 0;

}


.comp-box-prize-inside h4{
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
}

.comp-box-prize-inside h2{
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 30px;
    line-height: 34px;
    color: #f9dc5c;
}

.comp{
    background: #dd023a;
    padding: 30px 15px;
    margin: 0 
}

.comp  h2{
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 30px;
    line-height: 34px;
    color: #f9dc5c;
    margin: 30px 0 15px 0
}
.comp:hover{
    text-decoration: none!important
}


.comp p{
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    
        
}

.browse-category-wrap .categorylist.sm-cat-menu-active{
    z-index: 1000
}
ul#menu-competitions, ul#menu-competitions li{
    padding: 0;
    margin: 0
}
ul#menu-competitions li a{
    padding: 0 0 15px 0;
    margin: 0
}


input.comp-upload{
    padding: 0!important;
    border: 0!important
}
span.cb-terms {
    width: auto;
    height: auto;
    display: block;
    border: 0;
    padding: 0
    
}
span.cb-terms:first-of-type{
    margin-bottom: 15px;
} 

span.cb-terms .wpcf7-list-item{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0
}

span.cb-terms input[type="checkbox"]{
    width: 25px;
    margin: 0 15px 0 0!important;
    padding: 0!important;

}

.colour-downloads a{
    display: inline-block;
    margin-bottom: 15px;
}




/*
####################################################
CHRISTMAS IN JUL
####################################################
*/

/* temporary hide christmas banner */
.banner-slider-info{
    display: none!important
}

.banner-slider::after{
    background-color: transparent!important
}


    
/* 12 DAYS */

/*
.page-template-competition-listing-12-days .store-mart-lite-bread-home {
    background: #13553a
}
.page-template-competition-listing-12-days .store-mart-lite-bread-home h1.page-title, .page-template-competition-listing-12-days .store-mart-lite-bread-home .trail-items li, .page-template-competition-listing-12-days .store-mart-lite-bread-home .trail-items li a{
    color: #fff!important;
}
.page-template-competition-listing-12-days  .zig-zag-top-white-brown{
    background: #fff!important
}

.page-template-competition-listing-12-days .zig-zag-top-white-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #13553a 0), linear-gradient(45deg, transparent 16px, #13553a 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;

}*/

span.day{
    font-weight: 800
}


.days-comp-image{
    margin-bottom: 15px;
}

.days-comp-content p, .in-content-text {
    font-size: 16px;
    color: #555!important;
    line-height: 28px;
    
}

.days-comp-content br{
    display: none
}


.days-comp-content .header-brown-left:first-of-type{
    margin-top: 0
}


.days-comp-content ul, .days-comp-content li{
    margin-left: 0;
}

.comp-listing-footer-ad{
    width: 100%;
    margin: 15px 0 15px 0
}
.comp-listing-footer-gingerbread-ad{
    width: 100%;
    margin: 15px 0 0 0
}

.comp-form form{
    width: 100%
}

.comp-form input, .wpcf7-form-control{
    height: 45px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
        color: #666;
    border: 1px solid #ccc;
    width: 100%
}
.comp-form label{
    width: 100%;
    margin-bottom: 15px;
}

.wpcf7-form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
    font-size: 16px!important;
  opacity: 1; /* Firefox */
}

.wpcf7-form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666;
    font-size: 16px!important;
}

.wpcf7-form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #666;
    font-size: 16px!important;
}


.wpcf7-spinner{
    margin-top: 30px;
}

.comp-form br{
    display: none
}
input.wpcf7-form-control, .es-field-wrap{margin-bottom: 0!important}

form input[type="submit"].es_subscription_form_submit, form input[type="submit"].wpcf7-form-control{
        background: #dd023a!important;
    border: 0!important;
      padding: 15px 30px!important;
    cursor: pointer!important;
    font-size: 18px!important;
    font-weight: 400!important;
    color: #fff!important;
    border-radius: 50px!important;
    transition: all ease 0.3s!important;
        height: 47px!important;

}

form input[type="submit"].es_subscription_form_submit:hover, form input[type="submit"].wpcf7-form-control:hover{
    background: #162a4d!important

}


/* GINGERBREAD */
/*
.page-template-competition-gingerbread .store-mart-lite-bread-home {
    background: #152a4c
}
.page-template-competition-gingerbread .store-mart-lite-bread-home h1.page-title, .page-template-competition-gingerbread .store-mart-lite-bread-home .trail-items li, .page-template-competition-gingerbread .store-mart-lite-bread-home .trail-items li a{
    color: #fff!important;
}
.page-template-competition-gingerbread  .zig-zag-top-white-brown{
    background: #fff!important
}

.page-template-competition-gingerbread .zig-zag-top-white-brown:after {
    background: linear-gradient(-45deg, transparent 16px, #152a4c 0), linear-gradient(45deg, transparent 16px, #152a4c 0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 18px 28px;
    content: "";
    display: block;
    width: 100%;
    height: 18px;

}
.page-template-competition-gingerbread  .trail-item.trail-end.current span, .page-template-competition-listing-12-days   .trail-item.trail-end.current span{
    color: #fff!important
}*/

.hp-gingy-figure{
    padding-top: 30px
}

.gingy-character{
    text-align: center
}

.gingy-alert {
	position: relative;
	background: #eaca99;
	border-radius: .4em;
    color: #152a4c;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px
}

.gingy-alert:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom-color: #eaca99;
	border-top: 0;
	margin-left: -20px;
	margin-top: -20px;
}
.gingy-alert a{
color: #dd023a;
    text-decoration: underline
}

.gingy-alert img{
    width: 22px
}
        
        
        /*
####################################################
INSIDE PAGES
####################################################
*/
.content-area{
    padding-top: 0
}



.wpcf7-form label, .wpcf7-form input, .wpcf7-form textarea{
    width: 100%
}

.wpcf7-form textarea{
    height: 200px;
    margin: 0!important
}
.contact-form p:nth-of-type(3){
    margin-bottom: 0!important
}




.privacy-policy .header-red-left, .privacy-policy .header-brown-left, .terms-and-conditions .header-red-left, .terms-and-conditions .header-brown-left{
    margin-bottom: 30px;
}



.privacy-policy .header-red-left h3, .terms-and-conditions .header-red-left h3{
           font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
    margin: 0
}


.privacy-policy .header-brown-left h4, .terms-and-conditions .header-brown-left h4{
    font-family: museo-slab, serif;
    font-weight: 200;
    font-size: 26px;
    line-height: 32px;
    margin: 0
}


body:after {
  content: "";
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  overflow: hidden;

}

.snowbody {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: auto;
  pointer-events: none;
    z-index:9999!important;
}

.snow {
  pointer-events: none;
  z-index: 99999;
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.8403;
  transform: translate(26.1203vw, -10px) scale(0.6733);
  animation: fall-1 28s -10s linear infinite;
}
@keyframes fall-1 {
  73.351% {
    transform: translate(21.8321vw, 73.351vh) scale(0.6733);
  }
  to {
    transform: translate(23.9762vw, 100vh) scale(0.6733);
  }
}
.snow:nth-child(2) {
  opacity: 0.538;
  transform: translate(60.5398vw, -10px) scale(0.2617);
  animation: fall-2 11s -9s linear infinite;
}
@keyframes fall-2 {
  64.425% {
    transform: translate(60.1808vw, 64.425vh) scale(0.2617);
  }
  to {
    transform: translate(60.3603vw, 100vh) scale(0.2617);
  }
}
.snow:nth-child(3) {
  opacity: 0.5159;
  transform: translate(24.5822vw, -10px) scale(0.2776);
  animation: fall-3 10s -11s linear infinite;
}
@keyframes fall-3 {
  70.777% {
    transform: translate(26.4565vw, 70.777vh) scale(0.2776);
  }
  to {
    transform: translate(25.51935vw, 100vh) scale(0.2776);
  }
}
.snow:nth-child(4) {
  opacity: 0.9047;
  transform: translate(22.9102vw, -10px) scale(0.7923);
  animation: fall-4 25s -1s linear infinite;
}
@keyframes fall-4 {
  56.397% {
    transform: translate(18.3666vw, 56.397vh) scale(0.7923);
  }
  to {
    transform: translate(20.6384vw, 100vh) scale(0.7923);
  }
}
.snow:nth-child(5) {
  opacity: 0.6495;
  transform: translate(58.4166vw, -10px) scale(0.7793);
  animation: fall-5 28s -19s linear infinite;
}
@keyframes fall-5 {
  38.307% {
    transform: translate(53.1895vw, 38.307vh) scale(0.7793);
  }
  to {
    transform: translate(55.80305vw, 100vh) scale(0.7793);
  }
}
.snow:nth-child(6) {
  opacity: 0.4758;
  transform: translate(41.7849vw, -10px) scale(0.3336);
  animation: fall-6 26s -3s linear infinite;
}
@keyframes fall-6 {
  42.719% {
    transform: translate(40.1961vw, 42.719vh) scale(0.3336);
  }
  to {
    transform: translate(40.9905vw, 100vh) scale(0.3336);
  }
}
.snow:nth-child(7) {
  opacity: 0.0614;
  transform: translate(58.7312vw, -10px) scale(0.3943);
  animation: fall-7 18s -5s linear infinite;
}
@keyframes fall-7 {
  46.228% {
    transform: translate(52.2506vw, 46.228vh) scale(0.3943);
  }
  to {
    transform: translate(55.4909vw, 100vh) scale(0.3943);
  }
}
.snow:nth-child(8) {
  opacity: 0.3102;
  transform: translate(13.2942vw, -10px) scale(0.7689);
  animation: fall-8 30s -4s linear infinite;
}
@keyframes fall-8 {
  47.523% {
    transform: translate(8.03vw, 47.523vh) scale(0.7689);
  }
  to {
    transform: translate(10.6621vw, 100vh) scale(0.7689);
  }
}
.snow:nth-child(9) {
  opacity: 0.839;
  transform: translate(93.3328vw, -10px) scale(0.9466);
  animation: fall-9 21s -22s linear infinite;
}
@keyframes fall-9 {
  43.699% {
    transform: translate(100.569vw, 43.699vh) scale(0.9466);
  }
  to {
    transform: translate(96.9509vw, 100vh) scale(0.9466);
  }
}
.snow:nth-child(10) {
  opacity: 0.4398;
  transform: translate(95.8682vw, -10px) scale(0.458);
  animation: fall-10 19s -19s linear infinite;
}
@keyframes fall-10 {
  73.473% {
    transform: translate(105.2615vw, 73.473vh) scale(0.458);
  }
  to {
    transform: translate(100.56485vw, 100vh) scale(0.458);
  }
}
.snow:nth-child(11) {
  opacity: 0.1647;
  transform: translate(20.1031vw, -10px) scale(0.4724);
  animation: fall-11 26s -12s linear infinite;
}
@keyframes fall-11 {
  38.957% {
    transform: translate(18.9081vw, 38.957vh) scale(0.4724);
  }
  to {
    transform: translate(19.5056vw, 100vh) scale(0.4724);
  }
}
.snow:nth-child(12) {
  opacity: 0.9979;
  transform: translate(85.096vw, -10px) scale(0.5875);
  animation: fall-12 30s -26s linear infinite;
}
@keyframes fall-12 {
  39.284% {
    transform: translate(78.7523vw, 39.284vh) scale(0.5875);
  }
  to {
    transform: translate(81.92415vw, 100vh) scale(0.5875);
  }
}
.snow:nth-child(13) {
  opacity: 0.7663;
  transform: translate(88.5983vw, -10px) scale(0.9004);
  animation: fall-13 15s -17s linear infinite;
}
@keyframes fall-13 {
  71.584% {
    transform: translate(80.2865vw, 71.584vh) scale(0.9004);
  }
  to {
    transform: translate(84.4424vw, 100vh) scale(0.9004);
  }
}
.snow:nth-child(14) {
  opacity: 0.2984;
  transform: translate(24.2172vw, -10px) scale(0.4515);
  animation: fall-14 26s -17s linear infinite;
}
@keyframes fall-14 {
  54.047% {
    transform: translate(32.2298vw, 54.047vh) scale(0.4515);
  }
  to {
    transform: translate(28.2235vw, 100vh) scale(0.4515);
  }
}
.snow:nth-child(15) {
  opacity: 0.7761;
  transform: translate(80.265vw, -10px) scale(0.8719);
  animation: fall-15 12s -6s linear infinite;
}
@keyframes fall-15 {
  69.325% {
    transform: translate(74.6699vw, 69.325vh) scale(0.8719);
  }
  to {
    transform: translate(77.46745vw, 100vh) scale(0.8719);
  }
}
.snow:nth-child(16) {
  opacity: 0.4926;
  transform: translate(67.7046vw, -10px) scale(0.0186);
  animation: fall-16 12s -26s linear infinite;
}
@keyframes fall-16 {
  72.728% {
    transform: translate(69.9799vw, 72.728vh) scale(0.0186);
  }
  to {
    transform: translate(68.84225vw, 100vh) scale(0.0186);
  }
}
.snow:nth-child(17) {
  opacity: 0.1637;
  transform: translate(99.8642vw, -10px) scale(0.7321);
  animation: fall-17 11s -8s linear infinite;
}
@keyframes fall-17 {
  65.905% {
    transform: translate(92.4542vw, 65.905vh) scale(0.7321);
  }
  to {
    transform: translate(96.1592vw, 100vh) scale(0.7321);
  }
}
.snow:nth-child(18) {
  opacity: 0.1063;
  transform: translate(85.866vw, -10px) scale(0.1545);
  animation: fall-18 10s -28s linear infinite;
}
@keyframes fall-18 {
  51.951% {
    transform: translate(94.2448vw, 51.951vh) scale(0.1545);
  }
  to {
    transform: translate(90.0554vw, 100vh) scale(0.1545);
  }
}
.snow:nth-child(19) {
  opacity: 0.735;
  transform: translate(43.4713vw, -10px) scale(0.0558);
  animation: fall-19 17s -3s linear infinite;
}
@keyframes fall-19 {
  50.872% {
    transform: translate(39.0893vw, 50.872vh) scale(0.0558);
  }
  to {
    transform: translate(41.2803vw, 100vh) scale(0.0558);
  }
}
.snow:nth-child(20) {
  opacity: 0.2418;
  transform: translate(6.9882vw, -10px) scale(0.6813);
  animation: fall-20 27s -1s linear infinite;
}
@keyframes fall-20 {
  51.708% {
    transform: translate(11.4181vw, 51.708vh) scale(0.6813);
  }
  to {
    transform: translate(9.20315vw, 100vh) scale(0.6813);
  }
}
.snow:nth-child(21) {
  opacity: 0.9491;
  transform: translate(64.9754vw, -10px) scale(0.857);
  animation: fall-21 26s -2s linear infinite;
}
@keyframes fall-21 {
  49.542% {
    transform: translate(73.951vw, 49.542vh) scale(0.857);
  }
  to {
    transform: translate(69.4632vw, 100vh) scale(0.857);
  }
}
.snow:nth-child(22) {
  opacity: 0.3715;
  transform: translate(44.1569vw, -10px) scale(0.0193);
  animation: fall-22 19s -5s linear infinite;
}
@keyframes fall-22 {
  51.872% {
    transform: translate(45.3346vw, 51.872vh) scale(0.0193);
  }
  to {
    transform: translate(44.74575vw, 100vh) scale(0.0193);
  }
}
.snow:nth-child(23) {
  opacity: 0.604;
  transform: translate(28.205vw, -10px) scale(0.1773);
  animation: fall-23 21s -25s linear infinite;
}
@keyframes fall-23 {
  43.813% {
    transform: translate(36.7615vw, 43.813vh) scale(0.1773);
  }
  to {
    transform: translate(32.48325vw, 100vh) scale(0.1773);
  }
}
.snow:nth-child(24) {
  opacity: 0.5255;
  transform: translate(13.4417vw, -10px) scale(0.9389);
  animation: fall-24 20s -4s linear infinite;
}
@keyframes fall-24 {
  57.321% {
    transform: translate(20.2343vw, 57.321vh) scale(0.9389);
  }
  to {
    transform: translate(16.838vw, 100vh) scale(0.9389);
  }
}
.snow:nth-child(25) {
  opacity: 0.4937;
  transform: translate(87.1765vw, -10px) scale(0.2667);
  animation: fall-25 23s -25s linear infinite;
}
@keyframes fall-25 {
  66.601% {
    transform: translate(82.7977vw, 66.601vh) scale(0.2667);
  }
  to {
    transform: translate(84.9871vw, 100vh) scale(0.2667);
  }
}
.snow:nth-child(26) {
  opacity: 0.9639;
  transform: translate(55.6838vw, -10px) scale(0.3824);
  animation: fall-26 11s -26s linear infinite;
}
@keyframes fall-26 {
  73.617% {
    transform: translate(64.2139vw, 73.617vh) scale(0.3824);
  }
  to {
    transform: translate(59.94885vw, 100vh) scale(0.3824);
  }
}
.snow:nth-child(27) {
  opacity: 0.9904;
  transform: translate(62.5333vw, -10px) scale(0.599);
  animation: fall-27 21s -15s linear infinite;
}
@keyframes fall-27 {
  31.262% {
    transform: translate(58.6382vw, 31.262vh) scale(0.599);
  }
  to {
    transform: translate(60.58575vw, 100vh) scale(0.599);
  }
}
.snow:nth-child(28) {
  opacity: 0.2144;
  transform: translate(6.9102vw, -10px) scale(0.4903);
  animation: fall-28 16s -11s linear infinite;
}
@keyframes fall-28 {
  39.324% {
    transform: translate(-0.4331vw, 39.324vh) scale(0.4903);
  }
  to {
    transform: translate(3.23855vw, 100vh) scale(0.4903);
  }
}
.snow:nth-child(29) {
  opacity: 0.8529;
  transform: translate(96.8669vw, -10px) scale(0.5581);
  animation: fall-29 13s -11s linear infinite;
}
@keyframes fall-29 {
  77.476% {
    transform: translate(94.4202vw, 77.476vh) scale(0.5581);
  }
  to {
    transform: translate(95.64355vw, 100vh) scale(0.5581);
  }
}
.snow:nth-child(30) {
  opacity: 0.2886;
  transform: translate(61.1087vw, -10px) scale(0.6549);
  animation: fall-30 29s -16s linear infinite;
}
@keyframes fall-30 {
  76.22% {
    transform: translate(64.7106vw, 76.22vh) scale(0.6549);
  }
  to {
    transform: translate(62.90965vw, 100vh) scale(0.6549);
  }
}
.snow:nth-child(31) {
  opacity: 0.6414;
  transform: translate(79.1657vw, -10px) scale(0.5539);
  animation: fall-31 19s -12s linear infinite;
}
@keyframes fall-31 {
  61.584% {
    transform: translate(78.0051vw, 61.584vh) scale(0.5539);
  }
  to {
    transform: translate(78.5854vw, 100vh) scale(0.5539);
  }
}
.snow:nth-child(32) {
  opacity: 0.1733;
  transform: translate(63.4828vw, -10px) scale(0.0906);
  animation: fall-32 17s -20s linear infinite;
}
@keyframes fall-32 {
  31.119% {
    transform: translate(58.6018vw, 31.119vh) scale(0.0906);
  }
  to {
    transform: translate(61.0423vw, 100vh) scale(0.0906);
  }
}
.snow:nth-child(33) {
  opacity: 0.9246;
  transform: translate(47.3356vw, -10px) scale(0.9941);
  animation: fall-33 16s -15s linear infinite;
}
@keyframes fall-33 {
  62.696% {
    transform: translate(47.3536vw, 62.696vh) scale(0.9941);
  }
  to {
    transform: translate(47.3446vw, 100vh) scale(0.9941);
  }
}
.snow:nth-child(34) {
  opacity: 0.9111;
  transform: translate(34.3931vw, -10px) scale(0.063);
  animation: fall-34 22s -11s linear infinite;
}
@keyframes fall-34 {
  77.043% {
    transform: translate(30.6084vw, 77.043vh) scale(0.063);
  }
  to {
    transform: translate(32.50075vw, 100vh) scale(0.063);
  }
}
.snow:nth-child(35) {
  opacity: 0.9058;
  transform: translate(32.7098vw, -10px) scale(0.2308);
  animation: fall-35 14s -17s linear infinite;
}
@keyframes fall-35 {
  35.917% {
    transform: translate(42.6467vw, 35.917vh) scale(0.2308);
  }
  to {
    transform: translate(37.67825vw, 100vh) scale(0.2308);
  }
}
.snow:nth-child(36) {
  opacity: 0.0637;
  transform: translate(11.318vw, -10px) scale(0.4402);
  animation: fall-36 29s -26s linear infinite;
}
@keyframes fall-36 {
  31.664% {
    transform: translate(11.9147vw, 31.664vh) scale(0.4402);
  }
  to {
    transform: translate(11.61635vw, 100vh) scale(0.4402);
  }
}
.snow:nth-child(37) {
  opacity: 0.1719;
  transform: translate(1.5115vw, -10px) scale(0.7639);
  animation: fall-37 27s -17s linear infinite;
}
@keyframes fall-37 {
  64.087% {
    transform: translate(4.4309vw, 64.087vh) scale(0.7639);
  }
  to {
    transform: translate(2.9712vw, 100vh) scale(0.7639);
  }
}
.snow:nth-child(38) {
  opacity: 0.4301;
  transform: translate(89.5339vw, -10px) scale(0.7709);
  animation: fall-38 13s -7s linear infinite;
}
@keyframes fall-38 {
  49.168% {
    transform: translate(96.713vw, 49.168vh) scale(0.7709);
  }
  to {
    transform: translate(93.12345vw, 100vh) scale(0.7709);
  }
}
.snow:nth-child(39) {
  opacity: 0.2849;
  transform: translate(10.3332vw, -10px) scale(0.854);
  animation: fall-39 17s -1s linear infinite;
}
@keyframes fall-39 {
  50.832% {
    transform: translate(11.5805vw, 50.832vh) scale(0.854);
  }
  to {
    transform: translate(10.95685vw, 100vh) scale(0.854);
  }
}
.snow:nth-child(40) {
  opacity: 0.3242;
  transform: translate(36.1383vw, -10px) scale(0.5579);
  animation: fall-40 13s -25s linear infinite;
}
@keyframes fall-40 {
  77.065% {
    transform: translate(38.44vw, 77.065vh) scale(0.5579);
  }
  to {
    transform: translate(37.28915vw, 100vh) scale(0.5579);
  }
}
.snow:nth-child(41) {
  opacity: 0.1146;
  transform: translate(37.0155vw, -10px) scale(0.6424);
  animation: fall-41 23s -12s linear infinite;
}
@keyframes fall-41 {
  49.219% {
    transform: translate(43.7671vw, 49.219vh) scale(0.6424);
  }
  to {
    transform: translate(40.3913vw, 100vh) scale(0.6424);
  }
}
.snow:nth-child(42) {
  opacity: 0.161;
  transform: translate(79.0641vw, -10px) scale(0.1653);
  animation: fall-42 18s -26s linear infinite;
}
@keyframes fall-42 {
  78.924% {
    transform: translate(82.3897vw, 78.924vh) scale(0.1653);
  }
  to {
    transform: translate(80.7269vw, 100vh) scale(0.1653);
  }
}
.snow:nth-child(43) {
  opacity: 0.379;
  transform: translate(34.9691vw, -10px) scale(0.8416);
  animation: fall-43 11s -22s linear infinite;
}
@keyframes fall-43 {
  69.347% {
    transform: translate(38.1662vw, 69.347vh) scale(0.8416);
  }
  to {
    transform: translate(36.56765vw, 100vh) scale(0.8416);
  }
}
.snow:nth-child(44) {
  opacity: 0.1868;
  transform: translate(65.6598vw, -10px) scale(0.1933);
  animation: fall-44 20s -14s linear infinite;
}
@keyframes fall-44 {
  57.773% {
    transform: translate(60.6432vw, 57.773vh) scale(0.1933);
  }
  to {
    transform: translate(63.1515vw, 100vh) scale(0.1933);
  }
}
.snow:nth-child(45) {
  opacity: 0.7928;
  transform: translate(63.973vw, -10px) scale(0.8623);
  animation: fall-45 14s -24s linear infinite;
}
@keyframes fall-45 {
  32.157% {
    transform: translate(66.5895vw, 32.157vh) scale(0.8623);
  }
  to {
    transform: translate(65.28125vw, 100vh) scale(0.8623);
  }
}
.snow:nth-child(46) {
  opacity: 0.8249;
  transform: translate(42.581vw, -10px) scale(0.8936);
  animation: fall-46 11s -24s linear infinite;
}
@keyframes fall-46 {
  60.296% {
    transform: translate(52.4803vw, 60.296vh) scale(0.8936);
  }
  to {
    transform: translate(47.53065vw, 100vh) scale(0.8936);
  }
}
.snow:nth-child(47) {
  opacity: 0.0129;
  transform: translate(91.1952vw, -10px) scale(0.9657);
  animation: fall-47 27s -17s linear infinite;
}
@keyframes fall-47 {
  60.508% {
    transform: translate(92.5478vw, 60.508vh) scale(0.9657);
  }
  to {
    transform: translate(91.8715vw, 100vh) scale(0.9657);
  }
}
.snow:nth-child(48) {
  opacity: 0.9149;
  transform: translate(27.9048vw, -10px) scale(0.6374);
  animation: fall-48 11s -10s linear infinite;
}
@keyframes fall-48 {
  42.815% {
    transform: translate(28.1208vw, 42.815vh) scale(0.6374);
  }
  to {
    transform: translate(28.0128vw, 100vh) scale(0.6374);
  }
}
.snow:nth-child(49) {
  opacity: 0.7244;
  transform: translate(38.6126vw, -10px) scale(0.0686);
  animation: fall-49 23s -28s linear infinite;
}
@keyframes fall-49 {
  70.533% {
    transform: translate(39.8218vw, 70.533vh) scale(0.0686);
  }
  to {
    transform: translate(39.2172vw, 100vh) scale(0.0686);
  }
}
.snow:nth-child(50) {
  opacity: 0.8041;
  transform: translate(10.7519vw, -10px) scale(0.472);
  animation: fall-50 11s -30s linear infinite;
}
@keyframes fall-50 {
  56.248% {
    transform: translate(20.2607vw, 56.248vh) scale(0.472);
  }
  to {
    transform: translate(15.5063vw, 100vh) scale(0.472);
  }
}
.snow:nth-child(51) {
  opacity: 0.6335;
  transform: translate(42.1736vw, -10px) scale(0.919);
  animation: fall-51 28s -11s linear infinite;
}
@keyframes fall-51 {
  32.913% {
    transform: translate(51.8562vw, 32.913vh) scale(0.919);
  }
  to {
    transform: translate(47.0149vw, 100vh) scale(0.919);
  }
}
.snow:nth-child(52) {
  opacity: 0.0314;
  transform: translate(11.5209vw, -10px) scale(0.8485);
  animation: fall-52 29s -17s linear infinite;
}
@keyframes fall-52 {
  54.403% {
    transform: translate(14.8241vw, 54.403vh) scale(0.8485);
  }
  to {
    transform: translate(13.1725vw, 100vh) scale(0.8485);
  }
}
.snow:nth-child(53) {
  opacity: 0.3781;
  transform: translate(37.2492vw, -10px) scale(0.131);
  animation: fall-53 13s -6s linear infinite;
}
@keyframes fall-53 {
  59.514% {
    transform: translate(31.781vw, 59.514vh) scale(0.131);
  }
  to {
    transform: translate(34.5151vw, 100vh) scale(0.131);
  }
}
.snow:nth-child(54) {
  opacity: 0.3814;
  transform: translate(23.1053vw, -10px) scale(0.1624);
  animation: fall-54 25s -10s linear infinite;
}
@keyframes fall-54 {
  72.995% {
    transform: translate(23.3786vw, 72.995vh) scale(0.1624);
  }
  to {
    transform: translate(23.24195vw, 100vh) scale(0.1624);
  }
}
.snow:nth-child(55) {
  opacity: 0.0252;
  transform: translate(26.6085vw, -10px) scale(0.148);
  animation: fall-55 24s -2s linear infinite;
}
@keyframes fall-55 {
  48.114% {
    transform: translate(28.994vw, 48.114vh) scale(0.148);
  }
  to {
    transform: translate(27.80125vw, 100vh) scale(0.148);
  }
}
.snow:nth-child(56) {
  opacity: 0.4617;
  transform: translate(35.4929vw, -10px) scale(0.4761);
  animation: fall-56 15s -2s linear infinite;
}
@keyframes fall-56 {
  79.285% {
    transform: translate(27.3463vw, 79.285vh) scale(0.4761);
  }
  to {
    transform: translate(31.4196vw, 100vh) scale(0.4761);
  }
}
.snow:nth-child(57) {
  opacity: 0.9083;
  transform: translate(10.3666vw, -10px) scale(0.8339);
  animation: fall-57 22s -25s linear infinite;
}
@keyframes fall-57 {
  45.349% {
    transform: translate(4.4896vw, 45.349vh) scale(0.8339);
  }
  to {
    transform: translate(7.4281vw, 100vh) scale(0.8339);
  }
}
.snow:nth-child(58) {
  opacity: 0.3117;
  transform: translate(2.6489vw, -10px) scale(0.9216);
  animation: fall-58 14s -29s linear infinite;
}
@keyframes fall-58 {
  36.545% {
    transform: translate(-4.5725vw, 36.545vh) scale(0.9216);
  }
  to {
    transform: translate(-0.9618vw, 100vh) scale(0.9216);
  }
}
.snow:nth-child(59) {
  opacity: 0.6701;
  transform: translate(77.4914vw, -10px) scale(0.5175);
  animation: fall-59 22s -1s linear infinite;
}
@keyframes fall-59 {
  37.579% {
    transform: translate(77.9144vw, 37.579vh) scale(0.5175);
  }
  to {
    transform: translate(77.7029vw, 100vh) scale(0.5175);
  }
}
.snow:nth-child(60) {
  opacity: 0.7748;
  transform: translate(7.9324vw, -10px) scale(0.2043);
  animation: fall-60 14s -25s linear infinite;
}
@keyframes fall-60 {
  64.236% {
    transform: translate(12.6181vw, 64.236vh) scale(0.2043);
  }
  to {
    transform: translate(10.27525vw, 100vh) scale(0.2043);
  }
}
.snow:nth-child(61) {
  opacity: 0.3313;
  transform: translate(25.8592vw, -10px) scale(0.9451);
  animation: fall-61 11s -6s linear infinite;
}
@keyframes fall-61 {
  51.644% {
    transform: translate(19.364vw, 51.644vh) scale(0.9451);
  }
  to {
    transform: translate(22.6116vw, 100vh) scale(0.9451);
  }
}
.snow:nth-child(62) {
  opacity: 0.7719;
  transform: translate(5.932vw, -10px) scale(0.1813);
  animation: fall-62 14s -11s linear infinite;
}
@keyframes fall-62 {
  73.233% {
    transform: translate(7.1663vw, 73.233vh) scale(0.1813);
  }
  to {
    transform: translate(6.54915vw, 100vh) scale(0.1813);
  }
}
.snow:nth-child(63) {
  opacity: 0.4383;
  transform: translate(16.8141vw, -10px) scale(0.7967);
  animation: fall-63 19s -7s linear infinite;
}
@keyframes fall-63 {
  65.522% {
    transform: translate(24.9148vw, 65.522vh) scale(0.7967);
  }
  to {
    transform: translate(20.86445vw, 100vh) scale(0.7967);
  }
}
.snow:nth-child(64) {
  opacity: 0.4243;
  transform: translate(58.4912vw, -10px) scale(0.91);
  animation: fall-64 13s -5s linear infinite;
}
@keyframes fall-64 {
  48.589% {
    transform: translate(64.3191vw, 48.589vh) scale(0.91);
  }
  to {
    transform: translate(61.40515vw, 100vh) scale(0.91);
  }
}
.snow:nth-child(65) {
  opacity: 0.009;
  transform: translate(77.0446vw, -10px) scale(0.9963);
  animation: fall-65 10s -14s linear infinite;
}
@keyframes fall-65 {
  61.1% {
    transform: translate(81.7138vw, 61.1vh) scale(0.9963);
  }
  to {
    transform: translate(79.3792vw, 100vh) scale(0.9963);
  }
}
.snow:nth-child(66) {
  opacity: 0.9774;
  transform: translate(11.965vw, -10px) scale(0.8646);
  animation: fall-66 17s -17s linear infinite;
}
@keyframes fall-66 {
  74.744% {
    transform: translate(19.7951vw, 74.744vh) scale(0.8646);
  }
  to {
    transform: translate(15.88005vw, 100vh) scale(0.8646);
  }
}
.snow:nth-child(67) {
  opacity: 0.0415;
  transform: translate(3.1211vw, -10px) scale(0.8008);
  animation: fall-67 30s -30s linear infinite;
}
@keyframes fall-67 {
  78.454% {
    transform: translate(0.0786vw, 78.454vh) scale(0.8008);
  }
  to {
    transform: translate(1.59985vw, 100vh) scale(0.8008);
  }
}
.snow:nth-child(68) {
  opacity: 0.9695;
  transform: translate(72.7666vw, -10px) scale(0.9468);
  animation: fall-68 11s -23s linear infinite;
}
@keyframes fall-68 {
  52.566% {
    transform: translate(73.6653vw, 52.566vh) scale(0.9468);
  }
  to {
    transform: translate(73.21595vw, 100vh) scale(0.9468);
  }
}
.snow:nth-child(69) {
  opacity: 0.2171;
  transform: translate(85.1462vw, -10px) scale(0.7417);
  animation: fall-69 14s -27s linear infinite;
}
@keyframes fall-69 {
  78.35% {
    transform: translate(88.7481vw, 78.35vh) scale(0.7417);
  }
  to {
    transform: translate(86.94715vw, 100vh) scale(0.7417);
  }
}
.snow:nth-child(70) {
  opacity: 0.7927;
  transform: translate(53.8473vw, -10px) scale(0.4537);
  animation: fall-70 26s -3s linear infinite;
}
@keyframes fall-70 {
  73.991% {
    transform: translate(47.6176vw, 73.991vh) scale(0.4537);
  }
  to {
    transform: translate(50.73245vw, 100vh) scale(0.4537);
  }
}
.snow:nth-child(71) {
  opacity: 0.3067;
  transform: translate(64.5643vw, -10px) scale(0.1384);
  animation: fall-71 26s -16s linear infinite;
}
@keyframes fall-71 {
  60.747% {
    transform: translate(74.3192vw, 60.747vh) scale(0.1384);
  }
  to {
    transform: translate(69.44175vw, 100vh) scale(0.1384);
  }
}
.snow:nth-child(72) {
  opacity: 0.8912;
  transform: translate(60.027vw, -10px) scale(0.6427);
  animation: fall-72 26s -5s linear infinite;
}
@keyframes fall-72 {
  74.51% {
    transform: translate(52.8433vw, 74.51vh) scale(0.6427);
  }
  to {
    transform: translate(56.43515vw, 100vh) scale(0.6427);
  }
}
.snow:nth-child(73) {
  opacity: 0.8583;
  transform: translate(95.1841vw, -10px) scale(0.1824);
  animation: fall-73 25s -30s linear infinite;
}
@keyframes fall-73 {
  49.642% {
    transform: translate(86.2249vw, 49.642vh) scale(0.1824);
  }
  to {
    transform: translate(90.7045vw, 100vh) scale(0.1824);
  }
}
.snow:nth-child(74) {
  opacity: 0.9897;
  transform: translate(75.2065vw, -10px) scale(0.7095);
  animation: fall-74 14s -23s linear infinite;
}
@keyframes fall-74 {
  33.442% {
    transform: translate(70.723vw, 33.442vh) scale(0.7095);
  }
  to {
    transform: translate(72.96475vw, 100vh) scale(0.7095);
  }
}
.snow:nth-child(75) {
  opacity: 0.075;
  transform: translate(81.7814vw, -10px) scale(0.2268);
  animation: fall-75 26s -2s linear infinite;
}
@keyframes fall-75 {
  42.229% {
    transform: translate(84.7588vw, 42.229vh) scale(0.2268);
  }
  to {
    transform: translate(83.2701vw, 100vh) scale(0.2268);
  }
}
.snow:nth-child(76) {
  opacity: 0.2742;
  transform: translate(11.0264vw, -10px) scale(0.5437);
  animation: fall-76 10s -8s linear infinite;
}
@keyframes fall-76 {
  61.224% {
    transform: translate(2.1889vw, 61.224vh) scale(0.5437);
  }
  to {
    transform: translate(6.60765vw, 100vh) scale(0.5437);
  }
}
.snow:nth-child(77) {
  opacity: 0.2727;
  transform: translate(93.4683vw, -10px) scale(0.976);
  animation: fall-77 27s -28s linear infinite;
}
@keyframes fall-77 {
  54.343% {
    transform: translate(91.3038vw, 54.343vh) scale(0.976);
  }
  to {
    transform: translate(92.38605vw, 100vh) scale(0.976);
  }
}
.snow:nth-child(78) {
  opacity: 0.3948;
  transform: translate(16.2916vw, -10px) scale(0.7041);
  animation: fall-78 30s -9s linear infinite;
}
@keyframes fall-78 {
  65.399% {
    transform: translate(9.3413vw, 65.399vh) scale(0.7041);
  }
  to {
    transform: translate(12.81645vw, 100vh) scale(0.7041);
  }
}
.snow:nth-child(79) {
  opacity: 0.9401;
  transform: translate(46.1831vw, -10px) scale(0.4216);
  animation: fall-79 21s -3s linear infinite;
}
@keyframes fall-79 {
  57.401% {
    transform: translate(55.3143vw, 57.401vh) scale(0.4216);
  }
  to {
    transform: translate(50.7487vw, 100vh) scale(0.4216);
  }
}
.snow:nth-child(80) {
  opacity: 0.2248;
  transform: translate(78.7834vw, -10px) scale(0.9656);
  animation: fall-80 24s -30s linear infinite;
}
@keyframes fall-80 {
  31.424% {
    transform: translate(71.803vw, 31.424vh) scale(0.9656);
  }
  to {
    transform: translate(75.2932vw, 100vh) scale(0.9656);
  }
}
.snow:nth-child(81) {
  opacity: 0.488;
  transform: translate(46.5378vw, -10px) scale(0.2842);
  animation: fall-81 20s -8s linear infinite;
}
@keyframes fall-81 {
  47.469% {
    transform: translate(46.9029vw, 47.469vh) scale(0.2842);
  }
  to {
    transform: translate(46.72035vw, 100vh) scale(0.2842);
  }
}
.snow:nth-child(82) {
  opacity: 0.1858;
  transform: translate(39.3412vw, -10px) scale(0.8523);
  animation: fall-82 17s -3s linear infinite;
}
@keyframes fall-82 {
  73.761% {
    transform: translate(31.5004vw, 73.761vh) scale(0.8523);
  }
  to {
    transform: translate(35.4208vw, 100vh) scale(0.8523);
  }
}
.snow:nth-child(83) {
  opacity: 0.0028;
  transform: translate(61.8814vw, -10px) scale(0.1771);
  animation: fall-83 19s -12s linear infinite;
}
@keyframes fall-83 {
  65.094% {
    transform: translate(65.7169vw, 65.094vh) scale(0.1771);
  }
  to {
    transform: translate(63.79915vw, 100vh) scale(0.1771);
  }
}
.snow:nth-child(84) {
  opacity: 0.8386;
  transform: translate(75.2743vw, -10px) scale(0.7571);
  animation: fall-84 11s -17s linear infinite;
}
@keyframes fall-84 {
  48.555% {
    transform: translate(73.6473vw, 48.555vh) scale(0.7571);
  }
  to {
    transform: translate(74.4608vw, 100vh) scale(0.7571);
  }
}
.snow:nth-child(85) {
  opacity: 0.9002;
  transform: translate(77.6572vw, -10px) scale(0.6553);
  animation: fall-85 13s -4s linear infinite;
}
@keyframes fall-85 {
  42.183% {
    transform: translate(72.9263vw, 42.183vh) scale(0.6553);
  }
  to {
    transform: translate(75.29175vw, 100vh) scale(0.6553);
  }
}
.snow:nth-child(86) {
  opacity: 0.9438;
  transform: translate(84.6226vw, -10px) scale(0.5962);
  animation: fall-86 20s -2s linear infinite;
}
@keyframes fall-86 {
  40.046% {
    transform: translate(80.6984vw, 40.046vh) scale(0.5962);
  }
  to {
    transform: translate(82.6605vw, 100vh) scale(0.5962);
  }
}
.snow:nth-child(87) {
  opacity: 0.7069;
  transform: translate(93.3922vw, -10px) scale(0.4607);
  animation: fall-87 27s -15s linear infinite;
}
@keyframes fall-87 {
  45.207% {
    transform: translate(93.2741vw, 45.207vh) scale(0.4607);
  }
  to {
    transform: translate(93.33315vw, 100vh) scale(0.4607);
  }
}
.snow:nth-child(88) {
  opacity: 0.0799;
  transform: translate(71.8788vw, -10px) scale(0.8983);
  animation: fall-88 27s -25s linear infinite;
}
@keyframes fall-88 {
  41.398% {
    transform: translate(62.9223vw, 41.398vh) scale(0.8983);
  }
  to {
    transform: translate(67.40055vw, 100vh) scale(0.8983);
  }
}
.snow:nth-child(89) {
  opacity: 0.5582;
  transform: translate(26.5275vw, -10px) scale(0.1578);
  animation: fall-89 18s -12s linear infinite;
}
@keyframes fall-89 {
  74.223% {
    transform: translate(16.8682vw, 74.223vh) scale(0.1578);
  }
  to {
    transform: translate(21.69785vw, 100vh) scale(0.1578);
  }
}
.snow:nth-child(90) {
  opacity: 0.7;
  transform: translate(60.4194vw, -10px) scale(0.9732);
  animation: fall-90 28s -25s linear infinite;
}
@keyframes fall-90 {
  47.624% {
    transform: translate(65.5676vw, 47.624vh) scale(0.9732);
  }
  to {
    transform: translate(62.9935vw, 100vh) scale(0.9732);
  }
}
.snow:nth-child(91) {
  opacity: 0.6321;
  transform: translate(99.52vw, -10px) scale(0.2069);
  animation: fall-91 23s -22s linear infinite;
}
@keyframes fall-91 {
  49.995% {
    transform: translate(89.9928vw, 49.995vh) scale(0.2069);
  }
  to {
    transform: translate(94.7564vw, 100vh) scale(0.2069);
  }
}
.snow:nth-child(92) {
  opacity: 0.0952;
  transform: translate(73.0836vw, -10px) scale(0.6356);
  animation: fall-92 13s -14s linear infinite;
}
@keyframes fall-92 {
  48.894% {
    transform: translate(79.8059vw, 48.894vh) scale(0.6356);
  }
  to {
    transform: translate(76.44475vw, 100vh) scale(0.6356);
  }
}
.snow:nth-child(93) {
  opacity: 0.3277;
  transform: translate(90.8787vw, -10px) scale(0.8597);
  animation: fall-93 24s -2s linear infinite;
}
@keyframes fall-93 {
  42.444% {
    transform: translate(99.5688vw, 42.444vh) scale(0.8597);
  }
  to {
    transform: translate(95.22375vw, 100vh) scale(0.8597);
  }
}
.snow:nth-child(94) {
  opacity: 0.0765;
  transform: translate(67.5561vw, -10px) scale(0.5483);
  animation: fall-94 10s -22s linear infinite;
}
@keyframes fall-94 {
  44.033% {
    transform: translate(72.2029vw, 44.033vh) scale(0.5483);
  }
  to {
    transform: translate(69.8795vw, 100vh) scale(0.5483);
  }
}
.snow:nth-child(95) {
  opacity: 0.2956;
  transform: translate(26.3392vw, -10px) scale(0.1345);
  animation: fall-95 18s -21s linear infinite;
}
@keyframes fall-95 {
  78.941% {
    transform: translate(22.4371vw, 78.941vh) scale(0.1345);
  }
  to {
    transform: translate(24.38815vw, 100vh) scale(0.1345);
  }
}
.snow:nth-child(96) {
  opacity: 0.1597;
  transform: translate(42.6237vw, -10px) scale(0.7198);
  animation: fall-96 11s -19s linear infinite;
}
@keyframes fall-96 {
  35.251% {
    transform: translate(37.1622vw, 35.251vh) scale(0.7198);
  }
  to {
    transform: translate(39.89295vw, 100vh) scale(0.7198);
  }
}
.snow:nth-child(97) {
  opacity: 0.4712;
  transform: translate(90.5012vw, -10px) scale(0.1568);
  animation: fall-97 18s -10s linear infinite;
}
@keyframes fall-97 {
  60.492% {
    transform: translate(92.2704vw, 60.492vh) scale(0.1568);
  }
  to {
    transform: translate(91.3858vw, 100vh) scale(0.1568);
  }
}
.snow:nth-child(98) {
  opacity: 0.6812;
  transform: translate(55.4424vw, -10px) scale(0.6801);
  animation: fall-98 22s -3s linear infinite;
}
@keyframes fall-98 {
  60.346% {
    transform: translate(51.1195vw, 60.346vh) scale(0.6801);
  }
  to {
    transform: translate(53.28095vw, 100vh) scale(0.6801);
  }
}
.snow:nth-child(99) {
  opacity: 0.4116;
  transform: translate(32.8057vw, -10px) scale(0.5333);
  animation: fall-99 22s -28s linear infinite;
}
@keyframes fall-99 {
  78.852% {
    transform: translate(38.802vw, 78.852vh) scale(0.5333);
  }
  to {
    transform: translate(35.80385vw, 100vh) scale(0.5333);
  }
}
.snow:nth-child(100) {
  opacity: 0.3569;
  transform: translate(60.5068vw, -10px) scale(0.8483);
  animation: fall-100 16s -16s linear infinite;
}
@keyframes fall-100 {
  57.192% {
    transform: translate(69.801vw, 57.192vh) scale(0.8483);
  }
  to {
    transform: translate(65.1539vw, 100vh) scale(0.8483);
  }
}
.snow:nth-child(101) {
  opacity: 0.0152;
  transform: translate(0.8701vw, -10px) scale(0.9617);
  animation: fall-101 18s -25s linear infinite;
}
@keyframes fall-101 {
  51.347% {
    transform: translate(-2.8385vw, 51.347vh) scale(0.9617);
  }
  to {
    transform: translate(-0.9842vw, 100vh) scale(0.9617);
  }
}
.snow:nth-child(102) {
  opacity: 0.4216;
  transform: translate(35.0812vw, -10px) scale(0.5832);
  animation: fall-102 30s -7s linear infinite;
}
@keyframes fall-102 {
  37.451% {
    transform: translate(41.0115vw, 37.451vh) scale(0.5832);
  }
  to {
    transform: translate(38.04635vw, 100vh) scale(0.5832);
  }
}
.snow:nth-child(103) {
  opacity: 0.4871;
  transform: translate(4.8444vw, -10px) scale(0.3069);
  animation: fall-103 12s -27s linear infinite;
}
@keyframes fall-103 {
  77.792% {
    transform: translate(-1.5412vw, 77.792vh) scale(0.3069);
  }
  to {
    transform: translate(1.6516vw, 100vh) scale(0.3069);
  }
}
.snow:nth-child(104) {
  opacity: 0.677;
  transform: translate(27.275vw, -10px) scale(0.6804);
  animation: fall-104 13s -27s linear infinite;
}
@keyframes fall-104 {
  62.858% {
    transform: translate(22.5728vw, 62.858vh) scale(0.6804);
  }
  to {
    transform: translate(24.9239vw, 100vh) scale(0.6804);
  }
}
.snow:nth-child(105) {
  opacity: 0.9366;
  transform: translate(8.0469vw, -10px) scale(0.2431);
  animation: fall-105 22s -8s linear infinite;
}
@keyframes fall-105 {
  46.139% {
    transform: translate(13.1058vw, 46.139vh) scale(0.2431);
  }
  to {
    transform: translate(10.57635vw, 100vh) scale(0.2431);
  }
}
.snow:nth-child(106) {
  opacity: 0.3293;
  transform: translate(44.1964vw, -10px) scale(0.9693);
  animation: fall-106 23s -5s linear infinite;
}
@keyframes fall-106 {
  60.906% {
    transform: translate(38.1832vw, 60.906vh) scale(0.9693);
  }
  to {
    transform: translate(41.1898vw, 100vh) scale(0.9693);
  }
}
.snow:nth-child(107) {
  opacity: 0.3249;
  transform: translate(27.3156vw, -10px) scale(0.9103);
  animation: fall-107 25s -30s linear infinite;
}
@keyframes fall-107 {
  76.729% {
    transform: translate(36.7001vw, 76.729vh) scale(0.9103);
  }
  to {
    transform: translate(32.00785vw, 100vh) scale(0.9103);
  }
}
.snow:nth-child(108) {
  opacity: 0.4766;
  transform: translate(45.3083vw, -10px) scale(0.435);
  animation: fall-108 18s -15s linear infinite;
}
@keyframes fall-108 {
  55.034% {
    transform: translate(42.9641vw, 55.034vh) scale(0.435);
  }
  to {
    transform: translate(44.1362vw, 100vh) scale(0.435);
  }
}
.snow:nth-child(109) {
  opacity: 0.2827;
  transform: translate(36.1011vw, -10px) scale(0.042);
  animation: fall-109 15s -24s linear infinite;
}
@keyframes fall-109 {
  41.727% {
    transform: translate(36.3818vw, 41.727vh) scale(0.042);
  }
  to {
    transform: translate(36.24145vw, 100vh) scale(0.042);
  }
}
.snow:nth-child(110) {
  opacity: 0.9428;
  transform: translate(51.4701vw, -10px) scale(0.1147);
  animation: fall-110 25s -11s linear infinite;
}
@keyframes fall-110 {
  52.668% {
    transform: translate(51.2325vw, 52.668vh) scale(0.1147);
  }
  to {
    transform: translate(51.3513vw, 100vh) scale(0.1147);
  }
}
.snow:nth-child(111) {
  opacity: 0.484;
  transform: translate(39.2135vw, -10px) scale(0.1067);
  animation: fall-111 19s -19s linear infinite;
}
@keyframes fall-111 {
  48.062% {
    transform: translate(37.8379vw, 48.062vh) scale(0.1067);
  }
  to {
    transform: translate(38.5257vw, 100vh) scale(0.1067);
  }
}
.snow:nth-child(112) {
  opacity: 0.8715;
  transform: translate(88.2646vw, -10px) scale(0.4703);
  animation: fall-112 16s -19s linear infinite;
}
@keyframes fall-112 {
  55.518% {
    transform: translate(80.5vw, 55.518vh) scale(0.4703);
  }
  to {
    transform: translate(84.3823vw, 100vh) scale(0.4703);
  }
}
.snow:nth-child(113) {
  opacity: 0.3398;
  transform: translate(52.2769vw, -10px) scale(0.3338);
  animation: fall-113 26s -11s linear infinite;
}
@keyframes fall-113 {
  79.818% {
    transform: translate(54.2532vw, 79.818vh) scale(0.3338);
  }
  to {
    transform: translate(53.26505vw, 100vh) scale(0.3338);
  }
}
.snow:nth-child(114) {
  opacity: 0.9031;
  transform: translate(25.5885vw, -10px) scale(0.6467);
  animation: fall-114 26s -29s linear infinite;
}
@keyframes fall-114 {
  61.598% {
    transform: translate(26.3092vw, 61.598vh) scale(0.6467);
  }
  to {
    transform: translate(25.94885vw, 100vh) scale(0.6467);
  }
}
.snow:nth-child(115) {
  opacity: 0.6625;
  transform: translate(10.2493vw, -10px) scale(0.1009);
  animation: fall-115 12s -2s linear infinite;
}
@keyframes fall-115 {
  48.35% {
    transform: translate(19.3161vw, 48.35vh) scale(0.1009);
  }
  to {
    transform: translate(14.7827vw, 100vh) scale(0.1009);
  }
}
.snow:nth-child(116) {
  opacity: 0.3224;
  transform: translate(1.0577vw, -10px) scale(0.1947);
  animation: fall-116 17s -9s linear infinite;
}
@keyframes fall-116 {
  73.717% {
    transform: translate(10.5187vw, 73.717vh) scale(0.1947);
  }
  to {
    transform: translate(5.7882vw, 100vh) scale(0.1947);
  }
}
.snow:nth-child(117) {
  opacity: 0.9632;
  transform: translate(60.9232vw, -10px) scale(0.3688);
  animation: fall-117 16s -17s linear infinite;
}
@keyframes fall-117 {
  60.943% {
    transform: translate(63.8171vw, 60.943vh) scale(0.3688);
  }
  to {
    transform: translate(62.37015vw, 100vh) scale(0.3688);
  }
}
.snow:nth-child(118) {
  opacity: 0.9155;
  transform: translate(80.1412vw, -10px) scale(0.5265);
  animation: fall-118 15s -23s linear infinite;
}
@keyframes fall-118 {
  74.506% {
    transform: translate(79.564vw, 74.506vh) scale(0.5265);
  }
  to {
    transform: translate(79.8526vw, 100vh) scale(0.5265);
  }
}
.snow:nth-child(119) {
  opacity: 0.1917;
  transform: translate(29.9946vw, -10px) scale(0.5968);
  animation: fall-119 30s -20s linear infinite;
}
@keyframes fall-119 {
  52.424% {
    transform: translate(36.2761vw, 52.424vh) scale(0.5968);
  }
  to {
    transform: translate(33.13535vw, 100vh) scale(0.5968);
  }
}
.snow:nth-child(120) {
  opacity: 0.7635;
  transform: translate(95.6098vw, -10px) scale(0.3832);
  animation: fall-120 18s -29s linear infinite;
}
@keyframes fall-120 {
  74.25% {
    transform: translate(104.3vw, 74.25vh) scale(0.3832);
  }
  to {
    transform: translate(99.9549vw, 100vh) scale(0.3832);
  }
}
.snow:nth-child(121) {
  opacity: 0.1661;
  transform: translate(44.8102vw, -10px) scale(0.6108);
  animation: fall-121 16s -19s linear infinite;
}
@keyframes fall-121 {
  31.319% {
    transform: translate(53.4486vw, 31.319vh) scale(0.6108);
  }
  to {
    transform: translate(49.1294vw, 100vh) scale(0.6108);
  }
}
.snow:nth-child(122) {
  opacity: 0.6601;
  transform: translate(69.3401vw, -10px) scale(0.5823);
  animation: fall-122 22s -5s linear infinite;
}
@keyframes fall-122 {
  36.61% {
    transform: translate(78.5218vw, 36.61vh) scale(0.5823);
  }
  to {
    transform: translate(73.93095vw, 100vh) scale(0.5823);
  }
}
.snow:nth-child(123) {
  opacity: 0.3696;
  transform: translate(48.2438vw, -10px) scale(0.3441);
  animation: fall-123 16s -28s linear infinite;
}
@keyframes fall-123 {
  37.26% {
    transform: translate(48.8118vw, 37.26vh) scale(0.3441);
  }
  to {
    transform: translate(48.5278vw, 100vh) scale(0.3441);
  }
}
.snow:nth-child(124) {
  opacity: 0.7734;
  transform: translate(71.2513vw, -10px) scale(0.9696);
  animation: fall-124 22s -25s linear infinite;
}
@keyframes fall-124 {
  73.429% {
    transform: translate(81.0392vw, 73.429vh) scale(0.9696);
  }
  to {
    transform: translate(76.14525vw, 100vh) scale(0.9696);
  }
}
.snow:nth-child(125) {
  opacity: 0.3226;
  transform: translate(23.0527vw, -10px) scale(0.7249);
  animation: fall-125 14s -21s linear infinite;
}
@keyframes fall-125 {
  44.509% {
    transform: translate(24.0001vw, 44.509vh) scale(0.7249);
  }
  to {
    transform: translate(23.5264vw, 100vh) scale(0.7249);
  }
}
.snow:nth-child(126) {
  opacity: 0.977;
  transform: translate(54.3271vw, -10px) scale(0.6095);
  animation: fall-126 11s -21s linear infinite;
}
@keyframes fall-126 {
  36.94% {
    transform: translate(57.5223vw, 36.94vh) scale(0.6095);
  }
  to {
    transform: translate(55.9247vw, 100vh) scale(0.6095);
  }
}
.snow:nth-child(127) {
  opacity: 0.3266;
  transform: translate(24.1095vw, -10px) scale(0.6966);
  animation: fall-127 21s -19s linear infinite;
}
@keyframes fall-127 {
  51.857% {
    transform: translate(26.6557vw, 51.857vh) scale(0.6966);
  }
  to {
    transform: translate(25.3826vw, 100vh) scale(0.6966);
  }
}
.snow:nth-child(128) {
  opacity: 0.5069;
  transform: translate(51.9471vw, -10px) scale(0.54);
  animation: fall-128 22s -16s linear infinite;
}
@keyframes fall-128 {
  72.985% {
    transform: translate(55.5404vw, 72.985vh) scale(0.54);
  }
  to {
    transform: translate(53.74375vw, 100vh) scale(0.54);
  }
}
.snow:nth-child(129) {
  opacity: 0.8668;
  transform: translate(15.0784vw, -10px) scale(0.6945);
  animation: fall-129 24s -2s linear infinite;
}
@keyframes fall-129 {
  41.858% {
    transform: translate(16.68vw, 41.858vh) scale(0.6945);
  }
  to {
    transform: translate(15.8792vw, 100vh) scale(0.6945);
  }
}
.snow:nth-child(130) {
  opacity: 0.7713;
  transform: translate(81.7304vw, -10px) scale(0.2634);
  animation: fall-130 11s -7s linear infinite;
}
@keyframes fall-130 {
  41.544% {
    transform: translate(89.8201vw, 41.544vh) scale(0.2634);
  }
  to {
    transform: translate(85.77525vw, 100vh) scale(0.2634);
  }
}
.snow:nth-child(131) {
  opacity: 0.1002;
  transform: translate(38.3506vw, -10px) scale(0.8301);
  animation: fall-131 30s -25s linear infinite;
}
@keyframes fall-131 {
  68.431% {
    transform: translate(43.6047vw, 68.431vh) scale(0.8301);
  }
  to {
    transform: translate(40.97765vw, 100vh) scale(0.8301);
  }
}
.snow:nth-child(132) {
  opacity: 0.8024;
  transform: translate(30.4715vw, -10px) scale(0.7546);
  animation: fall-132 12s -19s linear infinite;
}
@keyframes fall-132 {
  66.938% {
    transform: translate(28.5975vw, 66.938vh) scale(0.7546);
  }
  to {
    transform: translate(29.5345vw, 100vh) scale(0.7546);
  }
}
.snow:nth-child(133) {
  opacity: 0.8897;
  transform: translate(63.8694vw, -10px) scale(0.9976);
  animation: fall-133 12s -9s linear infinite;
}
@keyframes fall-133 {
  44.491% {
    transform: translate(61.2325vw, 44.491vh) scale(0.9976);
  }
  to {
    transform: translate(62.55095vw, 100vh) scale(0.9976);
  }
}
.snow:nth-child(134) {
  opacity: 0.7859;
  transform: translate(41.1019vw, -10px) scale(0.8186);
  animation: fall-134 27s -26s linear infinite;
}
@keyframes fall-134 {
  36.782% {
    transform: translate(31.8414vw, 36.782vh) scale(0.8186);
  }
  to {
    transform: translate(36.47165vw, 100vh) scale(0.8186);
  }
}
.snow:nth-child(135) {
  opacity: 0.3921;
  transform: translate(18.8243vw, -10px) scale(0.3435);
  animation: fall-135 14s -17s linear infinite;
}
@keyframes fall-135 {
  59.356% {
    transform: translate(25.8032vw, 59.356vh) scale(0.3435);
  }
  to {
    transform: translate(22.31375vw, 100vh) scale(0.3435);
  }
}
.snow:nth-child(136) {
  opacity: 0.3941;
  transform: translate(31.8579vw, -10px) scale(0.2363);
  animation: fall-136 18s -20s linear infinite;
}
@keyframes fall-136 {
  37.388% {
    transform: translate(23.2875vw, 37.388vh) scale(0.2363);
  }
  to {
    transform: translate(27.5727vw, 100vh) scale(0.2363);
  }
}
.snow:nth-child(137) {
  opacity: 0.744;
  transform: translate(19.1517vw, -10px) scale(0.6973);
  animation: fall-137 16s -12s linear infinite;
}
@keyframes fall-137 {
  64.689% {
    transform: translate(10.0776vw, 64.689vh) scale(0.6973);
  }
  to {
    transform: translate(14.61465vw, 100vh) scale(0.6973);
  }
}
.snow:nth-child(138) {
  opacity: 0.9094;
  transform: translate(1.1376vw, -10px) scale(0.6316);
  animation: fall-138 18s -16s linear infinite;
}
@keyframes fall-138 {
  71.01% {
    transform: translate(8.7863vw, 71.01vh) scale(0.6316);
  }
  to {
    transform: translate(4.96195vw, 100vh) scale(0.6316);
  }
}
.snow:nth-child(139) {
  opacity: 0.8044;
  transform: translate(24.4349vw, -10px) scale(0.2507);
  animation: fall-139 26s -10s linear infinite;
}
@keyframes fall-139 {
  70.589% {
    transform: translate(17.3994vw, 70.589vh) scale(0.2507);
  }
  to {
    transform: translate(20.91715vw, 100vh) scale(0.2507);
  }
}
.snow:nth-child(140) {
  opacity: 0.4346;
  transform: translate(71.7216vw, -10px) scale(0.4415);
  animation: fall-140 17s -1s linear infinite;
}
@keyframes fall-140 {
  75.496% {
    transform: translate(64.4828vw, 75.496vh) scale(0.4415);
  }
  to {
    transform: translate(68.1022vw, 100vh) scale(0.4415);
  }
}
.snow:nth-child(141) {
  opacity: 0.1412;
  transform: translate(31.0817vw, -10px) scale(0.6896);
  animation: fall-141 16s -28s linear infinite;
}
@keyframes fall-141 {
  50.221% {
    transform: translate(39.5433vw, 50.221vh) scale(0.6896);
  }
  to {
    transform: translate(35.3125vw, 100vh) scale(0.6896);
  }
}
.snow:nth-child(142) {
  opacity: 0.5881;
  transform: translate(75.1438vw, -10px) scale(0.6415);
  animation: fall-142 25s -19s linear infinite;
}
@keyframes fall-142 {
  47.2% {
    transform: translate(68.0704vw, 47.2vh) scale(0.6415);
  }
  to {
    transform: translate(71.6071vw, 100vh) scale(0.6415);
  }
}
.snow:nth-child(143) {
  opacity: 0.94;
  transform: translate(33.5914vw, -10px) scale(0.0245);
  animation: fall-143 13s -14s linear infinite;
}
@keyframes fall-143 {
  40.037% {
    transform: translate(35.6791vw, 40.037vh) scale(0.0245);
  }
  to {
    transform: translate(34.63525vw, 100vh) scale(0.0245);
  }
}
.snow:nth-child(144) {
  opacity: 0.549;
  transform: translate(44.5377vw, -10px) scale(0.7733);
  animation: fall-144 14s -11s linear infinite;
}
@keyframes fall-144 {
  78.993% {
    transform: translate(45.2683vw, 78.993vh) scale(0.7733);
  }
  to {
    transform: translate(44.903vw, 100vh) scale(0.7733);
  }
}
.snow:nth-child(145) {
  opacity: 0.0992;
  transform: translate(88.3123vw, -10px) scale(0.3177);
  animation: fall-145 30s -14s linear infinite;
}
@keyframes fall-145 {
  61.915% {
    transform: translate(98.1476vw, 61.915vh) scale(0.3177);
  }
  to {
    transform: translate(93.22995vw, 100vh) scale(0.3177);
  }
}
.snow:nth-child(146) {
  opacity: 0.8123;
  transform: translate(43.2416vw, -10px) scale(0.3311);
  animation: fall-146 10s -19s linear infinite;
}
@keyframes fall-146 {
  73.109% {
    transform: translate(44.2391vw, 73.109vh) scale(0.3311);
  }
  to {
    transform: translate(43.74035vw, 100vh) scale(0.3311);
  }
}
.snow:nth-child(147) {
  opacity: 0.9469;
  transform: translate(28.5591vw, -10px) scale(0.9762);
  animation: fall-147 21s -16s linear infinite;
}
@keyframes fall-147 {
  62.278% {
    transform: translate(34.9148vw, 62.278vh) scale(0.9762);
  }
  to {
    transform: translate(31.73695vw, 100vh) scale(0.9762);
  }
}
.snow:nth-child(148) {
  opacity: 0.5436;
  transform: translate(24.273vw, -10px) scale(0.8693);
  animation: fall-148 13s -8s linear infinite;
}
@keyframes fall-148 {
  38.659% {
    transform: translate(15.356vw, 38.659vh) scale(0.8693);
  }
  to {
    transform: translate(19.8145vw, 100vh) scale(0.8693);
  }
}
.snow:nth-child(149) {
  opacity: 0.8692;
  transform: translate(64.7408vw, -10px) scale(0.2613);
  animation: fall-149 14s -14s linear infinite;
}
@keyframes fall-149 {
  32.579% {
    transform: translate(67.747vw, 32.579vh) scale(0.2613);
  }
  to {
    transform: translate(66.2439vw, 100vh) scale(0.2613);
  }
}
.snow:nth-child(150) {
  opacity: 0.1588;
  transform: translate(31.136vw, -10px) scale(0.1214);
  animation: fall-150 14s -24s linear infinite;
}
@keyframes fall-150 {
  39.816% {
    transform: translate(21.8627vw, 39.816vh) scale(0.1214);
  }
  to {
    transform: translate(26.49935vw, 100vh) scale(0.1214);
  }
}
.snow:nth-child(151) {
  opacity: 0.7794;
  transform: translate(45.0183vw, -10px) scale(0.6374);
  animation: fall-151 19s -10s linear infinite;
}
@keyframes fall-151 {
  66.571% {
    transform: translate(36.8547vw, 66.571vh) scale(0.6374);
  }
  to {
    transform: translate(40.9365vw, 100vh) scale(0.6374);
  }
}
.snow:nth-child(152) {
  opacity: 0.3701;
  transform: translate(19.9492vw, -10px) scale(0.2868);
  animation: fall-152 17s -4s linear infinite;
}
@keyframes fall-152 {
  52.569% {
    transform: translate(25.3043vw, 52.569vh) scale(0.2868);
  }
  to {
    transform: translate(22.62675vw, 100vh) scale(0.2868);
  }
}
.snow:nth-child(153) {
  opacity: 0.9001;
  transform: translate(97.0154vw, -10px) scale(0.4244);
  animation: fall-153 20s -8s linear infinite;
}
@keyframes fall-153 {
  50.555% {
    transform: translate(104.6949vw, 50.555vh) scale(0.4244);
  }
  to {
    transform: translate(100.85515vw, 100vh) scale(0.4244);
  }
}
.snow:nth-child(154) {
  opacity: 0.4772;
  transform: translate(70.1324vw, -10px) scale(0.8446);
  animation: fall-154 30s -23s linear infinite;
}
@keyframes fall-154 {
  52.757% {
    transform: translate(69.6807vw, 52.757vh) scale(0.8446);
  }
  to {
    transform: translate(69.90655vw, 100vh) scale(0.8446);
  }
}
.snow:nth-child(155) {
  opacity: 0.5308;
  transform: translate(12.9574vw, -10px) scale(0.6375);
  animation: fall-155 28s -7s linear infinite;
}
@keyframes fall-155 {
  44.235% {
    transform: translate(7.4104vw, 44.235vh) scale(0.6375);
  }
  to {
    transform: translate(10.1839vw, 100vh) scale(0.6375);
  }
}
.snow:nth-child(156) {
  opacity: 0.5797;
  transform: translate(88.4141vw, -10px) scale(0.7309);
  animation: fall-156 23s -24s linear infinite;
}
@keyframes fall-156 {
  68.882% {
    transform: translate(80.0318vw, 68.882vh) scale(0.7309);
  }
  to {
    transform: translate(84.22295vw, 100vh) scale(0.7309);
  }
}
.snow:nth-child(157) {
  opacity: 0.9066;
  transform: translate(48.3331vw, -10px) scale(0.7755);
  animation: fall-157 14s -19s linear infinite;
}
@keyframes fall-157 {
  39.902% {
    transform: translate(40.3248vw, 39.902vh) scale(0.7755);
  }
  to {
    transform: translate(44.32895vw, 100vh) scale(0.7755);
  }
}
.snow:nth-child(158) {
  opacity: 0.3685;
  transform: translate(44.623vw, -10px) scale(0.207);
  animation: fall-158 13s -18s linear infinite;
}
@keyframes fall-158 {
  42.215% {
    transform: translate(52.7501vw, 42.215vh) scale(0.207);
  }
  to {
    transform: translate(48.68655vw, 100vh) scale(0.207);
  }
}
.snow:nth-child(159) {
  opacity: 0.7657;
  transform: translate(4.3156vw, -10px) scale(0.3648);
  animation: fall-159 22s -15s linear infinite;
}
@keyframes fall-159 {
  40.911% {
    transform: translate(-0.8263vw, 40.911vh) scale(0.3648);
  }
  to {
    transform: translate(1.74465vw, 100vh) scale(0.3648);
  }
}
.snow:nth-child(160) {
  opacity: 0.036;
  transform: translate(79.5102vw, -10px) scale(0.4349);
  animation: fall-160 19s -14s linear infinite;
}
@keyframes fall-160 {
  33.528% {
    transform: translate(87.5076vw, 33.528vh) scale(0.4349);
  }
  to {
    transform: translate(83.5089vw, 100vh) scale(0.4349);
  }
}
.snow:nth-child(161) {
  opacity: 0.9192;
  transform: translate(76.3052vw, -10px) scale(0.6302);
  animation: fall-161 25s -9s linear infinite;
}
@keyframes fall-161 {
  64.834% {
    transform: translate(80.1231vw, 64.834vh) scale(0.6302);
  }
  to {
    transform: translate(78.21415vw, 100vh) scale(0.6302);
  }
}
.snow:nth-child(162) {
  opacity: 0.0791;
  transform: translate(7.1851vw, -10px) scale(0.8518);
  animation: fall-162 19s -14s linear infinite;
}
@keyframes fall-162 {
  33.658% {
    transform: translate(5.6483vw, 33.658vh) scale(0.8518);
  }
  to {
    transform: translate(6.4167vw, 100vh) scale(0.8518);
  }
}
.snow:nth-child(163) {
  opacity: 0.6315;
  transform: translate(48.781vw, -10px) scale(0.8266);
  animation: fall-163 16s -2s linear infinite;
}
@keyframes fall-163 {
  40.396% {
    transform: translate(51.1337vw, 40.396vh) scale(0.8266);
  }
  to {
    transform: translate(49.95735vw, 100vh) scale(0.8266);
  }
}
.snow:nth-child(164) {
  opacity: 0.1199;
  transform: translate(75.101vw, -10px) scale(0.4601);
  animation: fall-164 15s -24s linear infinite;
}
@keyframes fall-164 {
  34.167% {
    transform: translate(71.3501vw, 34.167vh) scale(0.4601);
  }
  to {
    transform: translate(73.22555vw, 100vh) scale(0.4601);
  }
}
.snow:nth-child(165) {
  opacity: 0.1791;
  transform: translate(8.4488vw, -10px) scale(0.8257);
  animation: fall-165 19s -16s linear infinite;
}
@keyframes fall-165 {
  48.153% {
    transform: translate(3.2626vw, 48.153vh) scale(0.8257);
  }
  to {
    transform: translate(5.8557vw, 100vh) scale(0.8257);
  }
}
.snow:nth-child(166) {
  opacity: 0.3478;
  transform: translate(95.8698vw, -10px) scale(0.5998);
  animation: fall-166 12s -8s linear infinite;
}
@keyframes fall-166 {
  52.544% {
    transform: translate(88.9359vw, 52.544vh) scale(0.5998);
  }
  to {
    transform: translate(92.40285vw, 100vh) scale(0.5998);
  }
}
.snow:nth-child(167) {
  opacity: 0.9111;
  transform: translate(36.3933vw, -10px) scale(0.2466);
  animation: fall-167 29s -28s linear infinite;
}
@keyframes fall-167 {
  50.101% {
    transform: translate(34.6613vw, 50.101vh) scale(0.2466);
  }
  to {
    transform: translate(35.5273vw, 100vh) scale(0.2466);
  }
}
.snow:nth-child(168) {
  opacity: 0.851;
  transform: translate(73.9343vw, -10px) scale(0.8452);
  animation: fall-168 13s -29s linear infinite;
}
@keyframes fall-168 {
  78.694% {
    transform: translate(82.9199vw, 78.694vh) scale(0.8452);
  }
  to {
    transform: translate(78.4271vw, 100vh) scale(0.8452);
  }
}
.snow:nth-child(169) {
  opacity: 0.4165;
  transform: translate(87.2116vw, -10px) scale(0.238);
  animation: fall-169 20s -8s linear infinite;
}
@keyframes fall-169 {
  44.049% {
    transform: translate(83.3515vw, 44.049vh) scale(0.238);
  }
  to {
    transform: translate(85.28155vw, 100vh) scale(0.238);
  }
}
.snow:nth-child(170) {
  opacity: 0.2985;
  transform: translate(57.7122vw, -10px) scale(0.4037);
  animation: fall-170 23s -18s linear infinite;
}
@keyframes fall-170 {
  49.925% {
    transform: translate(60.8268vw, 49.925vh) scale(0.4037);
  }
  to {
    transform: translate(59.2695vw, 100vh) scale(0.4037);
  }
}
.snow:nth-child(171) {
  opacity: 0.8228;
  transform: translate(60.996vw, -10px) scale(0.9031);
  animation: fall-171 21s -18s linear infinite;
}
@keyframes fall-171 {
  45.962% {
    transform: translate(59.05vw, 45.962vh) scale(0.9031);
  }
  to {
    transform: translate(60.023vw, 100vh) scale(0.9031);
  }
}
.snow:nth-child(172) {
  opacity: 0.8881;
  transform: translate(77.701vw, -10px) scale(0.9296);
  animation: fall-172 14s -17s linear infinite;
}
@keyframes fall-172 {
  68.855% {
    transform: translate(75.2229vw, 68.855vh) scale(0.9296);
  }
  to {
    transform: translate(76.46195vw, 100vh) scale(0.9296);
  }
}
.snow:nth-child(173) {
  opacity: 0.7865;
  transform: translate(56.8237vw, -10px) scale(0.3119);
  animation: fall-173 12s -11s linear infinite;
}
@keyframes fall-173 {
  36.872% {
    transform: translate(51.7053vw, 36.872vh) scale(0.3119);
  }
  to {
    transform: translate(54.2645vw, 100vh) scale(0.3119);
  }
}
.snow:nth-child(174) {
  opacity: 0.6991;
  transform: translate(98.9533vw, -10px) scale(0.6526);
  animation: fall-174 16s -15s linear infinite;
}
@keyframes fall-174 {
  72.884% {
    transform: translate(93.2187vw, 72.884vh) scale(0.6526);
  }
  to {
    transform: translate(96.086vw, 100vh) scale(0.6526);
  }
}
.snow:nth-child(175) {
  opacity: 0.96;
  transform: translate(32.6613vw, -10px) scale(0.2228);
  animation: fall-175 23s -12s linear infinite;
}
@keyframes fall-175 {
  30.426% {
    transform: translate(42.4443vw, 30.426vh) scale(0.2228);
  }
  to {
    transform: translate(37.5528vw, 100vh) scale(0.2228);
  }
}
.snow:nth-child(176) {
  opacity: 0.9224;
  transform: translate(36.5616vw, -10px) scale(0.0952);
  animation: fall-176 21s -3s linear infinite;
}
@keyframes fall-176 {
  47.579% {
    transform: translate(31.0863vw, 47.579vh) scale(0.0952);
  }
  to {
    transform: translate(33.82395vw, 100vh) scale(0.0952);
  }
}
.snow:nth-child(177) {
  opacity: 0.8417;
  transform: translate(54.7166vw, -10px) scale(0.3946);
  animation: fall-177 23s -2s linear infinite;
}
@keyframes fall-177 {
  37.882% {
    transform: translate(49.2963vw, 37.882vh) scale(0.3946);
  }
  to {
    transform: translate(52.00645vw, 100vh) scale(0.3946);
  }
}
.snow:nth-child(178) {
  opacity: 0.4779;
  transform: translate(63.9747vw, -10px) scale(0.2761);
  animation: fall-178 20s -10s linear infinite;
}
@keyframes fall-178 {
  33.638% {
    transform: translate(62.7009vw, 33.638vh) scale(0.2761);
  }
  to {
    transform: translate(63.3378vw, 100vh) scale(0.2761);
  }
}
.snow:nth-child(179) {
  opacity: 0.5536;
  transform: translate(50.7244vw, -10px) scale(0.8163);
  animation: fall-179 14s -4s linear infinite;
}
@keyframes fall-179 {
  31.388% {
    transform: translate(44.342vw, 31.388vh) scale(0.8163);
  }
  to {
    transform: translate(47.5332vw, 100vh) scale(0.8163);
  }
}
.snow:nth-child(180) {
  opacity: 0.5188;
  transform: translate(28.1845vw, -10px) scale(0.4639);
  animation: fall-180 14s -30s linear infinite;
}
@keyframes fall-180 {
  50.549% {
    transform: translate(33.5695vw, 50.549vh) scale(0.4639);
  }
  to {
    transform: translate(30.877vw, 100vh) scale(0.4639);
  }
}
.snow:nth-child(181) {
  opacity: 0.0122;
  transform: translate(4.991vw, -10px) scale(0.2193);
  animation: fall-181 12s -20s linear infinite;
}
@keyframes fall-181 {
  51.562% {
    transform: translate(2.6782vw, 51.562vh) scale(0.2193);
  }
  to {
    transform: translate(3.8346vw, 100vh) scale(0.2193);
  }
}
.snow:nth-child(182) {
  opacity: 0.6819;
  transform: translate(40.3234vw, -10px) scale(0.3125);
  animation: fall-182 28s -16s linear infinite;
}
@keyframes fall-182 {
  36.499% {
    transform: translate(33.6396vw, 36.499vh) scale(0.3125);
  }
  to {
    transform: translate(36.9815vw, 100vh) scale(0.3125);
  }
}
.snow:nth-child(183) {
  opacity: 0.6508;
  transform: translate(95.5167vw, -10px) scale(0.4481);
  animation: fall-183 20s -12s linear infinite;
}
@keyframes fall-183 {
  30.392% {
    transform: translate(92.6466vw, 30.392vh) scale(0.4481);
  }
  to {
    transform: translate(94.08165vw, 100vh) scale(0.4481);
  }
}
.snow:nth-child(184) {
  opacity: 0.1926;
  transform: translate(74.0934vw, -10px) scale(0.4317);
  animation: fall-184 27s -18s linear infinite;
}
@keyframes fall-184 {
  69.306% {
    transform: translate(70.9871vw, 69.306vh) scale(0.4317);
  }
  to {
    transform: translate(72.54025vw, 100vh) scale(0.4317);
  }
}
.snow:nth-child(185) {
  opacity: 0.5595;
  transform: translate(30.8729vw, -10px) scale(0.8135);
  animation: fall-185 12s -23s linear infinite;
}
@keyframes fall-185 {
  58.444% {
    transform: translate(38.012vw, 58.444vh) scale(0.8135);
  }
  to {
    transform: translate(34.44245vw, 100vh) scale(0.8135);
  }
}
.snow:nth-child(186) {
  opacity: 0.4107;
  transform: translate(68.8235vw, -10px) scale(0.6992);
  animation: fall-186 25s -17s linear infinite;
}
@keyframes fall-186 {
  36.617% {
    transform: translate(63.7906vw, 36.617vh) scale(0.6992);
  }
  to {
    transform: translate(66.30705vw, 100vh) scale(0.6992);
  }
}
.snow:nth-child(187) {
  opacity: 0.4229;
  transform: translate(48.7251vw, -10px) scale(0.8936);
  animation: fall-187 27s -10s linear infinite;
}
@keyframes fall-187 {
  43.863% {
    transform: translate(54.0664vw, 43.863vh) scale(0.8936);
  }
  to {
    transform: translate(51.39575vw, 100vh) scale(0.8936);
  }
}
.snow:nth-child(188) {
  opacity: 0.3689;
  transform: translate(97.2332vw, -10px) scale(0.8893);
  animation: fall-188 25s -25s linear infinite;
}
@keyframes fall-188 {
  59.083% {
    transform: translate(96.2011vw, 59.083vh) scale(0.8893);
  }
  to {
    transform: translate(96.71715vw, 100vh) scale(0.8893);
  }
}
.snow:nth-child(189) {
  opacity: 0.5658;
  transform: translate(42.1607vw, -10px) scale(0.7438);
  animation: fall-189 19s -24s linear infinite;
}
@keyframes fall-189 {
  62.806% {
    transform: translate(38.9843vw, 62.806vh) scale(0.7438);
  }
  to {
    transform: translate(40.5725vw, 100vh) scale(0.7438);
  }
}
.snow:nth-child(190) {
  opacity: 0.1672;
  transform: translate(25.8013vw, -10px) scale(0.7746);
  animation: fall-190 17s -1s linear infinite;
}
@keyframes fall-190 {
  76.143% {
    transform: translate(18.4043vw, 76.143vh) scale(0.7746);
  }
  to {
    transform: translate(22.1028vw, 100vh) scale(0.7746);
  }
}
.snow:nth-child(191) {
  opacity: 0.5882;
  transform: translate(51.7111vw, -10px) scale(0.3876);
  animation: fall-191 29s -8s linear infinite;
}
@keyframes fall-191 {
  67.287% {
    transform: translate(57.9508vw, 67.287vh) scale(0.3876);
  }
  to {
    transform: translate(54.83095vw, 100vh) scale(0.3876);
  }
}
.snow:nth-child(192) {
  opacity: 0.7223;
  transform: translate(17.9252vw, -10px) scale(0.9793);
  animation: fall-192 10s -22s linear infinite;
}
@keyframes fall-192 {
  31.251% {
    transform: translate(14.388vw, 31.251vh) scale(0.9793);
  }
  to {
    transform: translate(16.1566vw, 100vh) scale(0.9793);
  }
}
.snow:nth-child(193) {
  opacity: 0.6386;
  transform: translate(62.468vw, -10px) scale(0.2876);
  animation: fall-193 29s -22s linear infinite;
}
@keyframes fall-193 {
  37.825% {
    transform: translate(57.8643vw, 37.825vh) scale(0.2876);
  }
  to {
    transform: translate(60.16615vw, 100vh) scale(0.2876);
  }
}
.snow:nth-child(194) {
  opacity: 0.3939;
  transform: translate(59.1604vw, -10px) scale(0.2061);
  animation: fall-194 14s -6s linear infinite;
}
@keyframes fall-194 {
  48.922% {
    transform: translate(62.1098vw, 48.922vh) scale(0.2061);
  }
  to {
    transform: translate(60.6351vw, 100vh) scale(0.2061);
  }
}
.snow:nth-child(195) {
  opacity: 0.9341;
  transform: translate(85.4979vw, -10px) scale(0.3225);
  animation: fall-195 22s -30s linear infinite;
}
@keyframes fall-195 {
  78.499% {
    transform: translate(95.0893vw, 78.499vh) scale(0.3225);
  }
  to {
    transform: translate(90.2936vw, 100vh) scale(0.3225);
  }
}
.snow:nth-child(196) {
  opacity: 0.9484;
  transform: translate(59.9561vw, -10px) scale(0.7658);
  animation: fall-196 23s -24s linear infinite;
}
@keyframes fall-196 {
  45.59% {
    transform: translate(69.7296vw, 45.59vh) scale(0.7658);
  }
  to {
    transform: translate(64.84285vw, 100vh) scale(0.7658);
  }
}
.snow:nth-child(197) {
  opacity: 0.2863;
  transform: translate(52.3929vw, -10px) scale(0.1312);
  animation: fall-197 26s -19s linear infinite;
}
@keyframes fall-197 {
  40.568% {
    transform: translate(43.38vw, 40.568vh) scale(0.1312);
  }
  to {
    transform: translate(47.88645vw, 100vh) scale(0.1312);
  }
}
.snow:nth-child(198) {
  opacity: 0.6373;
  transform: translate(95.7663vw, -10px) scale(0.528);
  animation: fall-198 20s -21s linear infinite;
}
@keyframes fall-198 {
  39.476% {
    transform: translate(92.2348vw, 39.476vh) scale(0.528);
  }
  to {
    transform: translate(94.00055vw, 100vh) scale(0.528);
  }
}
.snow:nth-child(199) {
  opacity: 0.1814;
  transform: translate(91.4905vw, -10px) scale(0.2793);
  animation: fall-199 26s -6s linear infinite;
}
@keyframes fall-199 {
  57.622% {
    transform: translate(93.4809vw, 57.622vh) scale(0.2793);
  }
  to {
    transform: translate(92.4857vw, 100vh) scale(0.2793);
  }
}
.snow:nth-child(200) {
  opacity: 0.0165;
  transform: translate(90.9877vw, -10px) scale(0.3104);
  animation: fall-200 20s -14s linear infinite;
}
@keyframes fall-200 {
  65.746% {
    transform: translate(100.54vw, 65.746vh) scale(0.3104);
  }
  to {
    transform: translate(95.76385vw, 100vh) scale(0.3104);
  }
}





/*
####################################################
SIDEBAR
####################################################
*/
#custom_html-3{
    background: #ebca99;
    border: 0;
}

.widget-area .widget{
    padding:30px!important
}
 
.px-author{
  
    padding: 20px 0 0 0 ;
    border-top: 1px dashed #a79274
}
.about-author{
    display: flex;
    align-items: center
}
    
.px-author span{
  
    display: block;
    font-size: 14px;
}
.px-author p{
    margin: 0;
    color: #152a4c;

}

.px-author i{
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #a79274
}
.px-author img{
    width: 100px;
    border-radius: 50%;
    border: 5px solid #dd023a;
    margin-right: 15px;
    
}



/*///////////////////////////////////////////// NNEW 2003:///////////////////////////////////////// */
.stocking-icon i.icons8-christmas, .user-icon i.icons8-user-2{
    color: white;
    font-size:44px;
    /* margin: 0; */
    margin: -10px -30px;
    height: 50px!important;
    position: absolute;
}


.store-mart-lite-login-wrap{
    height: 56px;
    display: flex;
    align-items: flex-start;
}
.user-logout-wrap .sm-icon-header{
    margin-right: 0;
} 

.user-logout-wrap.sm-icon-header a i{
    font-size: 44px;
    line-height: 44px;
    margin-right: 15px;
}



/*
####################################################
CHRISTMAS IN JULY
####################################################
*/
[class*="christmas-in-july"] h1, 
[class*="christmas-in-july"] h2, 
[class*="christmas-in-july"] h3, 
[class*="christmas-in-july"] h4, 
[class*="christmas-in-july"] h5, 
[class*="christmas-in-july"] h6{
    font-family: museo-slab, serif!important;
    font-weight: 400;
    color: #4b4134;
}
 
[class*="christmas-in-july"] .store-mart-lite-bread-home, [class*="christmas-in-july"] .zig-zag-top-blue-white {
    display: none;
}


.competition-july-header{

}
/* Main banner styling */
.christmas-in-july-banner {
    position: relative !important;
    background: url("/wp-content/uploads/2024/07/christmas-in-july-competition-banner-1.jpg") no-repeat top left / contain;
    min-height: 600px; /* Minimum height for the banner */
    display: flex;
    align-items: flex-start; /* Align content to the top of the container */
    justify-content: center; /* Center content horizontally */
    text-align: center; /* Center text */
    padding-top: 4%; /* Top padding */
    padding-left: 20%; /* Left padding */
    padding-right: 20%; /* Right padding */
    overflow: hidden; /* Ensure no overflow */
}

span.sub {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    display: block;
}

/* Ensure text is on top of any elements */
.christmas-in-july-banner h1 {
    color: #fff; /* Desktop font color */
    font-family: 'Museo Slab', serif;
    font-weight: 800;
    max-width: 650px;
    margin: 0 auto;
    font-size: 4vw; /* Starting font size using viewport width */
    line-height: 4vw; /* Starting line height using viewport width */
    position: relative; /* Ensure text appears above overlay */
    z-index: 2; /* Ensure text is above overlay */
}
.owl-dots{
    display: none
}


span.comp-soon{
    color: #fff; font-size: 32px; font-weight: 300
}


/* Adjustments for screens 958px and below */
@media (max-width: 958px) {
    .christmas-in-july-banner {
        background-size: auto 100%; /* Auto width and 100% height */
    }

    .christmas-in-july-banner h1 {
        font-size: 10vw; /* Adjust for smaller screens */
        line-height: 10vw; /* Adjust line height for smaller screens */
        max-width: 100%; /* Allow text to use more width on smaller screens */
        color: #60264f; /* Change font color for smaller screens */
    }

    .christmas-in-july-banner .overlay {
        display: block; /* Show overlay on screens 958px and below */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 223, 186, 0.8); /* Soft peachy overlay for a summer feel */
        z-index: 1; /* Behind the text */
    }
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {
    .christmas-in-july-banner h1 {
        font-size: 12vw; /* Further adjust font size for very small screens */
        line-height: 12vw; /* Further adjust line height for very small screens */
    }
}


.competition-box-blue.pxxij-comp-bg{
     background: rgb(147,62,167);
background: -moz-linear-gradient(28deg, rgba(147,62,167,1) 56%, rgba(249,221,140,1) 100%, rgba(147,62,167,1) 100%);
background: -webkit-linear-gradient(28deg, rgba(147,62,167,1) 56%, rgba(249,221,140,1) 100%, rgba(147,62,167,1) 100%);
background: linear-gradient(28deg, rgba(147,62,167,1) 56%, rgba(249,221,140,1) 100%, rgba(147,62,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#933ea7",endColorstr="#933ea7",GradientType=1); 
  
    color: #fff;
}
.pxxij-comp-bg h4{
  font-size: 40px; /* Adjust for smaller screens */
        line-height: 46px; /* Adjust line height for smaller screens */
        max-width: 100%; /* Allow text to use more width on smaller screens */
        color: #fff; /* Change font color for smaller screens */
    font-family: 'Museo Slab', serif;
    font-weight: 500;
    
}
.pxxij-comp-bg p{
      color: #fff;
    
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 

 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){
 
    .mobile-logo{
    width: 300px
}

    
.plx_slider_promo_section .owl-carousel.owl-loaded{
    height: 600px
}
    
    .banner-slider-info h1{

    font-size: 60px;
    line-height: 60px
}
.woocommerce-message{display: flex;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: left!important;
    justify-content: flex-end;}

    a.btn-blue-rounded-cart{
        margin: 0 0 0 15px
    }
    
    .woocommerce-billing-fields{
    margin-bottom: 30px
}
    
/* HOMEPAGE BOXES */
.comp-box-bottom{
    display: flex;
    align-items: flex-start;
}
    
    .comp-box-image img{
        padding-right: 30px;
        padding-bottom: 0px;
    }

/* end */
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    
    
/* HOMEPAGE BOXES */
.comp-box-bottom{
    display: flex;
    align-items: flex-start;
}

/* end */
    
    
    .plx_slider_promo_section .owl-carousel.owl-loaded{
    height: 100%
    }
    
    
     .competition-countdown, .gingy-box{
        border-right: 3px solid #dd023a;
}
    
    .competition-box-prize{
    /*max-width: 425px*/
    text-align: left;
}
    
    .competition-box-prize h1{
     
    margin: 0 0 15px 0
}

.competition-box-prize h2{
    margin: 0 0 0 0 
}

    .gingy{
        display: inline-block
    }
   
    
    .gingy{  
    display: inline-block;}
    
.gingy-box{
    padding-left: 0}


.the-gingies img{
display: none
}
    
    .ribbon-content{
        display: flex
    }
    .ribbon-content i.icons8-christmas-gift{
        display: inline-block
    
}
    .ribbon-content span{
         margin-bottom: 0
    }  
    
    .latest-cta-ribbon {
 
width: 80%;
 padding: 5px 15px;
 margin: 30px auto 0 auto
}
    
    a.btn-blue-rounded-cart{
        width: 200px
    }
    
        .woocommerce-billing-fields{
    margin-bottom: 0px
}
    
        .woocommerce-account .woocommerce-MyAccount-content{
    padding-left: 30px;
    padding-top:0
}

       .comp  h2{

    margin: 0 0 15px 0
} 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
  
    .header-banner-competition a.btn-yc{

       margin-bottom:0px;
  
}
    
        .header-banner-competition{
    display: flex;
    align-items: center;
    justify-content: center;
            padding: 5px 15px
    
}
       .header-banner-competition img{
    display: inline-block;
               margin: 0 10px;
    }
     .circle{
   
    width: 140px;
    height: 140px;
}

.circle h4{
    
    font-size: 75px;
    line-height: 75px;
    letter-spacing: -2px
}



    
    
    
    
    
    
    
    
    
    
    
    

 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
   .gingy-top-wrapper{
        display: block
    }
        .latest-cta-ribbon {
 
width: 60%;
 padding: 5px 15px;
 margin: 30px auto 0 auto
}
    
}
 
 



 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}
}