@charset "UTF-8";
/* CSS Document */

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, button{
  font-family: 'Helvetica Neue', arial, sans-serif;
}

.wrapper {
	width: 100%;
	height: 100%; 
 }

#headwrap {
	width: 980px; 
	height: 167px; 
	margin:  0 auto;
}

#left {
	float:left;
	height: 100%;
}

#right {
	float:right;
	height: 100%;
}

.back {
max-width: 100%;
padding-top: 50%;
}	

.controls{
  padding: 2%;
  background: #333;
  color: #eee;
}

label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}

button{
  display: inline-block;
  padding: .4em .8em;
  background: #666;
  border: 0;
  color: #ddd;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 4px;
}

button.active{
  background: #68b8c4;
}

button:focus{
  outline: 0 none;
}

button + label{
  margin-left: 1em;
}

.container{
  padding: 2% 2% 2%;
  text-align: left;
  font-size: 0.1px;
  background: #EEEEEE;
  
  -webkit-backface-visibility: hidden;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .mix{
  text-align: center;
  background: #D2D2D2;
  border-radius: 15px;
  width: 175px;
  height: 313px;
  margin-bottom: 2%;
  margin: 5px 5px;
  font-size: 15px;
  vertical-align: bottom;
  padding-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
  font-family: 'Open Sans', sans-serif;
  display: none;
}


.container .mix:after{
  
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
}

.container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
}


/* unvisited link */
a:link {
    color: #000000;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #0040F7;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #FB0000;
	text-decoration: none;
}

/* selected link */
a:active {
    color: #0000FF;
	text-decoration: none;
}




 
/*       *************  Footer  *************       */

#bottom{ 
  padding: 0px 0; 

  margin: 10px 0 50px 0;
  font-size: 11px;
  clear: both; 
  overflow: hidden;
  height: 1%;
 
  }

#footer-left{ 
  width: 700px;
  float: left;
  }
#footer-right{
  width: 200px;
  float: right;
  }

#bottom ul{
  list-style: none;
  } 
  
#bottom li{
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  }
  
#bottom a{ color: {{ settings.footer_link_colour }};}
#bottom a:hover{ color: {{ settings.footer_link_hover_colour }};}
#bottom p{ line-height: 1.5em }
  
#footer-nav{
  margin: 14px 0 0 0; 
  }
#footer-nav li{
  border-left: solid 1px;
  }
  
#footer-nav li:first-child{
  border-left: none;
  margin: 0;
  padding: 0;
  }

#bottom #sm-icons{
  float: right;
  margin: 0;
  }
#sm-icons li{ 
  margin: 0 0 0 10px; 
  padding: 0;
  }
#sm-icons a{ 
  width: 36px;
  height: 37px;
  background-image: url({{ 'social-media.png' | asset_url }});
  display: block;
  }



#footer-payment-methods{
  clear: both;
  border-top: solid 1px #D7D7D7;
  padding: 15px 0 0 0;
  text-align: center;
  }
#footer-payment-methods p{
  margin: 0 0 5px 0;
  text-transform: uppercase;
  }


/*       *************  Verify Pop Up  *************       */

.popup{
position:fixed;
width:100%;
height:100%;
left:0px;
right:0px;
top: 0px;
bottom:0px;
background-color:rgba(3,3,3,0.8);
}
 
.popupWindow{
background-color:white;
margin:0px auto;
width:40%;
min-width:400px;
min-height:300px;
margin-top:12%;
text-align: center;
-moz-border-radius: 50px 50px / 50px 50px;
border-radius: 50px 50px / 50px 50px;
box-shadow: 10px 10px 5px #000;
}
 
.popup_txt{
font-size:26px;
font-weight:bold;
margin:10px;
padding-top:100px;
color: red;
}
 
.popup_img{
maring:10px;
}
 
.popup_img_yes,.popup_img_no{
margin:20px;
}

.cover{
	width:171px;
	margin-top:5px
	
}