/*  Copyright timehubzone.com, do not use without permission*/
.meni-menu{ background: #185f98; background: #294B6F; color: #C1CCB4;}
     .meni-menu a{color: #C1CCB4; font-size: 11px;}
     .main-container{ margin: 0px; padding: 0px;}
     .design-container{
/*         background: #294660; 
         background: #1F3C65; 
        background: #19295A; */
        background: #053552; 
         height:200px;
  width: 100%; 
  display: table;
  margin: 0;
  padding: 0px;
  max-width: none; 
  height: 100vh;
  color: #fff;
     }  
     .mini-container{
  padding-top: 1%;}
     
     .lablabel{ display: block; font-weight: bold}
     .mtop{ margin-top: 3%;}
     .div-style{ display: block;}  
     .divcoloumn {
    position: relative;
    display: inline-block;
    width: 120px;
} 
.countdowntxttimer >.textcontin{ 
    width:100%; padding: 10px;display: block;
    line-height: 1;
}      
.alert{ display: none; width:60% }
.clocation a{ color: #fff; text-decoration: underline}
 #designcontainer{ 
  z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0;  
 }
  #designcontainer section{
     margin-top: 3%;
 }
                .ctitle{ color: #fff;}
                 
#countdowntimer #countdowninner{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 30px;
        background: #34495E;  
        padding: 4px 4px 10px 10px;
        line-height: 1;   
}

.countdowntimer > .tcontin{
	padding: 10px;
	border-radius: 3px; 
        height: 110px;
        width:200px;  
	display: inline-block; 
}

.countdowntimer .tcontin span{
	padding: 25px 5px;
	border-radius: 3px;
	background: #333;
	display: inline-block;
        font-size: 50px;
        width:100%;
        height:100%;
        line-height: 1;
} 

.countdowntimer  .tcontin .smalltext{
	padding: 5px;
	font-size: 26px;
}           
 .countdowntxttimer{ width:70%}
  
 #counter{ margin-top: 7%;} 
#countdowntimer .light span,#countdowntimer div span:hover {
  text-shadow: 0 0 10px #3498DB,
               0 0 20px #3498DB,
               0 0 30px #3498DB,
               0 0 40px #2980B9,
               0 0 70px #2980B9,
               0 0 80px #2980B9,
               0 0 100px #2980B9,
               0 0 150px #2980B9;
}
   #designfullscreen:hover{cursor: pointer; }
   #designfullscreen:hover .full-screen:before, #designfullscreen:hover.full-screen:after{ background: #eceff1}
