@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic&subset=latin,latin-ext);

body {
	color: #2E2E2E;
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	line-height: 170%; 
}

/* one-way css class  */
.fl{float:left;}
.fr{float:right;}
.center{text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.upper {text-transform: uppercase;}
.upper_off {text-transform: none;}
.fullwidth { width: 100%; }
.bgwh { background-color: white; }
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mr5 {margin-right: 5px;}
.nobr	{ white-space:nowrap; }
.small { font-size: 90%; }
img.ico16 {
	vertical-align: middle;
	width: 16px; height: 16px;
	border: 0;
	padding: 0 0 3px 0;
	text-decoration: none;
}

/* common elements */

a {color: #2E2E2E; text-decoration:underline; }
a:hover {color: #0000FF; text-decoration:underline;}

.link_2 {text-decoration: none;}
.link_2:hover {text-decoration: underline;}

.hidden{
	display: none;
}
.cleaner{
	clear: both;
	font-size: 0;
	visibility: hidden;
	border: none;
	margin: 0; padding: 0;
}

.clearfix {
  position: relative;
}
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

.bold { font-weight: bold; }
.upper { text-transform: uppercase; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{ 
	font-family: 'Exo 2', sans-serif;
	line-height: 100%; /* bugfix */
	color: #2E2E2E;
}

h1, .h1, h2, .h2{
	margin: 10px 0px 10px 0px;
}
h1, .h1{
	font-size: 27px;
	font-weight: normal;
	
}
h2, .h2{
	font-size: 24px;
	font-weight: normal;
}
h3, .h3{
	margin: 4px 0px 4px 0px;
	font-size: 20px;
	font-weight: normal;
}
h4, h5, h6,
.h4, .h5, .h6
{
	margin: 4px 0px 4px 0px;
	font-size: 16px;
	color: #414141;
	font-weight: bold;
}

.center ul {
	list-style-position: inside;	
}

table.striped tr:nth-child(odd) td {
 background-color: #EEEEEE;
}

table.list {
	width: 100%;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #D3D3D3;
}
table.list td {
	padding: 5px 4px 5px 4px;
}
/* bubble pop up fix: */
table.list table td {
	padding: 0;
}
table.list tr.header td {
	background: #EDEDED;
	color: #555555;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
}
table.list tr.header td {
	padding: 6px;
}

/* forms */
input[type=button], button, .button {
	width:auto;
	overflow:visible;
	border: 1px solid #C3C3C3;
	background-color:#EBEBEB;
	color: #7F7F7F;
	font: 700 13px/16px 'Exo 2', sans-serif;
	text-transform:uppercase;
	padding: 8px 9px;
	display: inline-block;
	height:auto;
	text-decoration:none;
	cursor: pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s ease 0s;
}

input[type=button]:hover, button:hover, .button:hover {
	border: 1px solid #7F7F7F;
	background: #7F7F7F;
	color: #EBEBEB;
	box-shadow:none;
	text-decoration:none;
}

input[type=text],input[type=email],input[type=password], select {
	color: #535353;
	font: 400 14px/16px 'Exo 2', sans-serif;
	padding: 7px 7px;
	border: 1px solid #C3C3C3;
}

select {
	padding: 5px 7px;
}

.hide_me {
	/* dont show antispam form field */
	display: none;
}

/* layout */

/* grids */
.grid-row {
	clear: both;
	font-size: 0;
	visibility: hidden;
	border: none;
	margin: 0; padding: 0;
}

/* grid 4 = 4 columns */
.grid-4 {
	width: 100%;
}

.grid-4-1 {
	float: left;
	width: 23%;
	margin: 5px 1%;
}

.grid-4-1 .pad {
}

.grid-4-1.last {
	margin-right: 0;
}

/* template */


#warning_demo_only {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	background: #FFF9D7; 
	border-bottom: 1px solid #EAE3B8;
}

#warning_demo_only #wdo_pad {
	padding: 6px 0;
	text-align: center;
}

/* Envelope (responsive) */

.envelope_bg {width: 100%; background-color:#fff;}
.envelope_bg.bg1,.bg1 { background-color:#fff;}
.envelope_bg.bg2, .bg2 { background-color: #242424; color: #8F8F8F; }
.bg2 a {color: #FFFFFF; } 
.envelope_bg.bg3,.bg3 { background-color: #0C0C0C; color: #8F8F8F; }
.bg3 a {color: #FFFFFF; } 
.envelope_bg.bg4,.bg4 { background-color: #F0F0F0;}
.bg1 a {color: #2E2E2E;}

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(60,60,60,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(60,60,60,1);
box-shadow: 0px 0px 10px 0px rgba(60,60,60,1);
}

div.shadow {
	width: 100%;
	height: 5px;
	background: url('../img/template/bg/shadow.png') center bottom repeat-x; 
}

.envelope {
	width: 100%;  
	max-width: 1220px;
	margin: 0 auto 0 auto; 
}
.envelope-pad-top {
	padding:  40px 3% 0 3%;
}
.envelope-pad-top-bottom {
	padding:  40px 3%;
}
.envelope-pad {
	padding:  0 3%;
}
.envelope-pad-tiny {
	padding:  25px 3%;
}

.envelope-pad-language {
	padding:  14px 3% 8px 3%;
}

.envelope-pad-banner {
	padding:  25px 3% 0 3%;
}

.envelope-pad-logo {
	padding:  25px 3% 10px 3%;
}

/* template */

/* strip */
.stripe .item {
	border-left: 1px solid #575757;
	font-size: 14px;
}
.stripe .items .item:last-child {
	border-right: 1px solid #575757;
}

.stripe .item { 
	margin: 0;
	padding: 8px 14px; 
	/* display: inline-block; whitespace after element, using float left instead */
	float: left;
	position: relative;
	cursor: pointer;
}

.stripe .details {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 40px;
	min-width: 150px;
	border: 1px solid #575757;
	padding: 8px 14px; 
	z-index: 10000;
	display: none;
}

.stripe .details.bg1 {
	border-color: #999;
}

.stripe .details.wide {
	width: 320px;
}

.stripe .item .title { 
	color: #fff; font-weight: bold; text-transform: uppercase; 
}

.stripe .item.bgHilite {
	background-color: #3F3F3F;
}

.stripe .item .more_down {
	display: inline-block;
	width: 16px; height: 16px;
	vertical-align: middle;
	background: url(../img/template/ico/gray/more_down.png) top left no-repeat;
}

div.effect {
	width: 100%;
}

div.effect img {
	width: 100%;
}

div.effect a { width: 100%; display: none; }
div.effect a.first { display: block; }

.effect .cycle-prev, .effect .cycle-next {
	width: 26px; height: 34px;
	position: absolute;
	cursor: pointer;
	top: 45%; 
	z-index: 800;
	background-position: 5px 10px;
	background-repeat: no-repeat;
	opacity: 0.7;
	transition: all 0.5s ease 0s;
}

.effect .cycle-prev:hover, .effect .cycle-next:hover {
	background-color: #797979;
	opacity: 0.8;
}

.effect .cycle-prev {
	left: 0px;
	background-image: url('../img/template/cycle/prev.png');
}

.effect .cycle-next {
	right: 0px;
	background-position: 7px 10px;
	background-image: url('../img/template/cycle/next.png');
}

/* quicksearch */
#quick_search {
	margin:10px 0px 0 0;
	text-align: right;
}
#quick_search_input {
	float:left;
	border:1px solid #D7D7D7;
	color:#888;
	background-color:white;
	height:34px; width:200px; line-height:30px;
	margin-right:8px;
	padding:0 8px;
	text-transform: uppercase;
	font-size: 12px;
}
#quick_search_submit {
	float:left;
	border:0;
	margin:0; padding:0;
	width:38px;
	height:36px; /* 34px + 2*1px border */
	background: url(../img/template/search.png) no-repeat 8px 7px;
	/* background-color: theme */
	cursor:pointer;
}

#quick_search_submit:hover {
	background-position:8px -36px;
}
/* end of: quicksearch */


/* menu 1st level */
#menu {
	z-index: 10000;
	/* bugfix: margin-bottom after inline-block element */
	line-height: 0;
}

#menu_shop {
	background-color: #fff;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	line-height: 18px;
	/*
	center horizontally:
	http://stackoverflow.com/questions/14943907/css-center-ul-list-inside-a-100-width-div
	*/
	display: inline-block; 
	margin: 0 auto;
}


/* menu_2 */

.menu_2 {
	margin-bottom: 10px;
}

.menu_2 .m2_col{
	float: left;
	width: 270px;
	margin-right: 20px;
}

.menu_2 .m2_col.last {
	margin-right: 0px;
}

.menu_2 .title {
	margin-bottom: 5px;
}
.menu_2 .title, .menu_2 .title a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.menu_2 .article {
	margin-bottom: 3px;
}

.menu_2 .article a {
	color: #858585;
	text-decoration: none;
	text-transform: lowercase;
}

.menu_2 .title a:hover, .menu_2 .article a:hover  {
	text-decoration: underline;
}

/* footer */

.footer {
	font-size: 13px;
}

.newsletter_quick_form {
	width: 240px; height: 40px;
	position: relative;
}

input.nqf_input {
	border: 0;
	margin: 0;
	padding: 5px;
	height: 28px;
	width: 195px;
	font-size: 12px;
	line-height: 30px;
	color: #A0A0A0;
	background-color: #3E3E3E;
	background-color: transparent;
	border: 1px solid #3E3E3E;
}

.nqf_submit {
	position: absolute;
	right: 0;	top: 0;
	border: 0;
	height: 40px;
	width: 35px;
	cursor: pointer;
	background: url('../img/template/bg/submit.png') 13px 12px no-repeat;
	/* background-color: theme */
	cursor: pointer;
	transition:all 0.3s ease 0s;
	font-size: 0;
}

.nqf_submit:hover {
	background-color: #3E3E3E;
}

/* social icons */
.social-nets-wrapper .social {
	list-style-type:none;
	margin: 10px 0 0 0;
	padding: 0;
}

.social-nets-wrapper .social li {
	display:inline-block;
	width:34px;
	height:34px;
	overflow:hidden;
	margin-left:9px;
	text-align:center;
	line-height:32px;
}
.social-nets-wrapper .social li:first-child { margin-left:0; }
.social-nets-wrapper .social li a {
	width:34px;
	height:34px;
	line-height:32px;
	background:#353535;
	display:inline-block;
}
.social-nets-wrapper .social li a img { transition:all 0.3s ease 0s; }
.social-nets-wrapper .social li a:hover { /* background: theme */ }
.social-nets-wrapper .social li a:hover img {
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.social-nets-wrapper .social.light li a {
	background: #A6A6A6;
}

.social-nets-wrapper .social.small li, 
.social-nets-wrapper .social.small li a {
	width:28px;
	height:28px;
	line-height:26px;
}

#logo {
	margin-bottom: 5px;
}

#logo h4.logo, #logo h4.logo a {
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 39px;
	line-height: 40px;
	padding: 0; margin: 0;
	margin-bottom: 3px; 
	color: #646464;
}

#logo .slogan, #logo .slogan a {
	font-family: 'Exo 2', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 20px;
	color: #B4B4B4;
	text-decoration: none;
}

#panel_bottom_fixed {
	position: fixed;
	bottom: 15px;
	left: 0px;
}

#panel_bottom_fixed .item {
	display: block;
	border: 1px solid #BFBFBF;
	background-color: #F0F0F0;
	border-left: none;
	margin-top: 1px;
	font-size: 13px;
	opacity: 0.95;
	font-family: 'Exo 2', sans-serif;
}

