.clear {clear: both;}
img {
	margin: 0px auto;
	padding:0px;
	width: 100%;
	border: 0px;
	outline: none;
	text-decoration:none;
	color:inherit;
	display:block;
}
a {
	margin: 0px auto;
	padding:0px;
	max-width: 100%;
	border: 0px;
	outline: none;
	text-decoration:none;
	color:inherit;
}
p {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}
h1 {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}

h2 {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}

h3 {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}

#order-form h1 {
	padding:1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:30px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:25px;
}
#order-form h2 {
	padding:1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:100;
	color:#FFF;
	text-decoration: none;
	line-height:25px;
}
#order-form p {
	padding:0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:22px;
	text-align:center;
}
/*#order-form a p:hover {color:#900; font-weight:bold;}*/

#canvases p {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}

.clickhere span:hover {color:#900;}
/************/
header {padding:0px 0px 0px 0px; margin:2% 0px 1% 0px}
.wrapper {padding:0px; margin:0px; width:100%; height:auto;}
.logo {padding:0px 0px 0px 0px; margin:0px auto; width:380px; height:auto; outline:none; display:block;}
nav {padding:0px 0px 0px 0px; margin:1% auto; width:100%; height:40px; background-color:#000;}
.navigation {padding:0px 0px 0px 0px; margin:0px auto; width:681px; height:40px; /*background-color:#666;*/}
.line {padding:0px; margin:1% auto; width:95%; height:1px; background-color:#000;}
.border {padding:1%; margin:1%; width:auto; height:auto; border:solid 1px #333333;}
/************/



/************/
.icon-div-1 {
	padding:0px 0px 0px 0px;
	margin:0px;
	width:210px;
	height:auto;
	/*background-color:#FF0;*/
}
.icon-div-2 {
	padding:0px 0px 0px 0px;
	margin:0px;
	width:80px;
	height:auto;
	float:right;
	clear:both;
	/*background-color:#FF0;*/
}
.shopping-bag {
	padding:0px 0px 0px 3px;
	margin:0px 10px 0px 0px;
	background-image:url(../images/add-to-cart.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:35px;
	height:30px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	display:block;
	text-align:center;
}

/************/




/************/
.button-1 {
	padding:8px 0px;
	margin:2% auto;
	width:200px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:22px;
	text-align:center;
	display:block;
	background-color: #111112;
	background-image: -moz-linear-gradient(#383a3a, #111112);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#383a3a), to(#111112));
	background-image: -webkit-linear-gradient(#383a3a, #111112);
	background-image: -o-linear-gradient(#383a3a, #111112);
	background-image: -ms-linear-gradient(#383a3a, #111112);
	background-image: linear-gradient(#383a3a, #111112);
}
.button-2 {
	padding:3px 0px;
	margin:1% auto;
	width:80px;
	height:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:22px;
	text-align:center;
	display:block;
	background-color: #000000;
}
.button-3 {
	padding:8px 0px;
	margin:2% auto;
	width:100%;
	height:auto;
	border:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:22px;
	text-align:center;
	display:block;
	background-color: #111112;
	background-image: -moz-linear-gradient(#383a3a, #111112);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#383a3a), to(#111112));
	background-image: -webkit-linear-gradient(#383a3a, #111112);
	background-image: -o-linear-gradient(#383a3a, #111112);
	background-image: -ms-linear-gradient(#383a3a, #111112);
	background-image: linear-gradient(#383a3a, #111112);
}
/************/





/************/
.phone {
	padding:0px 0px 0px 40px;
	margin:10% 0px 0px 0px;
	width:auto;
	height:35px;
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	line-height: 28px;
	outline: none;
	display: block;

}
.mail {
	padding:0px 0px 0px 40px;
	margin:1% 0px 0px 0px;
	width:auto;
	height:35px;
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	line-height: 28px;
	outline: none;
	display: block;

}
.my-account {
	padding:0px 0px 0px 40px;
	margin:1% 0px 0px 0px;
	width:auto;
	height:35px;
	background-image:url(../images/my-account.png);
	background-repeat:no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	line-height: 28px;
	outline: none;
	display: block;
}
.add-to-cart {
	padding:0px 0px 0px 40px;
	margin:1% 0px 0px 0px;
	width:auto;
	height:35px;
	background-image:url(../images/add-to-cart.png);
	background-repeat:no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	line-height: 28px;
	outline: none;
	display: block;
}

.facebook {
	padding:0px 0px 0px 35px;
	margin:0px 0px 5px 0px;
	background-image:url(../images/facebook.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
	display:block;
}
.twitter {
	padding:0px 0px 0px 35px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
	display:block;
}
.rss {
	padding:0px 0px 0px 35px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/rss.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
	display:block;
}

.home {
	padding:0px 0px 0px 35px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
	display:block;
}
.call {
	padding:0px 0px 0px 35px;
	margin:15px 0px 5px 0px;
	background-image:url(../images/call.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color: #FFFFFF;
	text-decoration: none;
	line-height:22px;
	display:block;
}

.halbarton-icon {
    background-image: url("../images/services-icon.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #000;
    color: #000000;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 100;
    height: auto;
    line-height: 22px;
    margin: 2%;
    padding: 5px 30px 5px 30px;
    text-decoration: none;
    width: auto;
}
.box-shadow {
-moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
box-shadow: 0 0 10px #888;
}

.box_top{
	width:100%;
	float:left;
	height:0;}

.box_top1{
	position:relative;
	width:100px;
	background:url(../images/pic_top.jpg) no-repeat top left;
	height:100px;
	right:0;
	float:right;
	border-radius:0 0 0 15px;
	z-index:9;}

.box_top1 p{
	color:#fff;
	font-family: "Open Sans",sans-serif;
	font-size:14px;
	margin:5px 0 0 0;
	padding:3px;
	font-weight:bold;
	line-height:18px;}
	
.box_top2{
	position:relative;
	width:200px;
	background:url(../images/pic_top2.jpg) no-repeat top left;
	height:100px;
	right:0;
	float:right;
	border-radius:0 0 0 15px;
	z-index:9;}

.box_top2 p {
  box-sizing: border-box;
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 29px;
  margin: 16px 0 0;
  padding: 0 10px;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
	
/************/

.noosa_total{
	width:100%;
	float:left;
	margin:0;
	padding:0;}

.noosa_pic{
	width:33%;
	float:left;
	margin:0;
	padding:20px 1%;
	text-align:left;}
	
.noosa_pic img{
	padding:5px;
	border:#ddd 1px solid;
	max-width:400px;
	width:100%;
	vertical-align:top;
	float:left;}
	
@media only screen and (min-width :150px ) and (max-width :767px){

.noosa_pic{
	width:100%;
	float:left;
	margin:0;
	padding:20px 0%;
	text-align:left;}

.noosa_pic img{
	padding:5px;
	border:#ddd 1px solid;
	max-width:400px;
	width:100%;
	vertical-align:top;
	float:none;}

}
	
	
.noosa2{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	padding:0;}
	
.noosa2 h1 {
  color: #000000;
  font-family: "Open Sans",sans-serif;
  font-size: 30px;
  font-weight: 100;
  line-height: 25px;
  margin: 0;
  padding: 1% 0;
  text-decoration: none;
  text-align:center;
}

.noosa2 p {
  color: #000000;
  font-family: "Open Sans",sans-serif;
  font-size: 15px;
  font-weight: 100;
  line-height: 25px;
  margin: 0;
  padding: 1% 0;
  text-decoration: none;
  text-align: center;
}
	

.noosa2_pic{
	width:100%;
	float:left;
	margin:0;
	padding:20px 0;
	text-align:left;}
	
.noosa2_pic img{
	padding:5px;
	border:#ddd 1px solid;
	max-width:600px;
	width:100%;
	vertical-align:top;}
	
.noosa2_more{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;}
	
.noosa2_more a {
  background-color: #000000;
  border: 0 none;
  color: #fff;
  display: inline-block;
  float: none;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 8px 50px;
  text-align: center;
  text-decoration: none;
  transition: all 1s ease-in-out 0s;
  width: auto;
}


/*=============================*/

.jim_total{
	width:100%;
	float:left;
	margin:20px 0 0;
	padding:0;}
	
.jim_1{
	width:100%;
	float:left;
	margin:0px 0 0;
	padding:0;}
	
.jim_1 ul{
	margin:0;
	padding:0 0 20px 40px;
	box-sizing:border-box;}

.jim_1 ul li{
	list-style-type: square;
	line-height:26px;}
	
.jim_1 ul li a{
	color:#000;
	transition: all 0.3s linear;
	font-weight:bold;}

.jim_1 ul li a:hover{
	color:#666;}

.jim_pic{
	float:left;
	margin:0 0 20px;}
	
.jim_pic img{
	padding:5px;
	border:#ddd 1px solid;
	max-width:800px;
	width:100%;
	vertical-align:top;
	float:left;
	box-sizing:border-box;}
	



/************/
.Successfully {
	padding:0px 0px 0px 30px;
	margin:0px auto;
	background-image:url(../images/Successfully.png);
	background-repeat:no-repeat;
	color:#009933;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight:bold;
	text-decoration: none;
}
.contact_text_1 { 
display: block;
font-family: "Open Sans",sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
font-size:14px;
padding:1%;
width: 98%;
color: #777;
outline:none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

.contact_text_1:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

.contact_text_2 { 
 	border: none;
  	outline: none;
  	-webkit-appearance: none;
  	width:100%;
  	border-bottom: 1px solid #000;
  	height: 35px;
  	background: none;
  	font-family: "Open Sans",sans-serif;
  	color: #000;
  	padding: 0 12px;
	margin:2% 1% 1% 1%;
  	font-size: 14px;
}
.submit {
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	width:100px;
	display:block;
	float:left;
	background-color:#000000;
	font-family: "Open Sans",sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:22px;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
    opacity:1.0;
	 -moz-box-shadow:none;
    -webkit-box-shadow:none;
	border:0px;
}
/************/




/************/
.div-a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	min-height:200px;
	background-color:#CCC;
}

.container-div {
	padding:0px 0px 0px 0px;
	margin:3% auto;
	width:100%;
	min-height:300px;
	/*background-color:#999;*/
}

.div-1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	text-align:center;
}

.div-2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	/*background-color:#FF6;*/
}

.div-3 {
	padding:0px 0px 0px 0px;
	margin:0px auto;
	width:90%;
	height:auto;
	/*background-color:#FF6;*/
}

.div-4 {
	padding:1%;
	margin:0px auto;
	width:100%;
	height:auto;
	border:solid 1px #000;
}

.div-5 {
	padding:1%;
	margin:0px auto;
	width:100%;
	height:auto;
	border:solid 1px #000;
}
.div-6 {
	padding:1%;
	margin:1%;
	width:22%;
	height:auto;
	border:solid 1px #000;
	display:inline-block;
}

.div-7 {
    color: #000000;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 100;
    height: auto;
    line-height: 22px;
    margin:1%;
    padding:0px;
    text-decoration: none;
    width:17%;
}

.div-8 {
    color: #000000;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 100;
    height: auto;
    line-height: 22px;
    margin:2%;
    padding:0px;
    text-decoration: none;
    width:35%;
}

.div-9 {
	padding:2%;
	margin:1% auto;
	width:350px;
	height:auto;
	background-image:url(../images/image-3.jpg);
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px#888;
	box-shadow: 0 0 10px #888;
}
.div-9 p {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:30px;
	text-align:center;
}

.div-10 {
	padding:0px 0px 0px 0px;
	margin:0.1%;
	width:33%;
	height:auto;
	float:left;
	border:solid 1px #000000; 
}

.div-11 {
	padding:2% 1% 2% 1%;
	margin:0px 0px 0px 0px;
	width:auto;
	height:auto;
	background-color:#000;
}
.div-12 {
	padding:1% 1% 1% 1%;
	margin:0px 0px 0px 0px;
	width:auto;
	height:80px;
}
.div-13 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	height:auto;
	background-color:#000; 
}

.div-14 {
	padding:2.7% 2%;
	margin:0px 0px 0px 0px;
	width:25%;
	height:auto;
	float:left;
	border:solid 1px #FFFFFF; 
}
.div-15 {
	padding:2.1% 1%;
	margin:0px 0px 0px 0px;
	width:75%;
	height:auto;
	float:left;
	border:solid 1px #FFFFFF; 
}

.div-16 {padding:1%; margin:0px auto; width:680px; height:auto;}

.div-17{
 width:100%;
 float:left;
 margin:0;
 padding:0;}
 
.div-17 img{
 max-width:1133px;
 width:100%;
 vertical-align:top;}
/************/




/************/
footer { margin:1% 0px 0px 0px; padding:3% 0px 1% 0px; background-image:url(../images/image-1.jpg);}
footer p {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:25px;
	text-align:justify;
}
footer h1 {
	padding: 1% 0px 1% 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:100;
	color:#FFFFFF;
	text-decoration: none;
	line-height:25px;
}
.footer-icon-1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	text-align:justify;
	line-height:25px;
	display:block;
	-webkit-transition: all 1s ease-in-out; 
	-moz-transition: all 1s ease-in-out;
	 -o-transition: all 1s ease-in-out; 
	 -ms-transition: all 1s ease-in-out; 
	 transition: all 1s ease-in-out;
	outline:none;
}
.footer-icon-1:hover {
	-webkit-transform: translate(2em,0);
	-moz-transform:translate(2em,0); 
	-o-transform: translate(3em,0); 
	-ms-transform: translate(3em,0); 
	transform: translate(2em,0);
	}
/************/



/************/
.cart {padding:0px; margin:0px auto; width:60%; height:auto; font-family: 'Open Sans', sans-serif;}
.item-list h1 {
	padding: 1%;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	text-decoration: none;
	line-height:25px;
}
.item-list p {
	padding: 1%;
	margin: 0px 0px 0px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:100;
	color:#000000;
	text-decoration: none;
	line-height:22px;
}
.item-list::after, .item__interactions::after, .summary::after {content: ""; display: table; clear: both;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul {margin:0px; padding:0px; list-style: none;}
.item, .modal, .steps, .checkout {background-color: #fff; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);}
.item-list {width:100%; margin:2% auto; /*background-color:#036;*/}
@media (min-width: 40em) {
.item-list { width:100;}
}
.item__image { padding:5%; margin:1% auto; border-bottom: 1px solid #CCC; vertical-align: middle;}
.item__image img {display: block; width:70%; height: auto; margin: 0 auto; border-radius: 5px;}
.item__image img:hover, .item__image img:focus {
  -webkit-animation: tilt 0.25s ease-in-out;
  -moz-animation: tilt 0.25s ease-in-out;
  -ms-animation: tilt 0.25s ease-in-out;
  animation: tilt 0.25s ease-in-out;
}
@media (min-width: 40em) {
.item__image {display: table-cell; width: 7em; padding: 0; border-right: 1px solid #CCC; border-bottom: 0;}
}

@media (min-width: 40em) {
.item__body {
	display: table-cell;
    width: 23em;
    padding: 0.75em 1em;
    border-right: 1px solid rgba(221, 221, 221, 0.35);
  }
}
.item__body {padding:2%;}
.item__price {padding:3%; color: #990000; font-weight: bold; text-align:center; font-size:16px;}

@media (min-width: 40em) {
.item__price {
    display: table-cell;
    width: 5em;
    padding: 0;
    text-align: center;
    background-color: #fcfcfc;
  }
}

.item__interactions {display: block; width: 100%; padding:0px 1%; color: #666; border-top: 1px solid #CCC;}
.item__interactions span {margin-left: 0.5em;}
.item__interactions a {
	display: inline-block; 
	width:30px; 
	padding:0px;
	margin:1%; 
	background-color: #eaeaea; 
	text-align:center; 
	cursor: pointer;
	color:#000;
	text-decoration:none;
	font-size:14px;
}
/*.item__interactions a.decrease--disabled {opacity: 0.5; cursor: default;}*/
.item__interactions a:not([class*="decrease--disabled"]):focus, .item__interactions a:not([class*="decrease--disabled"]):hover {
  background-color: #efefef;
 }
.item__interactions a:not([class*="decrease--disabled"]):active {background-color: #e5e5e5;}

@media (min-width: 40em) {
.item__interactions {padding:0px;}
}
.item__quantity {margin:0px; float: left;}
.item__remove {float: right;}
.summary {width: 100%; margin: 0 auto;}
@media (min-width: 40em) {
.summary {margin:0px auto; width:100%;}
}
.steps, .checkout {margin:0px auto; width:100%;}
.steps li, .checkout li {padding:2% 3%; border-bottom: 1px solid #CCC;}
.steps li:last-child, .checkout li:last-child {border-bottom: 0;}
@media (min-width: 40em) {
.steps, .checkout {float: left; width:100%;}
}
.steps {margin-bottom:1%;}
@media (min-width: 40em) {
.steps {margin-right:1%; margin-bottom: 0;}
}
.sum {float: right;}


@-webkit-keyframes tilt {
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@-moz-keyframes tilt {
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@-ms-keyframes tilt {
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@keyframes tilt {
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
/************/





/************/
@media only screen and (min-width :150px ) and (max-width :480px){
.icon-div-1 {padding:0px 0px 0px 0px; margin:1% auto;}
.icon-div-2 {padding:0px 0px 0px 0px; margin:1% auto; float:none; clear:none;}
.phone {margin:0px;}
.mail {margin:0px;}
.my-account {margin:0px;}
.add-to-cart {margin:0px;}
.navigation {width:100%;}
.div-6 {padding:3%; margin:3%; width:90%;}
.div-7 {width:90%;}
.div-9 {padding:1%; margin:3% auto; width:90%;}
.div-10 {width:100%; float:left;}
.div-11 {width:50%; height:100px; float:left;}
.div-12 {width:50%; height:100px; float:left;}
.div-14 {margin:0px auto; width:100%; float:none;}
.div-15 {margin:0px auto; width:100%; float:none;}
.div-16 {padding:1%; margin:0px auto; width:90%; height:auto;}

.cart {margin:10% auto; width:100%;}
.item-list h1 {font-size:16px; font-weight:bold;}
.item-list p {font-size:12px; line-height:20px;}

#order-form h1 {font-size:20px; font-weight:bold;}
#order-form h2 {font-size:16px; font-weight:bold;}
#order-form p {font-size:13px; line-height:20px; font-weight:bold;}
}

@media only screen and (min-width :481px ) and (max-width :767px){
.div-1 {text-align:center;}
.icon-div-1 {padding:0px 0px 0px 0px; margin:1% auto; display:inline-block;}
.icon-div-2 {padding:0px 0px 0px 0px; margin:1% auto; display:inline-block; float:none; clear:none;}
.phone {margin:0px;}
.mail {margin:0px;}
.my-account {margin:0px;}
.add-to-cart {margin:0px;}
.navigation {width:100%;}
.div-6 {padding:2%; margin:2%; width:45%;}
.div-7 {width:45%;}
.div-10 {width:100%; float:left;}
.div-11 {width:50%; height:100px; float:left;}
.div-12 {width:50%; height:100px; float:left;}
.div-14 {margin:0px auto; width:100%; float:none;}
.div-15 {margin:0px auto; width:100%; float:none;}
.div-16 {padding:1%; margin:0px auto; width:90%; height:auto;}

.cart {margin:10% auto; width:100%;}
.item-list h1 {font-size:20px; font-weight:bold;}
.item-list p {font-size:13px; line-height:20px;}

#order-form h1 {font-size:20px; font-weight:bold;}
#order-form h2 {font-size:16px; font-weight:bold;}
#order-form p {font-size:13px; line-height:20px; font-weight:bold;}
}

@media only screen and (min-width :768px ) and (max-width :1232px){
.div-6 {padding:2%; margin:2%; width:45%;}
.div-7 {width:30%;}
}
/************/