h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{
	font-family: 'OpenSansRegular';
	font-style: normal;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.fett {
	font-weight: bold;
}

.leerzeile {
	height: 40px;
}

.rot {
	color: #c3222d;
}

.cart1{
	vertical-align: middle;
	display: inline-block;
	position:relative;
}
a.cart-in{
	width: 23px;
	height: 20px;
	background: url(../images/cart.png)no-repeat 0px 0px;
	display:block;
	text-decoration:none;
}
.cart1 span{
	background: #f8390d;
  border-radius: 100px;
  color: #fff;
  font-size: 0.7em;
  width: 20px;
  height: 20px;
  display: block;
  top: -5px;
  right: -8px;
  position: absolute;
  text-align: center;
  border: 1px solid #E73737;
  padding: 2px 0 0;
}
.icon1 li {
  float: left;
  position: relative;
}
/*----*/
/* start icon styles */
.sub-icon1 h3{
	font-size:1.3em;
	padding:0 0 0.5em;
	color:#13C6F2;
}
.icon1:before,.icon1:after {
	content: "";
	display: table;
}
.icon1:after {
	clear: both;
}
ul.icon1{
	float:right;
	zoom: 1;
	list-style: none;
	padding: 0;
	margin-left:0;
}
.icon1 li {
	float: left;
	position: relative;
	display: inline-block;
}
.icon1 li:last-child{
	border-right:none;
}
.icon1 li:hover > a {
	color: #fafafa;
}
*html .icon1 li a:hover { /* IE6 only */
	color: #fafafa;
}
.icon1 ul {
	width:250px;
	margin: 20px 0 0 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top:38px;
	z-index: 1;
	right: -100px;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding:1em 1.5em;
	 box-shadow: 2px 3px 19px 1px rgba(42, 57, 70, 1);
}
.icon1 li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	z-index: 9999;
}
.icon1 ul ul {
	top: 6px;
	left: 158px;
	margin: 0 0 0 20px;
}
.icon1 ul li {
	/*--float: none;--*/
	display: block;
	border: 0;
}
.icon1 ul li:first-child{
	border-top:none;
}
.icon1 ul li:first-child a{
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
}
.icon1 ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}
.icon1 ul a {    
	_height: 10px; /*IE6 only*/
	white-space: nowrap;
	float: none;
	text-transform: none;
}
.active-icon{
	display: block;
}
.icon1 ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 45%;
	top: -30px;
	border-left: 10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #f0f0f0;
}
.icon1 ul ul li:first-child a:after {
	left: -100px;
	top: 0%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom:20px solid transparent;
	border-top: 20px solid transparent;
	border-right:20px solid #323757;
}
/* Mobile */
.icon1-trigger {
	display: none;
}
.sub-icon1 img{
	border:none;
	display:inline-block;
	vertical-align:middle;
}
.cart_box{
	margin-bottom:1em;
	border-bottom:1px solid #E0E0E0;
	margin-bottom:10px;
	padding-bottom:10px;
}
.list_img{
	float:left;
	width:20%;
	border:1px solid #e0e0e0;
	margin-right:6%;
}
.list_desc {
  float: left;
  width: 50%;
  color: #13c6f1;
}
.list_desc h4 a{
	color:#000 !important;
	font-size:12px !important;
	text-decoration:none;
	font-weight:400;
	text-transform:uppercase;
	padding: 1em 0 !important;
}
span.actual{
	color:#92d3d0;
	font-size:13px;
	font-weight:600;
}
.list_desc h4 a:hover{
	color: #f54d56;
}
.total {
  padding: 4px 10px;
  background: rgba(71, 182, 209, 0.58);
  margin: 0.6em 0;
}
.cart_box, .cart_box1{
	position:relative;
}
.alert-close {
  background:#13c6f1 url('../images/close.png') no-repeat 6px 6px;
  cursor: pointer;
  height: 22px;
  width: 22px;
  position: absolute;
  right:-12px;
  top:5px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.alert-close1 {
  background:#13c6f1 url('../images/close.png') no-repeat 6px 6px;
  cursor: pointer;
  height: 22px;
  width: 22px;
  position: absolute;
  right:-12px;
  top:5px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.total_left {
  float: left;
  color: #555;
}
.total_right {
  float: right;
  font-size: 1em;
  color: #f26d20;
  font-weight: 600;
}
.check_button{
	text-align:center;
}
.check_button a {
  color: #fff;
  font-size: 0.8125em !important;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  padding: 5px 10px !important;
  display: inline-block;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: #13c6f1;
  margin: 10px auto 0;
  width: 36%;
}
.check_button a:hover{
	background:#fb5e33;
	color:#fff !important;
}

/*
.header {
  background: #7AB51D;
  position: relative;
  height:34px;
}
*/
.header-right {
  float: right;
}
.hea-rig li a {
  display: inline-block;
  margin: 0 0.5em;
  color: #fff;
}
.hea-rig {
  float: left;
  padding: 0.75em 0;
  color: #fff;
  margin-right: 1em;
}
.hea-rig li a {
  color: #ffffff;
  font-size: 1.2em;
    text-decoration: none;
}
.head-nav{
	float:right;
}
.head-nav ul{
	margin:0;
	padding:0;
}
.head-nav ul li{
	display:inline-block; 
float:left;	
}
.head-nav ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 400;
  display: block;
  padding: 0.8em 1em;
  text-transform: uppercase;
}
.head-nav ul li a:hover,.head-nav ul li.active a{
	 background: #12afa7 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    height: 38px;
    padding: 8px;
    position: absolute;
    right: -160px;
	top:0;
}
.logo {
  float: left;
  padding: 0.45em 0;
  background-image: url('/images/logo_kopf.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.logo a {
	display: block;
}
.header-bottom{
background:#12AFA7;
padding:1em 0;
border-top:3px solid #fff;
}
.search2 li {
  display: inline-block;
  vertical-align: middle;
  float: left;
  width:100%;
   background: #6dc2c0 none repeat scroll 0 0;
}
.search2 {
width:100%;
}
.search2 {
  
}
.col-sm-6.pad {
    margin-top: 10px;
    margin-bottom: 15px;
}
.search2 input[type="text"] {
  outline: none;
  color: #fff;
  background: none;
  font-size: 1em;
  border: none;
  
  
  width: 92.33%;
  text-align: right;
  padding: 0.45em 1.5em;
  vertical-align: middle; 
  
    margin: 0;
    width: 96%;
	height:36px;
	opacity:1;
    
	
  
}
.marn {
    color: #fff;
    
}
.font-aw {
    float: left;
    margin-top: -4px;
    width: 4%;
}
.font-aw i {
    color: #fff;
    margin-left: 14px;
    margin-top: 14px;
}
.list li {
  
    list-style: outside none none;
	 float: left;
}
.search2 input[type="submit"] {
  background: #13c6f1;
  padding: 4px 17px;
  border: none;
  cursor: pointer;
  position: absolute;
  outline: none;
  font-size: 1.2em;
  border-radius: 0px 18px 18px 0px;
  color:#fff;
}
.section_room1 select {
  width: 100%;
  color: #676769;
  font-size: 1em;
  font-weight: 500;
  padding: 7px 14px;
  outline: none;
  background: #f7f7f7;
  border: none;
  cursor: pointer;
}
.banner {
  background: url(../images/banner.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height:564px;
}
.banner-info h2 {
  color: #fff;
  font-size: 3em;
  margin: 0;
  font-weight: 700;
}
.banner-info p {
  color: #fff;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.8em;
  margin: 1em 0;
}
.banner-info {
  padding: 11.5em 0 0;
  width: 48%;
}
.banner h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 300;
  text-align: center;
  background: rgba(252, 228, 228, 0.43);
  padding: 0.5em 0;
}
i.ima {
  width: 116px;
  height: 116px;
  background: url(../images/img-sprite.png)no-repeat -7px -8px;
  display: inline-block;
  vertical-align: middle;
}
i.ban {
  width: 116px;
  height: 116px;
  background: url(../images/img-sprite.png)no-repeat -132px -8px;
  display: inline-block;
  vertical-align: middle;
}
i.art {
  width: 116px;
  height: 116px;
  background: url(../images/img-sprite.png)no-repeat -258px -8px;
  display: inline-block;
  vertical-align: middle;
}
.millons {
  background: url(../images/mid-banner.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 400px;
  text-align: center;
  padding: 3em 0;
}
.millons h4 {
  color: #fff;
  font-size: 1.7em;
  margin: 0.5em 0;
  font-weight: 500;
}
.millons p {
  font-size: 1.1em;
  margin: 1em 0;
  line-height: 1.8em;
  font-weight: 400;
  color:#fff;
}
.socc {
  background: url(../images/foot-banner.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 299px;
  text-align: center;
  padding: 3em 0;
}
.socc h4 {
  color: #fff;
  font-size: 1.7em;
  margin: 1em 0 0;
  font-weight: 500;
}
.socc img {
  border: 5px solid #fff;
  border-radius: 0.4em;
}
.become {
  background: url(../images/mid-banner1.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 349px;
  text-align: center;
  padding: 3em 0;
  border-top: 2px solid #e6dec1;
  border-bottom: 2px solid #e6dec1;
}
.become h4 {
  color: #584915;
  font-size: 2em;
  padding: 0.5em;
  margin: 0 auto;
  font-weight: 600;
  border-bottom: 2px dashed #584915;
  width: 72%;
}
.become p {
  color: #736841;
  font-size: 1.2em;
  margin: 1em auto;
  line-height: 1.8em;
  width: 69%;
}


a.more {
  text-decoration: none;
  font-size: 1.3em;
  color: #fefefe;
  padding: 0.3em 1.2em 0.3em;
background: rgb(240,179,74); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,179,74,1) 0%, rgba(235,152,58,1) 41%, rgba(235,151,58,1) 51%, rgba(233,144,54,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,179,74,1)), color-stop(41%,rgba(235,152,58,1)), color-stop(51%,rgba(235,151,58,1)), color-stop(100%,rgba(233,144,54,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,179,74,1) 0%,rgba(235,152,58,1) 41%,rgba(235,151,58,1) 51%,rgba(233,144,54,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,179,74,1) 0%,rgba(235,152,58,1) 41%,rgba(235,151,58,1) 51%,rgba(233,144,54,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,179,74,1) 0%,rgba(235,152,58,1) 41%,rgba(235,151,58,1) 51%,rgba(233,144,54,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,179,74,1) 0%,rgba(235,152,58,1) 41%,rgba(235,151,58,1) 51%,rgba(233,144,54,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b34a', endColorstr='#e99036',GradientType=0 ); /* IE6-9 */
  display: inline-block;
  font-weight: 400;
  border-radius: 1em;
  box-shadow: 0px -2px 1px 0px #584915;
   transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a.more:hover{
	background:#f1b64c;
}
.become h6 a {
  color: #584915;
  font-size: 1.7em;
  text-decoration: underline;
}
.become h6 a:hover{
	color:#13c6f1;
}
.become h6{
margin:1em 0 0;
}
.youre {
  background: url(../images/b-banner.jpg) no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 188px;
  text-align: center;
  padding: 3em 0;
}
.you-top li {
  display: inline-block;
  margin: 0 1.5em;
}
.you-top {
  margin: 4em 0 0;
}
.youre h5 {
  color: #646464;
  font-size: 1.3em;
  background: #eaeaea;
  padding: 0.5em 1.5em;
  border-radius: 1em;
  margin: 0 auto;
  width: 22%;
}

.footer {
  font-size: 1.00em;
  color: #fff;
  background:#575756;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  min-height: 188px;
  text-align: center;
  padding: 1em 0;
}
.footer li a span {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(../images/arrow.png) no-repeat 0px 0px;
  margin-right: 0.4em;
}
.footer li a {
  color: #fff;
  padding: 0.5em 0;
  text-decoration: none;
  font-size: 0.85em;
  line-height: 2em;
}
.footer li a:hover{
	color:#bbb;
}
.footer li{
text-align:left;
display:block;
}
.footer ul{
padding:0;
}
.footer h3 {
  color: #fff;
  font-size: 1.0em;
  font-weight: 500;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 0.7em;
}
.section_room {
  text-align: left;
}
.section_room select {
  width: 74%;
  color: #676769;
  font-size: 1em;
  font-weight: 500;
  padding: 7px;
  outline: none;
  background: #252629;
  border: 1px solid #181a1c;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
}
.cont-1 input[type="text"] {
  display: block;
  width: 100%;
  padding: 0.4em 1em;
  outline: none;
  font-size: 1em;
  font-weight: 300;
  color: #fff;
  background: #919190;
  border: none;
  margin-bottom:1.5em;
 
 
}
.cont-1 input[type="submit"] {
  font-size: 1em;
  font-weight: 400;
  color: #283132;
  background: #48c4d3;
  text-transform: uppercase;
  padding: 0.2em 1em;
  border-radius: 0.8em;
  border: none;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-apperance: none;
  outline: none;
}
.cont-1 input[type="submit"]:hover{
	background:#F26D20;
}
.cont-1 textarea {
  resize: none;
  width: 100%;
  margin: 0 auto;
   font-size: 1em;
  font-weight: 300;
  color: #676769;
  background: rgba(53, 52, 52, 0.58);
  outline: none;
  padding: 0.4em 1em;
  border: none;
  min-height: 4em;
  -webkit-appearance: none;
  letter-spacing: 1px;
  border-radius: 0.8em;
    border: 1px solid #1E1E1E;
}
.smt {
  text-align: right;
}
.section_room {
  text-align: left;
  margin-bottom: 2em;
}
.footer-bottom p {
  color: #6A7076;
  font-size: 1em;
  margin: 0.4em 0;
  line-height: 1.8em;
  float: left;
  font-weight: 400;
}
.footer-bottom a{
 color: #6A7076;
 text-decoration:none;
}
.footer-bottom a:hover{
	 color: #89daf2;
}
.footer-bottom {
  background: #1f2123;
  padding: 1em 0;
  border-top: 2px solid #000;
}
.social li {
  display: inline-block;
  margin: 0 0.2em;
}
i.fb {
  width: 32px;
  height: 32px;
  background: url(../images/img-sprite.png)no-repeat -29px -136px;
  float: left;
  vertical-align: middle;
 
}
i.fb:hover{
  background: url(../images/img-sprite.png)no-repeat -29px -176px;
}
i.twt {
  width: 32px;
  height: 32px;
  background: url(../images/img-sprite.png)no-repeat -71px -136px;
  float: left;
  vertical-align: middle;
 
}
i.twt:hover{
  background: url(../images/img-sprite.png)no-repeat -72px -176px;
}
i.in {
  width: 32px;
  height: 32px;
  background: url(../images/img-sprite.png)no-repeat  -112px -136px;
  float: left;
  vertical-align: middle;
 
}
i.in:hover{
  background: url(../images/img-sprite.png)no-repeat -112px -176px;
}
.social {
  float: right;
}
.content_top {
  padding: 15px 20px;
  border: 1px solid #13c6f1;
  border-radius: 3px;
  background: #13c6f1;
}
.heading {
	float: left;
	margin-right: 10%;
}
.heading h3 {
  font-size: 1.6em;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.page-no {
	float: right;
	width: 21%;
}
.page-no p {
	float: left;
	font-size: 0.8125em;
	padding: 0.3em 0;
	color: #2A3946;	
}
.page-no ul {
	display: inline;
}
.page-no ul li {
  float: left;
  display: inline-block;
}
.page-no li a {
	font-size: 0.8125em;
	color:#2A3946;
	line-height: 1.6em;
	padding: 5px 5px;
}
.page-no li a:hover{
	color:#fff;
}
/*-- GRID OF FOUR -- */
.col_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: #313131;
	box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
}
.col_1_of_4:first-child { margin-left: 0; } 
	
.span_1_of_4 {
  width: 23.8%;
  padding: 1.5%;
}
.span_1_of_4  h3{
	color:#C94848;
	margin-bottom: .5em;
	font-size:1.5em;
	line-height: 1.2;
	font-weight : normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
.span_1_of_4  p {
	font-size:0.8125em;
	padding:0.5em 0;
	color: #333;
	line-height: 1.5em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}	
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:95%;
	}
	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
  width: 50%;
  padding: 3%;
}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.col_1_of_4{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_4 {
  width: 50%;
  padding: 4%;
}
}
p.title a {
  font-size: 1.4em;
  color: #999;
  line-height: 1.5em;
  text-decoration:none;
}
p.title a:hover{
	color:#13c6f1;
}
.price {
	margin-bottom: 5%;
	font-size: 15px;
}
span.actual{
	color:#999;
}
.button{
	font-size:.8em;
	padding:7px 15px;
	background:#49BB52;
	color: #FFF;
	border: none;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: .2s all linear;
		-moz-transition: .2s all linear;
		-o-transition: .2s all linear;
		transition: .2s all linear;
}
.button:hover{
	background:#000;
}
.button1{
	font-size:.8em;
	padding:7px 15px;
	float:left;
	background:#49BB52;
	color: #FFF;
	border: none;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button1:hover{
	background:#000;
}
.button2{
	font-size:.8em;
	padding:7px 15px;
	background:#C71CC7;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button2:hover{
	background:#000;
}
.button3{
	font-size:.8em;
	padding:7px 15px;
	background:#2E52E2;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button3:hover{
	background:#000;
}
.button4{
	font-size:.8em;
	padding:7px 15px;
	background:#E28C2E;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button4:hover{
	background:#000;
}
.button5{
	font-size:.8em;
	padding:7px 15px;
	background:#DF1C24;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button5:hover{
	background:#000;
}
.button6{
	font-size:.8em;
	padding:7px 15px;
	background:#03CAFC;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button6:hover{
	background:#000;
}
.button7{
	font-size:.8em;
	padding:7px 15px;
	background:#B49722;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button7:hover{
	background:#000;
}
.button8{
	font-size:.8em;
	padding:7px 15px;
	background:#B80E66;
	color: #FFF;
	border: none;
	text-decoration: none;	
	outline: 0;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button8:hover{
	background:#000;
}
.cart{
	text-align:center;
}
.btn1 {
	border: none;
	font-family: inherit;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 13px;
}
.btn-8 {
	display: block;
	background:#49BB52;
	-webkit-transform-style: preserve-20d;
	-moz-transform-style: preserve-20d;
	transform-style: preserve-20d;
}
.btn-8a:hover {
	-webkit-transform: rotateX(-15deg);
	-moz-transform: rotateX(-15deg);
	-ms-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
}
/*--image-effect--*/
.view {
   width:100%;
   margin-bottom: 20px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask, .view .content {
   width: 300px;
   position: absolute;
   overflow: hidden;
   top: -25px;
   left: -35px;
}
.view img {
   display: block;
   position: relative;
}
.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect:hover img {
	 -moz-transform:scale(2,2);
   -webkit-transform:scale(2,2);
   -o-transform:scale(2,2);
   -ms-transform:scale(2,2);
   transform:scale(2,2);
}
.effect:hover .mask {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(100px);
   -webkit-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
}
.products-1 {
  padding: 3em 0;
}
.products {
  padding:1em 0 3em;
}
.products {
  background: rgb(247, 247, 247);
}
/*--single--*/
/*--  GRID OF Content and sidebar -- */

.content:first-child {
	margin-left: 0;
}
.content:first-child {
margin-left: 0;
}
.span_1_of_2 {
	width:67.2%;
	background: #313131;
	box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
	padding: 1.5%;
}
.content {
	display: block;
	float: left;
}
.images_3_of_2 {
	width: 45.2%;
	float: left;	
}
.images_3_of_2 img {
	max-width: 100%;
	display: block;
}
.span_3_of_2 {
	width: 52.2%;
}
.desc {
	display: block;
	float: left;
	margin: 0% 0 0% 2.6%;
}
.span_3_of_2 h3 {
	color:#fff;
	margin-bottom: 0.3em;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
.span_3_of_2 p {
	font-size: 0.8125em;
	padding: 0.3em 0;
	color: #868686;
	line-height: 1.6em;
}
p.para {
	font-size: 0.8125em;
	padding: 0.3em 0;
	color: #868686;
	line-height: 1.6em;
	margin-bottom: 5%;
}
.links {
	padding: 10px 0px;
	border: 1px solid #3A3939;
	border-left: none;
	border-right: none;
}
.links ul li {
	display: inline-block;
}
.links ul li a {
	font-size: 13px;
	color:#999;
	padding-left: 20px;
}
.leave-comment, .leave-reply {
	margin: 5% 0 -2%;
}
.leave-comment a, .leave-reply a {
  color: #868686;
  font-size: 15px;
  text-decoration: none;
}
.comments-area {
	margin-top: 50px;
	color: #666;	
}
.comments-area p {
	position: relative;
	padding: 8px 0;
}
.comments-area label {
	display: block;
	color:#999;
	font-size:13px;
}
.comments-area span {
	color: #03CAFC;
	position: absolute;
	left: 4px;
	top: 30px;
}
.links ul {
  padding: 0;
}
.comments-area input[type="text"] {
	padding: 7px 15px;
	width: 47%;
	color: #999;
	font-size: 13px;
	border: none;
	background:#3D3D3D;
	outline: none;
	display: block;
}
.comments-area textarea {
	padding: 16px 15px;
	width: 70%;
	color: #999;
	font-size: 13px;
	outline: none;
	height: 100px;
	display: block;
	border: none;
	background:#3D3D3D;
}
.comments-area input[type="submit"] {
	padding: 8px 15px;
	color:#F0F0F0;
	background:#3D3D3D;
	border: 1px solid #3D3B3B;
	cursor: pointer;
}
.categories li a {
	display: inline;
	color: #868686;
	font-size: 13px;
	margin-bottom: 20px;
}
.categories li a:hover{
	color:#fff;
}
.comments-area input[type="submit"]:hover{
	text-decoration:underline;
}
.rightsidebar {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}
.span_3_of_1 {
	padding: 1.5%;	
	width: 25.2%;
	background: #313131;
	box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
}
.blog-bottom {
  margin-bottom: 12%;
}
.span_3_of_2 h4, .span_3_of_1 h4 {
	color:#fff;
	margin-bottom: 0.9em;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
.archive-module li+li, .categories li+li, .mod-menu .nav.menu li+li, .list1 ul li+li {
	border-top: 1px solid #3A3939;
	padding: 6px 0 7px;
}
.categories li {
	list-style: none;
	padding: 0 0 7px;
	background: url(../images/list_marker.gif) 100% 50% no-repeat;
}
.post-list {
	margin-bottom:13%;
}
.blog-bottom ul {
  padding: 0;
}
.po-li {
  position: relative;
  display: block;
  float: left;
  width: 47%;
  margin-right: 3%;
  border: 5px solid #999;
}
.po-li a img {
	display: block;
}
.post-text {
  float: right;
  width: 50%;
}
span.time {
	color:#03CAFC;
	font-size: 13px;
}
h5.head {
	color:#999;
	padding: 1% 0;
	font-size: 1.1em;
}
.span_3_of_1 p {
	font-size: 0.8125em;
	color:#999;
	line-height: 1.6em;
}
span.italic {
	color:#999;
	font-size: 13px;
	text-decoration: underline;
	font-family: 'OpenSansItalic';
	font-style: normal;
}
span.italic:hover{
	text-decoration:none;
}
.links ul li img {
	vertical-align: middle;
	padding-right: 10px;
}
.links ul li a:hover {
	text-decoration: underline;
}
.extra-wrap {
	overflow: hidden;
}
.product-info .description span {
	color: #191919;
	font-weight: bold;
}
.prod-stock-2 {
	float: left;
	padding-top: 13px;
	padding-right: 10px;
	color:#999;
}
.prod-stock {
	background: url('../images/stock.png') left 0px no-repeat;
	float: left;
	font-size: 12px;
	height: 48px;
	line-height: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
	width: 48px;
	color: #FFF;
	font-weight: normal;	
}
.list_desc span {
  background: none;
  color: #13c6f1;
  font-size: 1.1em;
}
.padd-stock {
	padding: 15px 0 10px 0;
}
.price {
	font-size: 22px;
	color:red;
}
.price-old {
	text-decoration: line-through;
	color:#999;
	font-weight: normal;
	font-size: 17px;
	margin-right: 10px;
}
span.brand{
	color:#999;
	line-height: 2em;
}
span.brand a{
	color:#999;
}
span.code{
	color:#999;
}
span.points{
	color:#999;
	font-size:13px;
}
span.price-new{
	color:#999;
	margin-right:15px;
}
span.text{
	font-size:1.2em;
	color:#999;
}
span.price-tax{
	color:#999;
	font-size:13px;
}
.single-cart {
	padding:10px 0px 20px 0px;
	overflow: hidden;
	color: #E7E7E7;
	overflow: auto;
}
.single-cart div {
	float: left;
	margin-right: 30px;
}
.single-cart-top {
	padding-right: 9px;
}
.single-cart-top-padd {
	padding-top: 5px;
	float: left;
}
.single-cart-top label {
	font-size: 11px;
	font-weight: bold;
	color: #191919;
	padding-right: 7px;
}
.cart-top-padd input[type='text'], input[type='password'], textarea {
  background: #FFF;
  border: 1px solid #E7E7E7;
  padding: 1em 0.1em;
  margin-top: 5px;
  color: #929292;
  font-size: 11px;
  outline: none;
  height: 14px;
}
.main {
  padding: 4em 0;
  background: #f7f7f7;
}
.products h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 300;
  text-align: center;
  background: rgba(249, 146, 146, 0.81);
  padding: 0.5em 0;
}
.main-1 h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 300;
  text-align: center;
  background: rgba(249, 146, 146, 0.81);
  padding: 0.5em 0;
}
.login-page h1 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 300;
  text-align: center;
  background: rgba(249, 146, 146, 0.81);
  padding: 0.5em 0;
}
/*--login--*/
.login-left {
	padding: 0;
}
.login-left h3, .login-right h3 {
	color:#13c6f1;
	font-size: 1.2em;
	padding-bottom: 0.5em;
	font-weight:600;
}
.login-left p, .login-right p {
	color: #868583;
	display: block;
	font-size: 1em;
	margin: 0 0 2em 0;
	line-height: 1.8em;
}
.acount-btn {
	background: #13c6f1;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
	background:#000;
	text-decoration:none;
	color:#fff;
}
.login-right form {
	padding: 1em 0;
}
.login-right form div {
	padding: 0 0 2em 0;
}
.login-right span {
	color: #999;
	font-size:0.8125em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.login-right input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#4eaddf;
	width: 96%;
	font-size:0.8125em;
	padding: 0.5em;
}
.login-right input[type="password"] {
	border: 1px solid #EEE;
	outline-color:#4eaddf;
	width: 96%;
	font-size:0.8125em;
	padding: 1.3em;
}
.register-top-grid input[type="password"], .register-bottom-grid input[type="password"] {
  border: 1px solid #EEE;
  outline-color: #4eaddf;
  width: 96%;
  font-size: 1em;
  padding: 1.3em;
}
.login-right input[type="submit"] {
	background: #13c6f1;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}
a.forgot {
	font-size: 0.875em;
	margin-right: 11px;
	color:#999;
}
.account_grid {
  padding: 2em 0 3em;
}
/*--register--*/
.register {
  padding: 2em 0 3em 0;
}
.register-top-grid h3, .register-bottom-grid h3 {
	color:#13c6f1;
	font-size: 1.2em;
	padding-bottom: 15px;
	margin: 0;
	font-weight: 600;
}
.register-top-grid div, .register-bottom-grid div {
	width: 48%;
	float: left;
	margin: 10px 0;
}
.register-top-grid span, .register-bottom-grid span {
	color:#999;
	font-size: 0.85em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#4eaddf;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
}
.checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.1em;
	line-height: 27px;
	cursor: pointer;
}
.checkbox {
	float: left;
	position: relative;
	font-size: 0.85em;
	color:#555;
}
.checkbox:last-child {
	margin-bottom: 0;
}
.news-letter {
	color: #555;
	font-weight:600;
	font-size: 0.85em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	clear: both;
}
.checkbox i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width:20px;
	height:20px;
	outline: none;
	border: 2px solid #13c6f1;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 1px 2px;
	top: -1px;
	left: -1px;
	width: 17px;
	height: 17px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input {
	position: absolute;
	left: -9999px;
}
.checkbox input:checked + i:after {
	opacity: 1;
}
.news-letter:hover {
	color:#00BFF0;
}
.register-but{
	margin-top:1em;
}
.register-but form input[type="submit"] {
  background: #13c6f1;
  color: #FFF;
  font-size: 1.2em;
  padding: 0.4em 1.5em;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  display: inline-block;
  text-transform: uppercase;
  border: none;
  outline: none;
}
.register-but input[type="submit"]:hover {
	background:#000;
}
div.register-bottom-grid {
	margin-top:3em;
}
/*--checkout--*/
h4.title {
  color: #13c6f1;
  margin-bottom: 0.5em;
  font-size: 1.6em;
  line-height: 1.2em;
  background: #F7F7F7;
  padding: 1em;
}
p.cart {
  color: #777;
  font-size: 1.2em;
  line-height: 1.8em;
  text-align:left;
}
p.cart a {
  text-decoration: underline;
  color: #13c6f1;
}
.check-out {
  padding: 6em 1em;
}
.sel li {
  display: inline-block;
  margin: 0 0.5em;
  vertical-align: middle;
}
.sel-fo {
  text-align: left;
  color: #89daf2;
}
.sel-fo input[type="radio"], input[type="checkbox"] {
  margin: 0px 10px 0 0px;
  margin-top: 1px \9;
  line-height: normal;
  vertical-align: middle;
}

/*-- responsive-mediaquries --*/
@media(max-width:1440px){

}
/*-- responsive-mediaquries --*/
@media(max-width:1366px){
}
/*-- responsive-mediaquries --*/
@media(max-width:1280px){
.banner {
  min-height: 500px;
}
.banner h1 {
  font-size: 2.2em;
}
.banner-info h2 {
  font-size: 2.5em;
}
.banner-info {
  padding: 9.8em 0;
  width: 48%;
}
.millons h4 {
  font-size: 1.6em;
}
.millons p {
  font-size: 1em;
}
.socc h4 {
  font-size: 1.6em;
}
.become h4 {
  font-size: 1.7em;
  width: 61%;
}
.become h6 a {
  font-size: 1.6em;
}
a.more {
  font-size: 1.2em;
}  
.products h1 {
  font-size: 2.2em;
}
.heading h3 {
  font-size: 1.5em;
}
.products {
 padding:0 0 2em;
}
.main-1 h1 {
  font-size: 2.2em;
}
.login-page h1 {
  font-size: 2.2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.search2 {
  width: 43.8%;
}
.banner h1 {
  font-size: 2em;
}
.banner-info h2 {
  font-size: 2em;
}
.banner-info p {
  font-size: 1em;
}
.banner-info {
  padding: 7em 0;
  width: 48%;
}
.banner {
  min-height: 400px;
}
.millons {
  min-height: 383px;
  padding: 2em 0;
}
.millons h4 {
  font-size: 1.5em;
}
.socc h4 {
  font-size: 1.5em;
}
.become h4 {
  font-size: 1.5em;
  width: 66%;
}
.become p {
  font-size: 1em;
  width: 70%;
}
.become {
  min-height: 284px;
  padding: 2em 0;
}
.youre h5 {
  font-size: 1.2em;
  width: 24%;
}
.you-top li {
  display: inline-block;
  margin: 0 0.65em;
}
.you-top {
  margin: 2em 0 0;
}
.youre {
  min-height: 151px;
  padding: 2em 0;
}
.footer h4 {
  font-size: 1.2em;
}
.products h1 {
  font-size: 2em;
}
.products h1 {
  font-size: 2em;
}
.products-1 {
  padding: 2em 0;
}
.main-1 h1 {
  font-size: 2em;
}
.login-page h1 {
  font-size: 2em;
}
.span_3_of_2 h3 {
  font-size: 1.3em;
}
.padd-stock {
  padding: 3px 0 1px 0;
}
.price {
  font-size: 15px;
}
.single-cart {
  padding: 0px 0px 5px 0px;
}
.span_3_of_2 h4, .span_3_of_1 h4 {
  font-size: 1.3em;
}
.post-list {
  margin-bottom: 10.2%;
}
.main {
  padding: 3em 0;
  background: #f7f7f7;
}
.sel{
  width: 21%;
  float:left;
}
.leg {
  width: 20.666667%;
  float: left;
}
.con{
  width: 37.666667%;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:768px){
.head-nav ul li{
	display:block;
	float:none;
}
.head-nav ul li a{
	border-right:none;
	color:#fff;
}

.head-nav span.menu {
	display: block;
	background: none;
	position: absolute;
	top: 13px;
	right: 20px;
}
.head-nav span.menu:before{
	content:url(../images/menu.png);
	color:#FFF;
	text-align:right;
	cursor:pointer;
}
.head-nav ul li a {
	padding:1em 1.5em;
	display:block;
	font-size:0.875em;
	font-weight:500;
}


.millons h4 {
  font-size: 1.3em;
}
.millons p {
  font-size: 0.875em;
  overflow: hidden;
  height: 68px;
}
.millons {
  min-height: 263px;
  padding: 1em 0;
}
.soccer {
  float: left;
  width: 33.33%;
}
.socc h4 {
  font-size: 1.3em;
}
.socc {
  min-height: 217px;
  padding: 2em 0;
}


.become h4 {
  font-size: 1.3em;
  width: 81%;
}
.become p {
  font-size: 0.875em;
  width: 74%;
}
a.more {
  font-size: 1em;
}
.become h6 a {
  font-size: 1.3em;
}
.become {
  min-height: 219px;
  padding: 1em 0;
}
.youre h5 {
  font-size: 1.1em;
  width: 27%;
}
.you-top li {
  display: inline-block;
  margin: 0 0.2em;
  float: left;
  width: 15.85%;
}
.con {
  float: left;
  width: 32%;
}
.leg {
  float: left;
  width: 24%;
}
.sel {
  float: left;
  width: 25%;
}
.tak {
  float: left;
  width: 19%;
}
.footer h4 {
  font-size: 1.1em;
}
.footer li a {
  font-size: 0.875em;
}
.section_room select {
  width: 90%;
  font-size: 0.875em;
  padding: 6px;
}

.cont-1 textarea {
  font-size: 0.875em;
}
.cont-1 input[type="submit"] {
  font-size: 0.875em;
}
.footer {
  padding: 2em 0;
}
.footer-bottom p {
  font-size: 0.875em;
  float: none;
  text-align: center;
}
.social {
  float: none;
  text-align: center;
  margin: 0.8em 0 0;
}
.footer-bottom {
  padding: 0.5em 0;
}
.banner h1 {
  font-size: 1.7em;
}
.banner-info h2 {
  font-size: 1.7em;
}
.banner-info {
  padding: 6em 0;
  width: 64%;
}
.banner {
  min-height: 351px;
}
.products h1 {
  font-size: 1.7em;
}
.heading h3 {
  font-size: 1.3em;
}
.page-no {
  float: right;
  width: 34%;
}
.content_top {
  padding: 10px 16px;
}
.products-1 {
  padding: 1em 0;
}
.button {
  padding: 4px 8px;
}
.button2 {
  padding: 4px 8px;
}
.button3 {
  padding: 4px 8px;
}
.button4 {
  padding: 4px 8px;
}
.button5 {
  padding: 4px 8px;
}
.button6 {
  padding: 4px 8px;
}
.button7 {
  padding: 4px 8px;
}
.button8 {
  padding: 4px 8px;
}
.span_3_of_2 h3 {
  font-size: 1.1em;
}
span.brand {
  font-size: 0.9em;
}
span.code {
  font-size: 0.9em;
}
.price {
  font-size: 13px;
}
.price-old {
  font-size: 13px;
  margin-right: 0px;
}
span.price-new {
  margin-right: 7px;
}
.single-cart div {
  float: left;
  margin-right: 21px;
}
.cart-top-padd input[type='text'], input[type='password'], textarea {
  font-size: 8px;
}
.links ul li img {
  vertical-align: middle;
  padding-right: 4px;
}
.links ul li a {
  font-size: 13px;
  padding-left: 6px;
}
.span_3_of_1 {
  padding: 1.5%;
  width: 31.2%;
  background: #313131;
  box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
}
h5.head {
  color: #999;
  padding: 0% 0;
  font-size: 1em;
}
.span_3_of_1 p {
  display: none;
}
.comments-area {
  margin-top: 5px;
  color: #666;
}
.leave-comment, .leave-reply {
  margin: 2% 0 0%;
}
.comments-area input[type="submit"] {
  padding: 4px 15px;
}
.comments-area textarea {
  height: 94px;
}
.register-top-grid h3, .register-bottom-grid h3 {
  font-size: 1.1em;
}
.register-but form input[type="submit"] {
  font-size: 1em;
}
.register {
  padding: 1em 0 1em 0;
}
.login-left h3, .login-right h3 {
  font-size: 1.1em;
}
.acount-btn {
  font-size: 0.875em;
  padding: 0.5em 1em;
}
.login-left p, .login-right p {
  font-size: 0.875em;
  margin: 0 0 1em 0;
}
.login-right.wow.fadeInRight {
  padding-left: 0;
  margin-top: 1em;
}
.login-right input[type="submit"] {
  font-size: 0.875em;
  padding: 0.4em 1.2em;
}
.account_grid {
  padding: 1em 0 1em;
}
.login-page h1 {
  font-size: 1.7em;
}
.main-1 h1 {
  font-size: 1.7em;
}
.header-right {
  float: left;
}
.icon1 ul {
  top: 35px;
  left: -70px;
}
.check-out {
  min-height: 31.5em;
}
.login-right form {
  padding: 1em 0 2em;
}
.account_grid {
  padding: 2em 0 2em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.search2 {
  width: 69.5%;
}
.banner-info h2 {
  font-size: 1.6em;
}
.banner h1 {
  font-size: 1.6em;
}
.banner-info {
  padding: 5em 0;
  width: 78%;
}
.banner {
  min-height: 323px;
}
.millons h4 {
  font-size: 1.25em;
}
.socc h4 {
  font-size: 1.25em;
}
.socc {
  min-height: 195px;
  padding: 2em 0;
}
.become h4 {
  font-size: 1.25em;
  width: 96%;
}
.become p {
  font-size: 0.875em;
  width: 100%;
}
.youre h5 {
  font-size: 1em;
  width: 31%;
}
.you-top li {
  width: 15.7%;
}
.con {
  float: left;
  width: 100%;
  margin-top: 1.5em;
}
.tak {
  float: left;
  width: 33.33%;
}
.leg {
  float: left;
  width: 33.33%;
}
.products h1 {
  font-size: 1.6em;
}
.heading h3 {
  font-size: 1.2em;
}
.page-no {
  float: right;
  width: 41%;
}
.sel {
  float: left;
  width: 33.33%;
}
.images_3_of_2 {
  width: 100%;
  float: none;
}
.desc {
  display: block;
  float: none;
  margin: 4% 0 0% 0.%;
  width: 100%;
}
.po-li {
  float: none;
  width: 100%;
  margin-right: 0%;
}
.post-text {
  float: none;
  width: 100%;
  margin-top: 1em;
  text-align: center;
}
.poo-ool {
  display: none;
}
.span_3_of_1 p {
  display: block;
}
.post-list {
  margin-bottom: 20.2%;
}
.login-page h1 {
  font-size: 1.6em;
}
.main-1 h1 {
  font-size: 1.6em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:480px){
.banner h1 {
  font-size: 1.4em;
}
.banner-info h2 {
  font-size: 1.4em;
}
.banner-info {
  padding: 3em 0 0;
  width: 100%;
}
.banner {
  min-height: 245px;
}
.billon {
  float: none;
  width: 100%;
}
.soccer {
  float: none;
  width: 100%;
}
.soccer img {
  width: 100%;
}
.become-1 {
	font-family: 'OpenSansLight';
	font-style: normal;
	font-weight: 400;
	float: none;
	width: 100%;
}
.become-2 {
  float: none;
  width: 100%;
  margin-top:0em;
}
.youre h5 {
  font-size: 1em;
  width: 42%;
}
.you-top li {
  width: 31.7%;
}
.leg {
  float: right;
  width: 50%;
  margin: 2em 0 0;
}
.con {
  float: left;
  width: 50%;
  margin-top: 1.5em;
}
.tak {
  float: left;
  width: 50%;
}
.sel {
  float: left;
  width: 50%;
}
.products h1 {
  font-size: 1.4em;
}
.heading h3 {
  font-size: 1.1em;
}
.page-no {
  float: right;
  width: 57%;
}
.heading {
  float: left;
  margin-right: 0%;
}
.desc {
  margin: 6% 0 0% 2.6%;
}
p.para {
  display: none;
}
.comments-area input[type="text"] {
  padding: 5px 15px;
  width: 67%;
}
.comments-area textarea {
  padding: 16px 15px;
  width: 90%;
  height:88px;
}
.post-list {
  margin-bottom: 13.2%;
}
.register-top-grid h3, .register-bottom-grid h3 {
  font-size: 1em;
}
.login-left h3, .login-right h3 {
  font-size: 1em;
}
h4.title {
  font-size: 1.2em;
  padding: 0.5em;
}
.check-out {
  padding: 3em 0em;
}
p.cart {
  font-size: 1em;
}
.login-page h1 {
  font-size: 1.4em;
}
.main-1 h1 {
  font-size: 1.4em;
}
.search2 input[type="text"] {
  width: 69.33%;
  padding: 0.3em 1.5em;
}
.search2 {
  width: 50%;
}
.search2 input[type="submit"] {
  padding: 4px 17px;
  right: 16px;
  font-size: 1em;
}
.section_room1 select {
  display: none;
}
.main {
  padding: 1em 0;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
.banner h1 {
  font-size: 1.3em;
}
.banner-info h2 {
  font-size: 1.2em;
  text-align: center;
}
.banner-info p {
  font-size: 0.875em;
  text-align: center;
  overflow: hidden;
  height: 64px;
}
.banner {
  background: url(../images/banner.jpg) no-repeat -593px 0px;
  min-height: 210px;
}
.millons h4 {
  font-size: 1.1em;
}
.socc h4 {
  font-size: 1.1em;
}
.socc {
  padding: 1em 0;
}
.become h4 {
  font-size: 1.1em;
  width: 72%;
}
a.more {
  font-size: 0.875em;
}
.become h6 a {
  font-size: 1.1em;
}
.youre h5 {
  font-size: 0.9em;
  width: 59%;
}
.you-top li {
  width: 44.7%;
  line-height: 3em;
}
.you-top {
  margin: 1em 0 0;
}
.youre {
  padding: 1em 0;
}
.sel {
  float: none;
  width: 100%;
  margin: 1em 0 0;
}
.leg {
  float: none;
  width: 100%;
  margin: 2em 0 0;
}
.con {
  float: none;
  width: 100%;
  margin-top: 1.5em;
}
.tak {
  float: none;
  width: 100%;
}
.page-no {
  float: right;
  width: 100%;
  display: none;
}
.heading h3 {
  font-size: 1em;
}
.span_1_of_2 {
  width: 100%;
  padding: 3.5%;
  float: none;
}
.span_3_of_1 {
  padding: 3.5%;
  width: 100%;
 margin:0;
}
.main-1 h1 {
  font-size: 1.3em;
}
.register-top-grid div, .register-bottom-grid div {
  width: 100%;
  float: none;
}
.checkbox {
  line-height: 9px;
}
div.register-bottom-grid {
  margin-top: 4em;
}
.login-page h1 {
  font-size: 1.3em;
}
.products h1 {
  font-size: 1.3em;
}
.search2 input[type="submit"] {
  padding: 4px 5px;
  right: 16px;
  font-size: 0.8em;
}
.search2 input[type="text"] {
  width: 74.33%;
  padding: 0.142em 1.5em;
}
.search2 {
  width: 43%;
  margin: 5px 0;
}
.header-bottom {
  background: #ffffff;
  padding: 0.5em 0;
}
.padd-stock {
  padding: 12px 0 9px 0;
}
.desc {
  margin: 4% 0 0% 0%;
}
p.cart {
  font-size: 0.875em;
}
.banner-info {
  padding: 2em 0 0;
  width: 100%;
}
.check-out {
  min-height: 11.5em;
}
.login-right form {
  padding: 1em 0 1em;
}
.account_grid {
  padding: 1em 0 1em;
}
p.title a {
  font-size: 1.1em;
}
}
.icon1.sub-icon1 > li {
    font-size: 13px;
    margin-left: 15px;
}


.carousel-caption .button {
    color: #fff;
     width: 30%;
     padding: 0 2px;
	 font-size: 13px;
}

.icon1.sub-icon1 {
	float: left;
	margin-left: 39px;
}

.carousel-caption .button .span1 {
	font-family: 'OpenSansLight';
	font-style: normal;
	border:  1px solid #fff;
	float:  left;
	padding: 10px;
	padding-left: 15x;
	padding-right: 15px;
	padding-top: 9px;
	height: 39px;
	text-align:  center;
}

.carousel-caption .button .span2 {
	border-bottom:  1px solid #fff;
	border-right:  1px solid #fff;
	border-top:  1px solid #fff;
	float:  left;
	font-size:  30px;
	height: 39px;
	padding:  4.5px 12.5px;
	text-align:  center;
}

.carousel-caption .button i {
	float: right;
	text-align: center;
}

.menu_links {
    left: 0px;
    padding: 30px 0;
    position: absolute;
    top: 0;
    z-index: 9;
}
.menu_links ul li {
	color: #fff;
	float: left;
	list-style:none;
}
.menu_links ul li a {
    color: #fff;
    text-transform: uppercase;
	font-size: 16px;
}
.carousel-caption h1{ text-align:left;}
.carousel-caption h2{ text-align:left;}

.carousel-caption {
    left: 11%;
    padding-left: 35px;
    top: 27%;
}

.carousel-caption-button {
	margin-top: 30px;
}

 .button-1 {
    color: #000;
     width: 100%;
     padding: 0 4px;
     margin-top: 15px;
}

 .button-1 .span1 {
    border:  1px solid #000;
    
    float:  left;
    
    padding:  5px 10px;
    
    text-align:  center;
 }

 .button-1 .span2 {
     border-bottom:  1px solid #000;
    
    border-right:  1px solid #000;
    
    border-top:  1px solid #000;
    
    float:  left;
    
    font-size:  20px;
    
    padding:  5px 10px;
    
    text-align:  center;
 }

.button-1 i {
     float: right;
     text-align: center;
}
.bac {
  
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}
.img-responsive{margin:0 auto;}
.bax-1 {
    color: #575756;
    margin-top: 38px;
}
.bax-1 h1{margin:0px; font-size:33px;}

.col-sm-12.background {
	 padding-left: 0;
	 padding-right: 0;
	 margin-bottom:10px;
}
.col-sm-12.background-1 {
	 padding-left: 0;
	 margin-bottom:10px;
}
.col-sm-12.background-2 {
	 padding-right: 0;
	 margin-bottom:10px;
}
.col-sm-12.background-3 {
	 padding-right: 0;
	 margin-bottom:10px;
	 padding:20px;
}
.become-img{ padding-right: 0 ! important;}

.dash {
    height: 2px;
    margin: -22px 0px 0px  auto;
    width: 12%;
	float:left;
}
.dash.dash-black {
    background-color: #fff;
}

.lp_2 .dash.dash-black {
    background-color: #000;
}

.gtec-intro-text .fa-arrow-right {
    bottom: 15px;
    font-weight: 100;
    position: absolute;
    right: 30px;
	
}
.fa.fa-arrow-right{color:#fff;}
.col-md-4.become-2{
    padding-left: 0;
}

.col-sm-4.first-p {
    padding: 0;
}
.col-sm-12.pad-ing{padding:0px;}
.col-sm-8.firdt-pad {
    padding-right: 0;
}
.btn-mo {
    background-color: #919190 ;
    border-right: 3px solid #61605d ! important;
 
    border-radius: 0 ! important;
    color: #fff ! important;
    text-align: left ! important;
    width: 80%;

}
.mail-adresse.col-sm-12.mad {
    padding: 0;
}
.buu {
  background-color: #919190;
    color: #fff;
    float: right;
    height: 35px;
    padding: 11px 11px 0;
    width: 20%;
}
.social_links {
    margin: 0 auto;
    width: 40%;
}
.social_links li {
    border: 1px solid #fff;
    border-radius: 100%;
    float: left;
    font-size: 14px;
    margin: 14px 12px;
    padding: 5px;
	 width: 40px;
	 height: 40px;
	 text-align:center;
}

.menu-li-4{ position: relative ! important;}
.menu_links.menu-li-4 a{color:#000;  text-decoration: none; font-size: 16px;}
.menu_links.menu-li-4 li{padding: 16px 16px 16px 16px;}
.menu_links.menu-li-4 li:hover{background-color:#2f2f2f; padding: 16px 16px 16px 16px; color:#fff;     
   border-radius: 3px 3px 0 0;}
.menu_links .dropdown-content{top:54px;}
.menu-li-4 .dropdown-content{top:55px ! important;}

.menu_links.menu-li-4 .dropdown-content a{color:#fff;}
.menu_links.menu-li-4 .dropdown-content a:hover{color:#7AB51D;}
.log-out i{color:#1cb0a7;}
.box-h h3 {
   font-family: 'OpenSansRegular';
   font-style: normal;
   color: #575756;
   font-size: 16px;
   font-weight: 300;
   margin: 0;
	float:left;
	width:100%;
}
.box-h b {
   font-family: 'OpenSansSemibold';
   font-style: normal;
   font-size: 18px;
}
.box-h > p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.bac-1 > img {
    max-width: 100%;
    opacity: .96;
    /* border: 1px solid #DDD; */
}
.col-sm-8.text-padding {
    padding-left: 0;
}
.box-h > p {
    color: #575756;
	float:left;
	width:100%;
}

.text-padding {
    padding-left: 0;
}
.font-awesome-text i {
    color: #575756;
    float: left;
    width: 50%;
}
.font-awesome-text i.fa.fa-heart {
    color: #999;
    }
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}
.pagination .fa.fa-arrow-right {
    color: #000 ! important;
}
.menu_links.menu-li-4 > ul {
    float: left;
    padding: 0;
}


span.label-1::before {
    color: #3399ff;
    content: url("../images/line.png");
    float: left;
    letter-spacing: -1px;
    width: 29%;
	
}
.label-1 {
    color: #575756;
    display: inline-block;
    font-size: 22px;
    height: 20px;
    text-align: center;
    width: 100%;
}
span.label-1::after {
    color: #3399ff;
    content: url("../images/line.png");
    float: right;
    letter-spacing: -1px;
    width: 32%;
	padding-right: 15px;
}
.col-md-6.become-1 {
    padding: 20px 20px;
}
.col-md-6.become-2 {
/*    padding: 20px 20px 0 0; */
}
.col-md-8.become-1 {
    padding: 20px 20px;
}
.col-md-7.become-1 {
    padding: 20px 20px;
}
.nwe{width:80%; }
.width-logo{width:88%;    margin: 0 auto;}
.hea-rig.col-sm-12 {
    padding-top: 7px;
}
.logo.col-sm-6 {
    padding-left: 0;
}

.list li i{margin-right: 7px; margin-top: 3px;}
.list.col-sm-12 > ul{padding-left:0px ! important; }
.list.col-sm-12{padding-left:0px ! important;}
.pad{padding-right:0px ! important;}

.carousel-caption h1 {
	font-family: 'OpenSansLight';
	font-style: normal;
	font-size: 38px;
	line-height: 55px;
	margin-top: 2px;
	text-transform: uppercase;
}

.carousel-caption h1 b {
	font-family: 'OpenSansSemibold';
	font-style: normal;
}

.carousel-caption h2 {
	font-family: 'OpenSansLight';
	font-style: normal;
	font-size: 25px;
	margin: 0px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.carousel-caption h2 b {
	font-family: 'OpenSansSemibold';
	font-style: normal;
}

.carousel-caption {
	left:6% ! important;
	text-shadow: none;
}

.mart-top i {
    color: #fff;
}
.mart-top {
    bottom: 0 ! important;
    left: 51% ! important;
    margin: 0 auto ;
    top: auto;
    width: 10%;
}
 .fa.fa-arrow-right{color: #fff; }
.become-1 .fa.fa-arrow-right{color: #fff; margin-top:45px;}
.col-sm-12.box-container {
    float: none;
    margin: 0 auto;
    width: 90%;
}
::-webkit-input-placeholder { /* Chrome */
  color: white !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: white !important;
  opacity: 1;
}
.link-5.col-sm-12 {
   padding-left: 0;
	/* margin-left: -13px;*/
	margin-left: 2px;
	margin-top:20px;
}
.link-5.col-sm-12 li {
    float: left;
    list-style: outside none none;
    margin-left: 14px;
}
.link-5.col-sm-12 > ul {
    float: left;
    padding: 0;
}
.link-5.col-sm-12 a {
    color: #919191;
    text-decoration: none;
}

.tab-fir h1 {  font-size:25px; font-weight:900;}

.tab-fir h2 {
	font-size: 25px;
	line-height: 120%;
	margin: 0px;
}

.li-ul-tab > ul {
    list-style: outside none none;
    padding: 0 3px;
}
.li-ul-tab li {
    color: #898989;
    font-size: 17px;
    margin-top: 7px;
}
.li-ul-tab {
    margin-top: 23px;
}
.pad {
    padding-right: 28px;
}
.mz-thumb {
    padding: 9px 10px 0 0 ! important;
}

.men {
    background: #e3e2e2 none repeat scroll 0 0;
    float: left;
    margin-top: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.col-sm-6.men-1 > ul {
    padding: 0;
}

.col-sm-6.men-1 li {
	list-style: outside none none;
	padding-bottom: 7px;
	margin-bottom: 7px;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 2px solid #fff;
}

.col-sm-6.men-1 li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.col-sm-6.men-2 li {
	list-style: outside none none;
	text-align: right;
	padding-bottom: 7px;
	margin-bottom: 7px;
	white-space: nowrap;
	overflow: hidden;
	border-bottom:2px solid #fff;
}

.col-sm-6.men-2 li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.col-sm-6.men-1 {
	border-right:2px solid #fff;
}

.mz-figure.mz-hover-zoom.mz-ready > img{max-height: 1000px ! important;}

.label-l {
    font-weight: normal;
    margin: 0;
    padding: 10px;
}
.tag-s {
    background-color: #12b0a7;
    float: left;
    padding: 12px 7px 9px 22px;
    width: 100%;
}
.pera {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    width: 100%;
}
.tag-s h2 {
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
	margin-bottom:0px
}
.tag-s h3{font-size:16px;}
.cart-o i{color:#fff;}
.cart-o {
    left: 53px;
    text-align: center;
    /* width: 54%; */
    width: 40px;
    cursor: pointer;
}
.td-cart-o {
	padding: 0;
	border-left: none;
	background-color: #585857;
	background-image: url(/images/blanc20_weiss.gif);
	background-repeat: repeat-x;
	background-size: 1px 1px;
	background-position: left bottom;
    cursor: pointer;
}

.cart-o-m i{color:#fff;}

.cart-o-m {
   background: #585857 none repeat scroll 0 0;
    float: right;
    left: 53px;
    padding: 10px;
    text-align: center;
    /* width: 54%; */
    width: 40px;
    cursor: pointer;
}


.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 2px solid #585857 ! important;
}

.table-bordered {
    border: 2px solid #585857 ! important;
}
.col-sm-6.men-2 {
    padding-left: 0;
}
.col-sm-6.men-2 > ul {
    padding: 0 0 0 16px;
}

.dot-bp{ color:#b1ca0b;}
.cfg-btn .fa.fa-arrow-right{color: #b3b2b1;}
.cfg-btn i{ color: #b3b2b1;}

.cfg-btn {
	left: 81% ! important;
	position: absolute ! important;
	top: 31% ! important;
	z-index: 9999 ! important;
	color: #b3b2b1;
	background:none ! important;
	font-size:18px ! important;
}

.new-bor{
	border:none ! important;
}

.new-bor li a {
	border:none ! important;
	font-weight:900;
	color:#AAA;
	padding-left:20px ! important;
	padding-right:20px ! important;
}

.new-bor li a:hover {
	background-color: transparent; ! important;
	color: #666;
}

.new-bor .active {
	color:#666;
	background-image: url('/images/tabs_hg.png');
	background-repeat: no-repeat;
	background-position: center top;
}

/*
li .tab-2 {
	padding-top: 10px;
}

.tab-2 li a {
	background-color: transparent;
}

*/

.tag-s {
    margin-top: 54px;
}
.cfg-btn.ofg-lo{ left:-31px !important;
    position: absolute;
    top: 31% ! important;
}
.preview.col{width:100%;}
.cfg-btn {
       
        color: #b3b2b1;
        border: 0;
       
        outline:0;
        cursor: pointer;
        width: 200px;
        padding: 10px;
        font-size: 1em;
        position: relative;
        display: inline-block;
        margin: 10px auto;
    }
   
    .mobile-magic .cfg-btn:hover:not([disabled]) { background: rgb(55, 181, 114); }
    .cfg-btn[disabled] { opacity: .5; color: #808080;  }

    .cfg-btn.btn-preview,
    .cfg-btn.btn-preview:active,
    .cfg-btn.btn-preview:focus {
        font-size: 1em;
        position: relative;
        display: block;
        margin: 10px auto;
    }

    .cfg-btn,
    .preview,
    .app-figure,
    .api-controls,
    .wizard-settings,
    .wizard-settings .inner,
    .wizard-settings .footer,
    .wizard-settings input,
    .wizard-settings select {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .preview,
    .wizard-settings {
        padding: 16px;
        border: 0;
        min-height: 1px;
    }
    .preview {
        position: relative;
    }

    .api-controls {
        text-align: center;
    }
    .api-controls button,
    .api-controls button:active,
    .api-controls button:focus {
         width: 80px; font-size: .7em;
         white-space: nowrap;
    }

    .app-figure {
        width: 100% !important;
        margin: 0px auto;
        border: 0px solid red;
        
        position: relative;
        text-align: center;
		margin-top:10px
    }

    .selectors { margin-top: 10px; margin-left:-30px;}

    .selectors .mz-thumb img {
       width:85px; height:85px;
       }

    .app-code-sample {
        max-width: 80%;
        margin: 30px auto 0;
        text-align: center;
        position: relative;
    }
    .app-code-sample input[type="radio"] {
        display: none;
    }
    .app-code-sample label {
        display: inline-block;
        padding: 2px 12px;
        margin: 0;
        font-size: .8em;
        text-decoration: none;
        cursor: pointer;
        color: #666;
      
        background-color: transparent;
    }
    .app-code-sample label:hover {
        color: #fff;
       
        
    }
    .app-code-sample input[type="radio"]:checked+label {
        color: #fff;
        background-color: rgb(110, 110, 110) !important;
        border-color: rgba(110, 110, 110, 0.7) !important;
    }
    .app-code-sample label:first-of-type {
        border-radius: 4px 0 0 4px;
        border-right-color: transparent;
    }
    .app-code-sample label:last-of-type {
        border-radius: 0 4px 4px 0;
        border-left-color: transparent;
    }

    .app-code-sample .app-code-holder {
        padding: 0;
        position: relative;
        border: 1px solid #eee;
        border-radius: 0px;
        background-color: #fafafa;
        margin: 15px 0;
    }
    .app-code-sample .app-code-holder > div {
        display: none;
    }
    .app-code-sample .app-code-holder pre {
        text-align: left;
        white-space: pre-line;
        border: 0px solid #eee;
        border-radius: 0px;
        background-color: transparent;
        padding: 25px 50px 25px 25px;
        margin: 0;
        min-height: 25px;
    }
    .app-code-sample input[type="radio"]:nth-of-type(1):checked ~ .app-code-holder > div:nth-of-type(1) {
        display: block;
    }
    .app-code-sample input[type="radio"]:nth-of-type(2):checked ~ .app-code-holder > div:nth-of-type(2) {
        display: block;
    }

    .app-code-sample .app-code-holder .cfg-btn-copy {
        display: none;
        z-index: -1;
        position: absolute;
        top:10px; right: 10px;
        width: 44px;
        font-size: .65em;
        white-space: nowrap;
        margin: 0;
        padding: 4px;
    }
    .copy-msg {
        font: normal 11px/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
        color: #2a4d14;
        border: 1px solid #2a4d14;
        border-radius: 4px;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        width: 200px;
        max-width: 70%;
        padding: 4px;
        margin: 0px auto;
        text-align: center;
    }
    .copy-msg-failed {
        color: #b80c09;
        border-color: #b80c09;
        width: 430px;
    }
    .mobile-magic .app-code-sample .cfg-btn-copy { display: none; }
    #code-to-copy { position: absolute; width: 0; height: 0; top: -10000px; }
    .lt-ie9-magic .app-code-sample { display: none; }

    .wizard-settings {
        background-color: #4f4f4f;
        color: #a5a5a5;
        position: absolute;
        right: 0;
        width: 340px;
    }
    .wizard-settings .inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .wizard-settings .footer {
        color: #c7d59f;
        font-size: .75em;
        width: 100%;
        position: relative;
        vertical-align: bottom;
        text-align: center;
        padding: 6px;
        margin-top: 10px;
    }
    .wizard-settings .footer a { color: inherit; text-decoration: none; }
    .wizard-settings .footer a:hover { text-decoration: underline; }

    .wizard-settings a { color: #cc9933; }
    .wizard-settings a:hover { color: #dfb363; }
    .wizard-settings table > tbody > tr > td { vertical-align: top; }
    .wizard-settings table { min-width: 300px; max-width: 100%; font-size: .8em; margin: 0 auto; }
    .wizard-settings table caption { font-size: 1.5em; padding: 16px 8px; }
    .wizard-settings table td { padding: 4px 8px; }
    .wizard-settings table td:first-child { white-space: nowrap; }
    .wizard-settings table td:nth-child(2) { text-align: left; }
    .wizard-settings table td .values {
        color: #a08794;
        font-size: 0.8em;
        line-height: 1.3em;
        display: block;
        max-width: 126px;
    }
    .wizard-settings table td .values:before { content: ''; display: block; }

    .wizard-settings input,
    .wizard-settings select {
        width: 126px;
    }
    .wizard-settings input {
        padding: 0px 4px;
    }
    .wizard-settings input[disabled] {
        color: #808080;
        background: #a7a7a7;
        border: 1px solid #a7a7a7;
    }

    .preview { width: 70%; float: left; }
    @media (min-width: 0px) {
        .preview { width: 100%; float: none; }
    }

    @media (min-width: 1024px) {
        .preview { width: calc(100% - 340px); }
        .wizard-settings { top: 0; min-height: 100%; }
        .wizard-settings .inner { margin-top: 60px; }
        .wizard-settings .footer { position: absolute; bottom: 0; left: 0; }
        .wizard-settings .settings-controls {
            position: fixed;
            top: 0; right: 0;
            width: 340px;
            padding: 10px 0 0;
            text-align: center;
            background-color: inherit;
        }
    }
    @media screen and (max-width: 1024px) {
        .api-controls button, .api-controls button:active, .api-controls button:focus {
            width: 70px;
        }
    }
    @media screen and (max-width: 1023px) {
        .app-figure {
        		width: 98% !important;
        		margin: 50px auto;
        		padding: 0;
        	}
        .app-code-sample { display: none; }
        .wizard-settings { width: 100%; }
    }
    @media screen and (max-width: 600px) {
        .mz-thumb img { max-width: 100%; }
    }
    @media screen and (max-width: 560px) {
        .api-controls .sep { content: ''; display: table; }
    }
/*
    @media screen and (min-width: 1600px) {
        .preview { padding: 10px 160px; }
    }
*/

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	color:#000;
	top:55px;
	z-index:9999;
	left:0px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/*.dropdown-content a:hover {background-color: #f1f1f1}*/
.dropdown-content a:hover {background-color: #2f2f2f}
.dropdown:hover .dropdown-content {
    display: block;
}
	.menu_links ul{padding-left:65px;}
	.dropbtn:hover{ text-decoration:none;}
	.dropdown-content{background:#2f2f2f none repeat scroll 0 0 ; 
     border-radius: 0 3px 3px;}
	.dropdown-content a{color:#fff;}
	.dropdown-content a:hover{color:#ccc;}
	.second_menu{width:650px;}
	.third_menu{width:250px;}
	.carousel-indicators{z-index:9 !important; bottom:40px;}
	.menu_links.menu-li-4 li:hover a{color:#fff;}
	.menu_links li{margin-left:20px;}
	.menu-li-4 li{margin-left:0px;}
	.menu_links li:hover {
    background-color: #2f2f2f;
    border-radius: 3px 3px 0 0;
    color: #fff;
    padding: 16px;
}
.menu_links li{ padding: 16px;}
.margin-b-p{margin-bottom:40%; margin-top:40px;}
.bas-table .table{margin-top:30px;}
.col-sm-4.log-out > ul{padding:0px; margin-top:30px;}
.col-sm-4.log-out li{list-style:none; margin-bottom:10px;}
.col-sm-4.log-out a{color:#585857; text-decoration: none;}
.bas-table .table a{text-decoration: none; color:#585857;}
.bas-table .table a i{font-size: 21px; margin-right: 6px;margin-top: 0;}
.bas-table .table td{ color:#585857; border-bottom:1px solid #585857;}
.bas-table .table th{ color:#585857; font-weight:normal; border-bottom:2px solid #585857;}
.bas-table h2{font-weight:900; color:#585857;}
.log-out h2{font-weight:900;  color:#585857;}
.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(30, 30, 27, 0.95);
    z-index: 1001;
	display:none;
}
.quick-look{position:absolute; right:0; width:800px;}


/*----*/


.quick-look-container {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1002;
    opacity: 0;
    display: none;
}

.quick-look-container ::-webkit-input-placeholder { /* Chrome */
  color: #222 !important;
}
.quick-look-container :-ms-input-placeholder { /* IE 10+ */
  color: #222 !important;
}
.quick-look-container ::-moz-placeholder { /* Firefox 19+ */
  color: #222 !important;
  opacity: 1;
}
.quick-look-container :-moz-placeholder { /* Firefox 4 - 18 */
  color: #222 !important;
  opacity: 1;
}


@media (min-width:800px) {
    .quick-look-container {
    width: 100%;
    right: -1000px;
    display: block;
}
}
.quick-look-open .quick-look-container {
    display: block;
    right: 0;
    opacity: 1;
	background:rgba(00,00,00,.8);
	top:0px;
	height:100%;
	
}
.quick-look-container .popup-main .inner-box {
    min-height: 100vh;
    background-color: #fff;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.quick-look-container .popup-main .inner-box .nav-tabs {
    border: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.quick-look-container .popup-main .inner-box .nav-tabs .close-tab a {
    width: 28px;
    height: 28px;
    margin: 0px;
   padding: 0 !important;
    display: table-cell;
    margin: 10px 27px;
}
.quick-look-container .popup-main .inner-box .nav-tabs li {
    height: 55px;
    padding: 0px;
	text-align:center;
}
.quick-look-container .popup-main .inner-box .nav-tabs li a {
    padding: 18px 0px;
    border: 0px;
    display: block !important;
	color:#222;
}
.quick-look-container .popup-main .inner-box .nav-tabs li a.active {
    background-color: #fff;
}
.quick-look-container .popup-main .inner-box .nav-tabs li a.active:hover {
    background-color: #fff;
}
.quick-look-container .popup-main .inner-box .nav-tabs li a img {
    width: 25px;
}
.quick-look-container .popup-main .inner-box .nav-tabs li a:hover {
    background-color: transparent;
    opacity: 1;
}
.quick-look-container .popup-main .inner-box .nav-tabs li.login {
    width: 30%;
    background-color: #bbbdbe;
	
}
.quick-look-container .popup-main .inner-box .nav-tabs li.login:hover {
    background-color: rgba(231,  231,  230,  0.8);
}
.quick-look-container .popup-main .inner-box .nav-tabs li.merkzettel {
    background-color: #cfd1d2;
    width: 30%;
}
.quick-look-container .popup-main .inner-box .nav-tabs li.merkzettel:hover {
    background-color: rgba(218,  218,  217,  0.8);
}
.quick-look-container .popup-main .inner-box .nav-tabs li.merkzettel-cart {
    background-color: #bbbdbe;
    width: 30%;
}
.quick-look-container .popup-main .inner-box .nav-tabs li.merkzettel-cart:hover {
    background-color: rgba(204,  204,  204,  0.8);
}
.quick-look-container .popup-main .inner-box .nav-tabs li.close-tab {
    background-color: #34332f;
    width: 10%;
}
.quick-look-container .popup-main .inner-box .nav-tabs li.close-tab:hover {
    background-color: rgba(52,  51,  47,  0.8);
}
.quick-look-container .popup-main .inner-box .nav-tabs li.close-tab img {
    height: auto;
    width: 28px;
}
.quick-look-container .popup-main .inner-box .tab-content {
    padding-left: 8.8vw;
    padding-right: 8.8vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
    overflow: auto;
    height: 81.8vh;
    clear: both;
    position: relative;
}
@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content {
    padding-left: 3.66667vw;
    padding-right: 3.66667vw;
}
}

@media (min-width:1200px) {

    .quick-look-container .popup-main .inner-box .tab-content {
		 padding-left: 44px;
		 padding-right: 44px;
	}

	.pera {
		 margin-bottom: 0;
	}

	.pera span {
		 float: left;
	}
}

@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content {
    padding-top: 4.16667vw;
    padding-bottom: 4.16667vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content {
    padding-top: 50px;
    padding-bottom: 50px;
}
}
.quick-look-container .popup-main .inner-box .tab-content img {
    -moz-transform: scale(3.5);
    -o-transform: scale(3.5);
    -ms-transform: scale(3.5);
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 12.8vw;
    width: 100%;
}
@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content img {
    height: 5.33333vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content img {
    height: 64px;
}
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-infos {
    float: left;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-infos p {
    padding-right: 12vw;
    text-align: left;
}
@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content .shipping-infos p {
    padding-right: 5vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content .shipping-infos p {
    padding-right: 60px;
}
}
.quick-look-container .popup-main .inner-box .tab-content .cart-totals {
    float: right;
}
.quick-look-container .popup-main .inner-box .tab-content h1 {
    font-family: 'OpenSansRegular';
    font-style: normal;
    font-weight: normal !important;
    font-size: 27px;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    line-height: 0.95em;
    text-decoration: none;
    letter-spacing: -0.03em;
    margin-bottom: 2.6vw;
    text-align: left;
	font-weight: 700 !important;
color: #585857;
}
.quick-look-container .popup-main .inner-box .tab-content h3 {
    font-size: 20px;
    color: #585857;
}
.quick-look-container .popup-main .inner-box .tab-content button.btn-default {
    border-radius:0; background-color:#aaaaaa; font-weight:700; color:#fff;
}
.quick-look-container .popup-main .inner-box .tab-content label{
	color: #585857; font-weight:100;
}
.quick-look-container .popup-main .inner-box .tab-content{color: #585857;}
.quick-look-container .popup-main .inner-box .tab-content a{color: #585857; text-decoration:underline;}

@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content h1 {
    margin-bottom: 1.08333vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content h1 {
    margin-bottom: 13px;
}
}
.quick-look-container .popup-main .inner-box .tab-content p {
    font-family: 'OpenSansRegular';
    font-style: normal;
    font-size: 15px;
    line-height: 1.4em;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 3.2vw;
}
@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content p {
    margin-bottom: 1.33333vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content p {
    margin-bottom: 16px;
}
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"], .quick-look-container .popup-main .inner-box .tab-content input[type="password"], .quick-look-container .popup-main .inner-box .tab-content select {
    height: 45px;
    width: 100%;
    font-family: 'OpenSansRegular';
    font-style: normal;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0;
    text-transform: none;
    background-color: #e6e6e5;
    border: 0px;
    margin-bottom: 3vw;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:0;
	padding:6px 12px;
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"], .quick-look-container .popup-main .inner-box .tab-content input[type="email"], .quick-look-container .popup-main .inner-box .tab-content select {
    height: 45px;
    width: 100%;
    font-family: 'OpenSansRegular';
    font-style: normal;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0;
    text-transform: none;
    background-color: #e6e6e5;
    border: 0px;
    margin-bottom: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:0;
}
@media (min-width:680px) {
    .quick-look-container .popup-main .inner-box .tab-content input[type="text"], .quick-look-container .popup-main .inner-box .tab-content input[type="password"], .quick-look-container .popup-main .inner-box .tab-content select {
    margin-bottom: 1.25vw;
}
}
@media (min-width:1200px) {
    .quick-look-container .popup-main .inner-box .tab-content input[type="text"], .quick-look-container .popup-main .inner-box .tab-content input[type="password"], .quick-look-container .popup-main .inner-box .tab-content select {
    margin-bottom: 15px;
}
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"]::-webkit-input-placeholder, .quick-look-container .popup-main .inner-box .tab-content input[type="password"]::-webkit-input-placeholder, .quick-look-container .popup-main .inner-box .tab-content select::-webkit-input-placeholder {
    color: #22221f;
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"]:-moz-placeholder, .quick-look-container .popup-main .inner-box .tab-content input[type="password"]:-moz-placeholder, .quick-look-container .popup-main .inner-box .tab-content select:-moz-placeholder {
    color: #22221f;
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"]::-moz-placeholder, .quick-look-container .popup-main .inner-box .tab-content input[type="password"]::-moz-placeholder, .quick-look-container .popup-main .inner-box .tab-content select::-moz-placeholder {
    color: #22221f;
}
.quick-look-container .popup-main .inner-box .tab-content input[type="text"]:-ms-input-placeholder, .quick-look-container .popup-main .inner-box .tab-content input[type="password"]:-ms-input-placeholder, .quick-look-container .popup-main .inner-box .tab-content select:-ms-input-placeholder {
    color: #22221f;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info {
    background-color: #34332f;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info .inner {
    width: 530px;
    margin: 0px auto;
    position: relative;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info h1 {
    color: #fff;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info p.info {
    color: #8f8f8c;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info p.info a {
    color: #8f8f8c;
}
.quick-look-container .popup-main .inner-box .tab-content .shipping-info .icon-lkw {
    margin-top: 30px;
    left: -8%;
}
.tab-box + .tab-box {
    padding-top: 10vw;
}
@media (min-width:680px) {
    .tab-box + .tab-box {
    padding-top: 4.16667vw;
}
}
@media (min-width:1200px) {
    .tab-box + .tab-box {
    padding-top: 50px;
}
}
.tab-box {
    border-bottom: 1px solid #222 !important;
    clear: both;
    display: inline-block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 5vw;
}
@media (min-width:680px) {
    .tab-box {
    padding-bottom: 2.08333vw;
}
}
@media (min-width:1200px) {
    .tab-box {
    padding-bottom: 25px;
	width:100%;
}
}
.tab-box:nth-child(2) {
    border: none !important;
}
.tab-box.center {
    text-align: center;
}
.tab-box.center .btn {
    position: static;
}
.tab-box .btn {
    display: inline-block;
    width: 100%;
}
.tab-box .help-text {
    color: #8f8f8c;
    text-decoration: none;
}
.tab-box .inner-tab {
    float: left;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-right: 5vw;
    margin: 0 !important;
}
@media (min-width:680px) {
    .tab-box .inner-tab {
    padding-right: 2.08333vw;
}
}
@media (min-width:1200px) {
    .tab-box .inner-tab {
    padding-right: 25px;
	width:100%;
}
}
.tab-box .outer-tab {
    float: right;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 5vw;
    margin: 0 !important;
}
@media (min-width:680px) {
    .tab-box .outer-tab {
    padding-top: 2.08333vw;
}
}
@media (min-width:1200px) {
    .tab-box .outer-tab {
    padding-top: 25px;
}
}
@media (min-width:680px) {
    .tab-box .outer-tab-login {
    padding-top: 130px;
}
}
.quick-look .popup-main .inner-box .tab-content .cart-empty .columngrid-4col .item {
    width: 25%;
    margin-left: 0;
    margin-right: 0;
}
.quick-look .popup-main .inner-box .tab-content .cart-empty img {
    height: 55px;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}
.top-lang {
    float: right;
    margin-right: 20px;
}
.top-lang h1 {
    margin-top: -5px;
    font-size: 15px;
}
.top-lang {
    margin-left: 0;
    margin-right: 10vw;
    float: right;
}
@media (min-width:680px) {
    .top-lang {
    margin-right: 4.16667vw;
}
}
@media (min-width:1200px) {
    .top-lang {
    margin-right: 50px;
}
}
.top-lang a {
    color: white;
    opacity: 0.3;
    font-size: 15px;
    font-family: 'OpenSansRegular';
    font-style: normal;
}
.top-lang a:hover, .top-lang a.active {
    text-decoration: none;
    color: #dadad9;
    opacity: 1;
}
.top-lang a:first-child:after {
    content: "/";
    margin: 0px -2px;
}
.top-lang h1, .top-lang a {
    padding: 0;
    margin: 0;
    line-height: 34px;
}
.mobile-top-lang {
    float: left;
    padding: 0px 30px;
    height: 55px;
    margin-top: 0px;
    padding: 0px 30px;
}
.mobile-top-lang a {
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    opacity: 0.3;
    font-family: 'OpenSansRegular';
    font-style: normal;
    font-weight: normal !important;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    line-height: 0.95em;
    text-decoration: none;
}
.mobile-top-lang a img {
    margin-top: 0px;
}
.mobile-top-lang a:hover, .mobile-top-lang a.active {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
.popup a {
    opacity: 1;
    padding: 0px 15px;
}
.buttons_div{padding: 0px 0; width: 100%; margin-top: 6px;}
.buttons_div .anmelden{border:1px solid #333; padding:11px 13px; width: 84%; float: left;}
.buttons_div .anmelden1{border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333; padding: 7px 18px; width: 15%; float: left; font-size: 20px;}
.col-md-12.border_bottom{border-bottom:1px solid #222; padding:0; padding-bottom:7px; margin-bottom:7px;}
.col-md-12.border_bottom_last{border-bottom:0; padding:0; float:left; width:100%;}
.col-md-12.beste{padding:0;}
.beste h3{margin:15px 0;}
.beste button{margin:15px 0;}
.beste .col-md-6{padding:0;}
.listing_list ul{list-style-type:none; padding-left:0;}
.listing_list ul li{padding:10px 0; font-weight:700;}
.listing_list img{max-width:100%; height:10px !important; width:10px !important; margin-right:15px;}
.numbering{background:#e3e0e0; padding: 7px 10px; width: 100%; float: left;}
.zuz{color:red;}
.back_red{background:red; color:#fff; padding:15px;}
.quick-look-container .popup-main .inner-box .tab-content textarea{background-color:#e6e6e5; border-radius:0;}
.men.display_none_desktop{display:none;}
/*-------------*/
/* @media only screen and (max-width:500px){
	body{overflow-x:hidden;}
}*/
@media only screen and (max-width:1100px)
{
	.selectors .mz-thumb img{width:77px; height:77px;}
}

@media only screen and (max-width:1024px){
	.mobile_dis_none{display:none !important;}
	.search2{width:100%;}
	.head-nav ul li.active a{right:-132px;}
	.bax-1 h1{font-size:25px;}
	.social_links{width:50%;}
	.tak{width:50% !important;}
	.con{width:50% !important;}
	span.label-1::before {content: url("../images/line1.png"); width: 29%;}
    span.label-1::after {content: url("../images/line1.png"); width: 29%;}
	.mart-top{top:auto; bottom:0 !important;}
	}
	

@media only screen and (max-width:780px){

	.mobile_dis_none_2{
		display:none !important;
	}
	
	.btn_konfigurator{
		margin-right: 150px;
	}
	
}


@media only screen and (max-width:991px)
{
	.mobile_dis_none{display:none !important;}
	.icon1.sub-icon1{margin-left:0;}
	.head-nav ul li.active a{right:-100px;}
	.head-nav ul{top:-0.8em;}
	.logo.col-sm-6{width:30%;}
	.col-sm-6.pad{width:70%;}
	.col-sm-6.pad.mobile_search{width:70%;}
	.search2 {width: 100%;}
	.menu_links li{margin-left:0;}
	.col-sm-12.box-container{width:100%;}
	.billon {float: left; width: 25%;}
	.bax-1 h1{font-size:22px;}
	.become-2 {float: left; width: 40%;}
	.become-1 {float: left; width: 60%;}
	.social_links{width:60%;}
	.tak{width:50% !important;}
	.con{width:50% !important;}
	.last_bg{width:100%;}
	.quick-look{width:500px;}
	.tab-box{width:100%;}
	.tab-box .inner-tab{width:100%;}
	.col-md-12.border_bottom{float:left; width:100%;}
	.quick-look-container .popup-main .inner-box .nav-tabs .close-tab a{margin:10px 10px;}
	.second_menu{width:220px;}
	.mart-top{top:auto; bottom:0 !important;}
	.selectors .mz-thumb img{width:65px; height:65px;}
	.cfg-btn{left:78% !important;}
	/* .cart-o{width:40%;} */
	.col-sm-6.men-1{padding-left:5px; padding-right:5px; font-size:12px;}
	.col-sm-6.men-2{padding-left:5px; padding-right:5px; font-size:12px;}
	.mobile_dis_none1{display:block;}
	
}


	
@media only screen and (max-width:767px){
	.menu-li-4 .dropdown {
    padding-left: 0 ! important;
	margin-left:0px ! important;
}
.menu_links li:hover{padding: 5px ;}
.menu_links li{padding: 5px ! important;}
.menu_links .dropdown-content{top:30px ! important;}
.menu-li-4 .dropdown-content{top:30px ! important;}
.menu_links li{margin-left:0px ! important;}
.icon1.sub-icon1 {
    margin-left: 0;
}	
	.header{ height: auto;}
.icon1.sub-icon1{margin-left:0px; margin-bottom:0; width:85%;}
	
	.header-bottom{background:#12afa7 none repeat scroll 0 0;}
	.form.search2 {
    float: left;
    width: 100%;
}
.carousel-indicators.mart-top.col-sm-12.text-center.container {
    float: left;
    left: 37% !important;
    top: 176px;
}
.logo a {
   
    margin-bottom: 20px;
    text-align: center;
}
.logo.col-sm-6 {
    width: 50%;
}
.col-sm-6.pad {
    float: left;
    width: 50%;
}

.list.col-sm-12 {
    float: left;
    width: 100%;
}
.list li{width:100%;}
.search2 input[type="text"] {
    padding: 0.142em 0 0.142em 3.5em;
    width: 92%;
}
.menu_links ul li{ padding: 0 2px; }
.menu_links{  left: 0px;  padding: 12px 0;}
.menu_links ul li a{font-size:12px;}
.item > img{height:200px !important;}
.carousel-caption h3{ font-size: 15px;}
.carousel-caption h2{ font-size: 15px;}
.carousel-caption .button{width:auto;}
.col-sm-12.box-container{width:100%;}
.col-md-4.become-2 {
    padding-right: 0;
	
}

.col-sm-12.background{padding-right: 0; float:left; width:100%;}
.col-sm-12.background-1{padding-right: 0; float:left; width:100%;}
.col-sm-12.background-2{padding-left: 0; float:left; width:100%;}
.col-md-4.become-2.become-img{padding-left: 0;}
.col-md-6.become-2.become-img{padding-left: 0; padding-top: 0;}
.become-1 > p{float: none;}
.become-1 .fa.fa-arrow-right {
    color: #fff;
    margin-top: 0;
}
.social_links li{margin: 10px 4px;}
.social_links {
   
    width: 100%;
}
.become-1 > h2{font-size:17px;}
.become-1 > h1{font-size:17px;}
.col-sm-8.firdt-pad {
    padding-left: 0;
}
.head-nav ul li a:hover, .head-nav ul li.active a{  right: 0;    position: relative;}
.cl-effect-15{background:none ! important;}
.nwe {
    width: 100%;
}
.menu-li-4 li{margin-left:0px; width:33%;}
.col-sm-8.text-padding {
    float: left;
    width: 70%;
}
.col-sm-4.font-awesome-text {
    float: left;
    width: 30%;
}
.col-sm-3.padding-las-1 {
    float: left;
    width: 100%;
}


.pagination a{padding: 8px 9px;}
span.label-1::after{content:none;}
span.label-1::before{content:none;}
.col-sm-12.product-list.padding {
    float: left;
    padding: 0;
    width: 100%;
}
.col-sm-12.text-center {
    float: left;
    width: 90%;
}
.bac.bac-1 {
    float: left;
    width: 100%;
}
.preview.col {
    float: left;
    width: 100%;
}
.col-sm-6.tab-fir {
    float: left;
    width: 100%;
}
.link-5.col-sm-12 {
    float: left;
    width: 100%;
}
.tab-fir h2 {
    font-size: 18px;
}

.tab-fir h1 {
    font-size: 20px;
    font-weight: 900;
}
.li-ul-tab li {
    font-size: 15px;
}
.col-sm-6.men-1 {
    border-right: medium none;
}
.men {
    float: left;
    margin-bottom: 30px;
}

.menu_links ul{padding-left:0px;}
.container.slider_div{padding:0;}
.dropbtn{padding:10px;}


.mobile_view{padding:0 !important;}
.menu_links.menu-li-4 li{margin-bottom:10px;}
.menu_links.menu-li-4 a{font-size:12px;}
.quick-look{width:330px;}
.quick-look-container .popup-main .inner-box .tab-content{padding:20px 25px;}
.tab-box{width:100%;}
.tab-box .inner-tab{width:100%;}
.col-md-12.border_bottom{float:left; width:100%;}
.quick-look-container .popup-main .inner-box .nav-tabs .close-tab a{margin:10px 0;}
.hea-rig.col-sm-12{padding-left:0; padding-right:0;}
.icon1.sub-icon1 > li{margin-left:0; width:100%;}
.icon1.sub-icon1 li:first-child{width:100%; text-align:left; margin-top:0px; margin-left:5px;}
.icon1.sub-icon1 li{float:left; width: 11%; text-align:center; margin-top:0px; margin-left:-3px; font-size:12px;}
.icon1.sub-icon1 li.oder{width:17%;}
.second_menu{width:175px;}
.bac-1 > img{width:100%;}
.row.bottom_listing{padding-left:0; padding-right:0;}
.mobile_dis_none{display:none !important;} 
.header_container.container{padding:0 5px;}
.hea-rig.col-sm-12{padding:0;}
.width-logo{width:100%;}
.col-sm-6.pad.mobile_search{width:100%;}
.width-logo .logo img{width:84%;}
.head-nav ul{position:absolute; margin: 0; padding: 2% 0; z-index: 999; width: 16%; display: none; text-align: center; right:0em; top:.2em; display:block;}
.search2 {width: 57.2%;}
.billon {float: left; width: 100%;}
.become-2 {float: left; width: 100%;}
.become-1 {float: left; width: 100%;}
.col-sm-12.background-3 {float:left; width:100%;}
.cont-1 input[type="text"] {width: 100%; padding: 0.4em 1em;
  font-size: 0.875em;
}
.tak{width:100% !important;}
	.con{width:100% !important;}
	.table-responsive{border:0 !important;}
	.listing_list ul{padding-left:15px;}
	.tab-content > .active{overflow-x:hidden;}
	.mart-top{top:auto; bottom:0 !important;}
	.selectors .mz-thumb img{width:60px; height:60px;}
	.cfg-btn.ofg-lo{left:-20px !important;}
	.cfg-btn{left:78% !important;}
	.selectors{margin-left:0;}
	.men{display:none;}
	.men.display_none_desktop{display:block; background:none;}
	.men.display_none_desktop ul{padding:15px; list-style-type:none; margin-bottom:15px; background:#e3e2e2;}
	.men.display_none_desktop ul li{margin-bottom:0px; padding-bottom:0px;}
	.men.display_none_desktop ul li:first-child{border-bottom:3px solid #fff; margin-bottom:7px; padding-bottom:7px;}
	.men.display_none_desktop .table_mobile ul{background:none; border:1px solid #222; padding:0;}
	.men.display_none_desktop .table_mobile ul li:first-child{border-bottom:1px solid #222;}
	.men.display_none_desktop .table_mobile ul li{padding:15px; margin-bottom:0px;}
	.mobile_dis_none1{display:none;}
	 .head-nav ul li.active a{top:4px;}
}


@media only screen and (max-width:479px)
{
body{overflow-y:scroll; -webkit-overflow-scrolling: touch; height: calc(100% + 20px);}
}
@media only screen and (max-width:320px)
{
.selectors .mz-thumb img{width:50px; height:50px;}
}

.tabs {
	padding-top: 15px;
}

.tabs h3 {
	font-size: 20px;
	color: #585857;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media only screen and (max-width:1200px){
	.icon1.sub-icon1 {
		margin-left:0px;
		margin-bottom:0;
		width: 850px;
	}
}

@media only screen and (max-width:1000px){
	.icon1.sub-icon1 {
		margin-left:0px;
		margin-bottom:0;
		width: 550px;
	}
}


@media only screen and (max-width:765px){
	.icon1.sub-icon1 {
		margin-left:0px;
		margin-bottom:0;
		margin-right: 0;
		padding: 0;
		width: 300px;
	}
}


@media only screen and (max-width:600px){
	.icon1.sub-icon1 {
		margin-left:0px;
		margin-bottom:0;
		width: 300px;
	}
}



.display_768 {
	display: none;
}

@media only screen and (min-width:768px){
	.display_768 {
		display: inline;
	}
}

.display_767 {
	display: none;
}

@media only screen and (max-width:767px){
	.display_767 {
		display: inline;
	}
}


.downloads {
	margin-bottom: 10px;
}

.downloads a {
	color: #585857;
}

.downloads a:hover {
	color: #222;
	text-decoration: none;
}

.lp_1 {
	color: #fff;
}

.lp_2 {
	color: #000;
}

.lp_1 h3 {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.lp_2 h2, .lp_2 h1 {
	color: #000;
}

.lp_1 a {
	color: #fff;
	text-decoration: underline;
}

.lp_1 h1 {
	color: #fff;
}

.lp_2 a {
	color: #000;
	text-decoration: underline;
}

.lp_pfeil_ffffff h1 {
	color: #fff;
}

.lp_pfeil_000000 h1 {
	color: #000;
}

.lp_pfeil_ffffff {
/*
	background-image: url('/images/lp_pfeil_ffffff.png');
	background-repeat: no-repeat;
	background-position: right bottom;
*/
}

.lp_pfeil_000000 {
/*
	background-image: url('/images/lp_pfeil_000000.png');
	background-repeat: no-repeat;
	background-position: right bottom;
*/
}

.become-1 h5 {
   font-size: 19px;
}

.bax-1 h3 {
   color: #575756;
	margin: 0px;
	font-size: 33px;
}

.platzhalter:focus::-moz-placeholder {
	opacity: 0;
}

.logout_iframe {
	width: 0;
	height: 0;
		display: none;
}


.warenkorb_iframe {
	width: 0;
	height: 0;
}

.warenkorb-anzahl {
	width: 35px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border: none;
	float: left;
}

.warenkorb-plusminus {
	width: 15px;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border: none;
	float: left;
}

/*
.warenkorb-anzahl {
	width: 12%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border: none;
	background-color: #ddd;
	float: left;
}

.warenkorb-plusminus {
	width: 12%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border: none;
	float: left;
}
*/

.warenkorb-plusminus ::selection {
    background: transparent;
    color: inherit;
}

.warenkorb-plusminus ::-moz-selection {
    background: transparent;
    color: inherit;
}

.warenkorb-plusminus {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.warenkorb-aktion-on {
	background-color: #7AB51D;
}

.warenkorb-aktion-off {
	background-color: transparent;
	border-left: none;
}

/*
.warenkorb-haken-on {
	display: inline;
}
*/
.warenkorb-haken-off {
	display: none;
}


	.quick-look_iframe {
		width: 100%;
		min-height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		display: none;
		background-color: #fff;
		z-index: 10000;
	}

	.quick-look_lightbox {
		min-width: 100%;
		min-height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		background-color: #000000;
		filter:alpha(opacity=80);
		-moz-opacity:.80;
		opacity:.80;
		cursor: pointer;
		z-index: 9999;
		display: none;
	}

.action-tab-2 {
	margin-right: 25px;
	cursor: pointer;
}

.action-tab-2:hover {
	text-decoration: underline;
}

.no-pad-left {
	padding-left: 0;
}

.become-2 h5 {
   font-size: 19px;
}

.table-responsive td, .table-responsive th {
	text-align: center;
}

@media only screen and (min-width: 500px) {

	.quick-look_iframe {
		width: 500px;
	}

}

@media only screen and (min-width: 800px) {

	.quick-look_iframe {
		width: 800px;
	}

}

@media (min-width:1200px) {

	.carousel-inner.item {
		width: 1140px;
		height: 500px;
	}

	.video-image {
		width: 639px;
		margin-top: 15px;
		border: 1px solid #444;
		cursor: pointer;
	}


	.videoframe_2 {
		width: 639px;
		height: 360px;
		margin-top: 15px;
		border: 1px solid #444;
		display: none;
	}
	
	.playbutton {
		width: 100px;
		height: 100px;
		position: relative;
		left: 270px;
		top: -230px;
		background-color: #888;
		border: 2px solid #fff;
		border-radius: 50px;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		cursor: pointer;
	}
	
	.playbutton_pfeil {
		width: 100px;
		height: 100px;
		position: relative;
		left: 270px;
		top: -330px;
		background-color: transparent;
		background-image: url('/images/playbutton.png');
		background-repeat: no-repeat;
		border: 2px solid #fff;
		border-radius: 50px;
		cursor: pointer;
	}

	.klasse2_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.klasse3_iframe {
		width:800px;
		height: 90vh;
		position: fixed;
		left: 50%;
		margin-left: -400px;
		top: 5vh;
		background-color: #fff;
		border: 1px solid #000;
		-moz-box-shadow: 0 0 50px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,1);
		box-shadow: 0 0 50px rgba(0,0,0,1);
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 20000;
	}

	.agb_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.widerruf_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.datenschutz_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.versandkosten_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

}


.wasserfilterkonfigurator_iframe {
	width: 100%;
	height: 220px;
	border-bottom: 1px solid #9c9e9f;
	display: none;
	overflow: auto;
}


.iframe_passwort_reset {
	width: 100%;
	height: 600px;
}


.linie {
	width: 500px;
	height: 10px;
	background-color: #666;
}



/* mobile Varianten erstellen */

@media (max-width:1199px) {

	.video-image {
		width: 100%;
		height: auto;
		margin-top: 15px;
		border: 1px solid #444;
		cursor: pointer;
	}
	
	.videoframe_2 {
		width: 100%;
		height: 200px;
		margin-top: 15px;
		border: none;
		display: none;
	}
	
	.playbutton {
		width: 100px;
		height: 100px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		margin-top: -200px;
		background-color: #888;
		border: 2px solid #fff;
		border-radius: 50px;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		cursor: pointer;
	}
	
	.playbutton_pfeil {
		width: 100px;
		height: 100px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		margin-top: -100px;
		margin-bottom: 100px;
		background-color: transparent;
		background-image: url('/images/playbutton.png');
		background-repeat: no-repeat;
		border: 2px solid #fff;
		border-radius: 50px;
		cursor: pointer;
	}

}
	.klasse2_iframe {
		width: 800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.klasse3_iframe {
		width:800px;
		height: 90vh;
		position: fixed;
		left: 50%;
		margin-left: -400px;
		top: 5vh;
		background-color: #fff;
		border: 1px solid #000;
		-moz-box-shadow: 0 0 50px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,1);
		box-shadow: 0 0 50px rgba(0,0,0,1);
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 20000;
	}

	.agb_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.widerruf_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.datenschutz_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.versandkosten_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}



@media (max-width:500px) {

	.playbutton {
		width: 100px;
		height: 100px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		margin-top: -125px;
		background-color: #888;
		border: 2px solid #fff;
		border-radius: 50px;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		opacity:.50;
		cursor: pointer;
	}

	.playbutton_pfeil {
		width: 100px;
		height: 100px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		margin-top: -100px;
		margin-bottom: 0;
		background-color: transparent;
		background-image: url('/images/playbutton.png');
		background-repeat: no-repeat;
		border: 2px solid #fff;
		border-radius: 50px;
		cursor: pointer;
	}
}
	


@media only screen and (max-width: 900px) {



	.klasse2_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.klasse3_iframe {
		width: 90vw;
		height: 90vh;
		position: fixed;
		left: 50vw;
		top: 5vh;
		margin-left: -45vw;
		background-color: #fff;
		border: 1px solid #000;
		-moz-box-shadow: 0 0 50px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 50px rgba(0,0,0,1);
		box-shadow: 0 0 50px rgba(0,0,0,1);
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 20000;
	}

	.agb_iframe {
		width: 90vw;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
		border: 1px solid #0f0;
	}

	.widerruf_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.datenschutz_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}

	.versandkosten_iframe {
		width:800px;
		height: 100%;
		position: absolute;
		right: 0;
		background-color: #fff;
		display: none;
		z-index: 10000;
	}


}


@media only screen and (max-width: 1000px) {

	h2 {
		font-size: 20px;	
	}

	.carousel-caption h3{ 
		font-size: 16px;
	}

	.carousel-caption h2{
		font-size: 22px;
		line-height: 1.5;
	}

}


@media only screen and (min-width: 1200px) {

	.sliderbild {
		width:100%;
		height: 505px;
	}

}


@media only screen and (max-width: 1200px) {

	.sliderbild {
		width:100%;
		height: 400px;
	}

}


@media only screen and (max-width: 1000px) {

	.sliderbild {
		width:100%;
		height: 400px;
		background-size: cover;
		background-position: right center;
	}

}


@media only screen and (min-width:768px ) and (max-width:999px ) {
	.table-bordered > tbody > tr > td {
		border: 2px solid #585857 ! important;
		padding: 0;
		vertical-align: middle;
	}
}


.newsletter_iframe {
	width: 100%;
	height: 350px;
	margin-top: 25px;
}


.vs_fenster {
	width: 510px;
	height: 490px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -255px;
	margin-top: -250px;
	padding: 25px;
	background-color: #FFFFFF;
	z-index: 99999999;
	display: none;
	-moz-box-shadow: 0 0 50px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,1);
	box-shadow: 0 0 50px rgba(0,0,0,1);
}

.vs_closebutton {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('/images/close-1.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	background-color: #34332f;
	z-index: 4;
	cursor: pointer;
}

.vs_spalte {
	font-size: 12px;
	text-align: center;
	width: 20%;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.vs_spalte:nth-child(5n) {
	border-right: none;
}

.vs_headline {
	background-color: #ddd;
	border-right: 2px solid #fff;
	border-bottom: none;
}

/*
#0B72B5	blau
#7AB51D	gruen neu

									Violett #634483
									rot #c3222d
#ef8e11	orange				grün #ef8e11
alte Blau-Definitionen:
#1c0f49	blau					blau neu #1c64a9 oder #23406c
									blau alt (KW) #0067B3
									tuerkis #12afa7
*/