.full-screen {
  vertical-align: middle;
  box-sizing: border-box;
  display: inline-block;
  border: .1em solid currentColor;
  width: 1em;
  height: 1em;
  position: relative;
  cursor: pointer;
      font-size:25px;
}
.full-screen:before, .full-screen:after {
  content: '';
  background: #fff;
  position: absolute;
}
.full-screen:before {
  width: .333em;
  height: 1em;
  left: .233em;
  top: -.1em;
}
.full-screen:after {
  width: 1em;
  height: .333em;
  top: .233em;
  left: -.1em;
}  
.top-bar {
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
.sidebar {
  position: relative;
  display: block;
  height: 100%;
  overflow-y: auto;
  overflow: hidden;
  width:100%;
  border: none; 
} 
.sidebar .sidebar-header {
  position: relative;
  height: 35px;
  margin-bottom: 8px; 
  background-color: #eceff1;
}   
.sidebar .sidebar-nav {
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-nav li {
  position: relative;
  list-style-type: none;
  padding: 0;margin: 0;
  color: #454545;
  width:100%;
  padding-left: 20px;
  height: 48px;
  line-height: 48px;
  font-weight: 500; 
  color: #454545;
}
.sidebar .sidebar-nav li a {
  position: relative;
  cursor: pointer; 
  display: block;
  text-decoration: none;
  padding: 0; 
  padding-left: -4px;
  text-decoration: none;
  clear: both; 
  color: #454545;
}  
.sidebar .sidebar-nav li:hover{
    
  background-color: #eceff1;
} 
.sidebar-default {
  background-color: #fff;
}    
 
#menuToggle
{
  display: block;
  position: relative;
  top: 50px;
  left: 50px; 
  z-index: 1;
  
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;  
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px; 
  cursor: pointer; 
  opacity: 0;
  z-index: 2; 
  -webkit-touch-callout: none;
}
 
#menuToggle .hamburge
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #2874F0;
  border-radius: 3px;
  
  z-index: 1;
  
  -webkit-transform-origin: 4px 0px;
  
          transform-origin: 4px 0px;
  
-moz-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
-ms-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
-o-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);

  transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease,
              -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menuToggle .hamburge:first-child
{
  -webkit-transform-origin: 0% 0%;
-moz-transition: 0% 0%;
-ms-transition: 0% 0%;
-o-transition: 0% 0%;
          transform-origin: 0% 0%;
}

#menuToggle .hamburge:nth-last-child(2)
{
  -webkit-transform-origin: 0% 100%;
-moz-transition: 0% 100%;
-ms-transition: 0% 100%;
-o-transition: 0% 100%;
          transform-origin: 0% 100%;
} 
#menuToggle input:checked ~ .hamburge
{
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(-2px, -1px);
-moz-transition: rotate(45deg) translate(-2px, -1px);
-ms-transition: rotate(45deg) translate(-2px, -1px);
-o-transition: rotate(45deg) translate(-2px, -1px);
          transform: rotate(45deg) translate(-2px, -1px);
  background: #2874F0;
} 
#menuToggle input:checked ~ .hamburge:nth-last-child(3)
{
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
-moz-transition: rotate(0deg) scale(0.2, 0.2);
-ms-transition: rotate(0deg) scale(0.2, 0.2);
-o-transition: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}
 
#menuToggle input:checked ~ .hamburge:nth-last-child(2)
{
  -webkit-transform: rotate(-45deg) translate(0, -1px);
-moz-transition: rotate(-45deg) translate(0, -1px);
-ms-transition: rotate(-45deg) translate(0, -1px);
-o-transition: rotate(-45deg) translate(0, -1px);
          transform: rotate(-45deg) translate(0, -1px);
}
 
#menuToggle input:checked ~ #sidebar-menu{
      height:340px;width:200px;
}
#sidebar-menu
{ height:0px;width:0px; 
    -webkit-transition: width .5s, height .5s;
-moz-transition: width .5s, height .5s;
-ms-transition: width .5s, height .5s;
-o-transition: width .5s, height .5s;
transition: width .5s, height .5s;
  position: absolute; 
  margin: -35px 0 0 -15px;   
  background: #ededed; 
  overflow: hidden; height:0px;width:0px;
} .globe{ 
font-size:20px !important; margin-left: -4px !important; 
}.edit{ 
font-size:30px !important; margin-left: -4px !important; 
}
 .plus{font-size:35px !important;}
 .counter #countdowntimer{ display: block; }