#panel_bottom_fixed .item .pad {
	padding: 5px;
}

#panel_bottom_fixed .item .counter {
	margin: 0 3px;
	font-family: 'Open Sans', sans-serif;
 	font-size: 11px;
 	font-weight: bold;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 	
 	border-radius: 50%;
	padding: 4px 5px;
	background: #B1B1B1;
	border: none;
	color: white;
	text-align: center;
}

#payment_icons {
	padding-top: 0px;
}

#payment_icons img {
	margin: 7px 7px 3px 0;
}

.footer_note {
	font-size: 13px;
}

.footer_note .cont {
	padding: 10px 0 0 0;
}

.eet_info {
	color: #6C6C6C;
	font-size: 13px;
	line-height: 18px;
}


/* tiles */
.tiles {
	margin-bottom: 25px;
}

.tiles .item {
	float: left;
	width: 24%;
	overflow: hidden;
	position: relative;
	margin: 5px 0.5%;
}

.tiles .item .image {
	width: 100%;
	height: 150px;
	background-repeat: none;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
		-moz-transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-o-transition: 0.5s all;
		transition: 0.5s all;
}

.tiles .item:hover .image {
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.tiles .item .overlay {
  transition: all 0.5s ease 0s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.08);
} 

.tiles .item:hover .overlay {
   background: rgba(0, 0, 0, 0.0);
}

.tiles .item .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0%;
  bottom: 0;
  padding: 0 0;
  text-align: center;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.tiles .item .content h3 {
	background: rgba(0, 0, 0, 0.45);
	padding: 0;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	font-size: 17px;
	line-height: 22px;
}

.tiles .item:hover .content h3 {
	background: rgba(0, 0, 0, 0.6);
}

.tiles .item .content .text,
.tiles .item .content .text a {
	color: #fff;
}


.tiles .item:hover .content {
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(40%);
}

.tiles .item .blocklink {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.flags { font-size: 0; }

.flags a {margin-left: 20px;} 

.flags img { width: 24px; height: 19px; border: 0; margin: 0; padding: 0; }

.flags img:hover {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(234,201,82,1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(234,201,82,1);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3);
}