@media only screen and (max-width : 688px) {  
 .countdowntxttimer{ width:100%}
} 
 
  .box-share {
  position: absolute;
  z-index: 2;
  bottom: 0;
  background: #D4D7D8;
  width: 100%;
  height: 50px;
  overflow:hidden;
  transition: height 450ms;
  -moz-transition: height 450ms;
  -webkit-transition: height 450ms;
  color: #454545;
  }

    .box-share:hover {
    height: 100px;
    }

    .share-title {
    height: 50px;
    width: 100%;
    text-align: center;
    line-height: 3.2;
    }

    .share-items {
    width: 100%;
    height: 50px;
    margin-left: 1%;
    }

      .item {display: inline-block;height: 100%;width:20%;float:left;text-align: center;line-height:2.2;color: #454545;}
   
                .countdown ,.countdown span{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.countdown .item {
/*  display: flex;*/
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 150px;
  margin: 5px;
  padding: 5px;
  background-color: #1d7fa3;
  color: white;
  text-align: center;
  cursor: pointer ; 
/*  border-color: rgba(255, 255, 255, 0.5);
  border-width: 3px;
  border-style: solid;*/
}
.countdown .item:hover { 
  border: 5px solid #FFC733;
} 
.countdown .active { 
  border: 5px solid #FFC733;
} 
.item a{ color: #fff; text-decoration: none}
.item .nname{ font-size: 24px; width:100%; line-height: 2} 



.mpo-modal-open:checked ~ .mpo-modal-wrap {
  display: block;
}
.mpo-modal-open:checked ~ .mpo-modal-wrap:before,
.mpo-modal-open:checked ~ .mpo-modal-wrap .mpo-modal-overlay {
  display: block;
}
.mpo-modal-close {
  cursor: pointer;
  font-size: 35px;
  font-weight: bold;
  line-height: 20px;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
/* modal */
.noshow,.mpo-modal-wrap {
  display: none;
}
.mpo-modal-wrap:before {
  content: "";
  display: none;
 background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}  
.mpo-modal-body {
   position: absolute; 
   top: 20%;
  left: 18%;  
  height: auto;     
  width: 60%;
  z-index: 103; 
  clear: both; 
    background: #FEFEFE;   
    border-radius: 10px; 
    color: #444;
     border: 4px solid #52d29a; 
     padding: 20px 10px; 
}    #mpo-modal-body{
    width: 40%;
}
@media only screen and (max-width: 767px) {
  .mpo-modal-body {
    width: 100%;
    width: 100%; 
    top: 35%;
  left: 0;
  }   #mpo-modal-body{
    width: 100%;
}
  #menuToggle{ top: 28}
}         
.editlocation:hover{ cursor: pointer}
.cityname{ font-size:17px; font-weight: 300px}
      
   .autsearch{ 
    background: #3A5A77;
    color: #fff;
    border: 0px !important;
    font-size: 24px !important;
    flex: 1; 
    height: 45px !important;
    outline: none;
    padding-left: 12px !important;  
    border-radius: 5px; 
    width:96%;
} 
.autsearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.autsearch::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.autsearch:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.autsearch:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.city-search-box {
    margin-top: 3%;
    background: #1c2e48;
    border-radius: 10px;
    margin-bottom: 5px; 
    padding:24px 16px;
    width:auto; 
} 

.call-picker{border: 1px solid #AAA;
		color: #666;
		text-transform: uppercase;   
		outline: none;
	  padding: 10px;
	  text-transform: uppercase;
          width: 90px;
	  }

	.color-holder {
  	background: #021A29;
		cursor: pointer;
		border: 1px solid #AAA; 
		height: 36px; 
	}
	.color-picker {
		width: 150px;
		background: #F3F3F3;
		height: 81px;  
 		box-shadow: 0px 0px 3px 1px #DDD;  
                position: absolute;
                z-index: 211;
	}

	.color-picker .color-item {
		cursor: pointer;
		width: 10px;
		height: 10px;
		list-style-type: none;
		float: left;
		margin: 2px;
		border: 1px solid #DDD;
	}

	.color-picker .color-item:hover {
		border: 1px solid #666;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter:alpha(opacity=8);
	}
        .label:before{ top: 20px}
       
.qty {
    width: 60px;
    height: 35px;
    text-align: center;
}
input.qtyplus { width:25px; height:35px;}
input.qtyminus { width:25px; height:35px;}
     .labradio {
  display : block;
  margin-bottom : 5px;
}  


.animate { 
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  height: 100vh;
  width: 100%; 
  overflow: hidden
}

.animate .flake {
  -webkit-transform-origin: center;
          transform-origin: center; 
}
.animate .flake:after {
  content: ".";
  color: transparent;
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
}
.animate .flake:nth-child(0):after {
  box-shadow: 0px 0px 0px 14px #633974;
  left: 73vw;
  top: 70vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(1):after {
  box-shadow: 0px 0px 0px 11px #1F618D;
  left: 62vw;
  top: 20vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(2):after {
  box-shadow: 0px 0px 0px 12px #2874A6;
  left: 71vw;
  top: 95vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(3):after {
  box-shadow: 0px 0px 0px 12px #0E6655;
  left: 26vw;
  top: 36vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(4):after {
  box-shadow: 0px 0px 0px 11px #1D8348;
  left: 48vw;
  top: 23vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(5):after {
  box-shadow: 0px 0px 0px 12px #9A7D0A;
  left: 18vw;
  top: 43vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(6):after {
  box-shadow: 0px 0px 0px 14px #935116;
  left: 27vw;
  top: 19vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(7):after {
  box-shadow: 0px 0px 0px 11px #B9770E;
  left: 83vw;
  top: 51vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(8):after {
  box-shadow: 0px 0px 0px 13px #C0392B;
  left: 29vw;
  top: 83vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(9):after {
  box-shadow: 0px 0px 0px 13px #1B2631;
  left: 58vw;
  top: 37vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(10):after {
  box-shadow: 0px 0px 0px 12px #626567;
  left: 86vw;
  top: 65vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(11):after {
  box-shadow: 0px 0px 0px 11px #626567;
  left: 24vw;
  top: 7vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(12):after {
  box-shadow: 0px 0px 0px 11px #424949;
  left: 90vw;
  top: 90vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(13):after {
  box-shadow: 0px 0px 0px 14px #17202A;
  left: 92vw;
  top: 78vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(14):after {
  box-shadow: 0px 0px 0px 14px #641E16;
  left: 56vw;
  top: 9vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(15):after {
  box-shadow: 0px 0px 0px 13px #78281F;
  left: 76vw;
  top: 28vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(16):after {
  box-shadow: 0px 0px 0px 12px #512E5F;
  left: 14vw;
  top: 92vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(17):after {
  box-shadow: 0px 0px 0px 14px #4A235A;
  left: 35vw;
  top: 60vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(18):after {
  box-shadow: 0px 0px 0px 12px #154360;
  left: 25vw;
  top: 27vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(19):after {
  box-shadow: 0px 0px 0px 14px #1B4F72;
  left: 28vw;
  top: 41vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(20):after {
  box-shadow: 0px 0px 0px 12px #7D6608;
  left: 29vw;
  top: 28vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(21):after {
  box-shadow: 0px 0px 0px 14px #52BE80;
  left: 89vw;
  top: 13vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(22):after {
  box-shadow: 0px 0px 0px 14px #E67E22;
  left: 67vw;
  top: 60vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(23):after {
  box-shadow: 0px 0px 0px 11px #D35400;
  left: 78vw;
  top: 71vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(24):after {
  box-shadow: 0px 0px 0px 13px #3498DB;
  left: 83vw;
  top: 98vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(25):after {
  box-shadow: 0px 0px 0px 13px #27AE60;
  left: 98vw;
  top: 63vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(26):after {
  box-shadow: 0px 0px 0px 14px #5D6D7E;
  left: 100vw;
  top: 36vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(27):after {
  box-shadow: 0px 0px 0px 13px #E74C3C;
  left: 26vw;
  top: 51vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(28):after {
  box-shadow: 0px 0px 0px 13px #45B39D;
  left: 54vw;
  top: 96vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(29):after {
  box-shadow: 0px 0px 0px 14px #F4D03F;
  left: 74vw;
  top: 11vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(30):after {
  box-shadow: 0px 0px 0px 12px #58D68D;
  left: 85vw;
  top: 97vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(31):after {
  box-shadow: 0px 0px 0px 13px #239B56;
  left: 88vw;
  top: 75vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(32):after {
  box-shadow: 0px 0px 0px 11px #873600;
  left: 45vw;
  top: 6vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(33):after {
  box-shadow: 0px 0px 0px 12px #117A65;
  left: 69vw;
  top: 68vh;
  -webkit-animation: snow 3s 0s linear infinite;
          animation: snow 3s 0s linear infinite;
}
.animate .flake:nth-child(34):after {
  box-shadow: 0px 0px 0px 11px #1A5276;
  left: 38vw;
  top: 90vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(35):after {
  box-shadow: 0px 0px 0px 13px #6C3483;
  left: 53vw;
  top: 60vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(36):after {
  box-shadow: 0px 0px 0px 13px #633974;
  left: 12vw;
  top: 65vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(37):after {
  box-shadow: 0px 0px 0px 12px #C0392B;
  left: 34vw;
  top: 85vh;
  -webkit-animation: snow 5s 0s linear infinite;
          animation: snow 5s 0s linear infinite;
}
.animate .flake:nth-child(38):after {
  box-shadow: 0px 0px 0px 11px #F39C12;
  left: 15vw;
  top: 17vh;
  -webkit-animation: snow 2s 0s linear infinite;
          animation: snow 2s 0s linear infinite;
}
.animate .flake:nth-child(39):after {
  box-shadow: 0px 0px 0px 14px #34495E;
  left: 65vw;
  top: 81vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}
.animate .flake:nth-child(40):after {
  box-shadow: 0px 0px 0px 14px #BA4A00;
  left: 81vw;
  top: 36vh;
  -webkit-animation: snow 4s 0s linear infinite;
          animation: snow 4s 0s linear infinite;
}

@-webkit-keyframes snow {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -50vh;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    margin-top: 50vh;
    opacity: 0;
  }
}

@keyframes snow {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -50vh;
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    margin-top: 50vh;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px){
    #counter{
      padding: 0px 4%;  
    }
    .countdowntimer > .tcontin { 
    width: 33%; 
}
#menuToggle {
       top: 16px !important;
    margin-left: -30px;
}}
.animate, .design-container{
     height: 100% !important;   
}