/*
    CSS
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public do`)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;    
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;    
}
a {
   text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {	
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 16px;      
}

main {
   max-width: 1170px;
   margin: 0 auto;
}

.left-menu-new.first-level li a {
	font-weight: bold;
}
.left-menu-new .second-level li a {
	font-weight: normal;
	padding-left: 15px;
}
.left-menu-new .third-level li a {
	font-weight: normal;
	text-transform: none;
}
.left-menu-new .item {
	float: left;
	width: 85%;
	box-sizing: border-box;
}
.left-menu-new .arrow-container {
	float: right;
	text-align: right;
	box-sizing: border-box;
	cursor: pointer;
	width: 30px;
	height: 30px;
}


.left-column-main-visibility {
	display: none;
}
.left-column-main-visibility-shown {
	display: none;
}
.left-column {
	width: 22.863248%;	
}
strong {
	font-weight: bold;
}


.content-column {
   max-width: 640px;
}
.content-column img {
   max-width: 100%;
   border: 2px solid #ddd;
   height: auto;
}
.content-column ul {
   list-style: disc;
}
.content-column ul li {
   margin-left: 30px;
   line-height: 170%;
   font-size: 1.1em;
}
.content-column .top-line{
	height: 3px; 
	background-color: #f2f2f2;
}
.content-column .lifetime {
   font-size: 14px;   
   color: #777;
   font-weight: bold;
}
.content-column ul {
   margin-bottom: 30px;
}
.content-column ul.included {
   font-size: 0.8em;
}
.content-column .deal {
   border: 2px solid #EA2E49;
   color: #666;
   padding: 10px;
   font-size: 12px;
   border: 1px solid #d2d2d2;
   box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
   transition: box-shadow 0.4s ease-in-out;   
   display: inline-block;
}
.content-column a.deal {
   text-decoration: none;
}
.content-column .deal:hover {
   box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.content-column .deal .price {
   font-weight: bold;
   color: #342f5a;
   font-size: 22px;
}
.content-column .deal .old-price {
   text-decoration: line-through;
   display: inline-block;
   margin-left: 5px;
}
.content-column .deal .get {
   /* background-color: #da1ae9; */
   background-color: #ffbc00;
   padding: 5px 10px;
   color: #fff;
   color: #000;
   border-radius: 3px;
   font-weight: bold;
   display: inline-block;
   margin-left: 15px;
   font-size: 19px;
}
.content-column h1 {
	font-size: 2em;
	/* color: #545454;*/
	color: #000;	
	margin-top: 20px;
	margin-bottom: 35px;
   font-weight: bold;
   line-height: 130%;
}
.content-column h2 {
	font-size: 1.5em;
	color: #000;
	margin-top: 35px;
	margin-bottom: 20px;
   font-weight: bold;
   line-height: 170%;
}
.content-column h3 {
	font-size: 1.2em;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
   font-weight: bold;
   line-height: 130%;
}
.content-column p {   
	font-size: 1.1em;
	line-height: 170%;
	color: #000;
	margin-bottom: 20px;
}
.content-column b, 
.content-column strong
{
   font-weight: bold;
}
.left-column .top-line {
	height: 3px; 
	background-color: #ea2e49;
}
.left-column .left-column-content {
	padding: 20px;
	padding-top: 15px;
}
.left-column .left-column-content h2 {
	/*border-bottom: 1px solid #d6d6d6;*/
	font-size: 1.4em;
	color: #545454;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.left-column .left-column-content > ul {
	margin-top: 20px;
}
.left-column .left-column-content li {
	/* background: url('../images/li-left-menu.png') no-repeat;  */
	background-position: 0 13px;      
}
.left-column .left-column-content li a {
	color: #545454;
	font-size: 0.85em;
	text-decoration: none;
	/* width: 100%; */
	height: 100%;
	display: block;
	padding-left: 15px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

@media only screen and (min-width: 821px) {
.left-column .left-column-content {
   display: none;
}   


.left-column .left-column-content>li:first-of-type a {
	border-top: 1px solid #ddd;
}
}

.left-column .left-column-content li a.act-final {
	/* font-weight: bold; */
	color: #ea2e49;
}
.left-column .left-column-content li a:hover {
	text-decoration: underline;
}
.left-column .left-column-content li li {
	/* margin-left: 20px; */	
}
.left-column .left-column-content li li a {
	width: 91%;
	padding-left: 25px;
	box-sizing: border-box;	
}
.left-column .left-column-content li li ul li a {	
	padding-left: 40px;
	box-sizing: border-box;	
}
@media only screen and (min-width: 821px) {
	.left-column .left-column-content li li a {
		width: 100%;		
	}
}

.main-menu {	
	background: rgba(199, 199, 199, .0);		
}
.main-menu nav > ul > li {
	float: left;
	position: relative;
	apadding: 20px;   
}

.main-menu nav > ul > li a {      
	display: block;
	padding: 17px;   
	padding-bottom: 14px;
	color: #333;
	text-decoration: none;
	/* text-transform: uppercase; */
	font-weight: bold;
	/*font-size: 0.9375em;*/
	font-size: 0.9075em;
	padding-left: 13px;
	padding-right: 13px;
}
.main-menu nav > ul > li > a {      
   color: #fff;
}
.main-menu nav > ul > li a:first-child {      
	padding-left: 17px;
}
.main-menu nav > ul > li a:hover {   
	background-color: #bbb;
}
.main-menu nav > ul > li a.active {   
	background-color: #bbb;
}
.main-menu nav > ul > li > div {
	display: none;
	background-color: #fff;
	position: absolute;
	top: 46px;
	left: 0px;
	z-index: 1000;
	width: 200px;   
}
.main-menu nav > ul > li > div a {
	font-size: 0.8125em;
	text-transform: none;
	font-weight: normal;   
	padding: 10px;
}
.main-menu nav > ul > li > div a:hover {   
	background: none;
	color: #EA2E49;
}
.main-menu nav > ul > li > div li {
	float: left; 
	width: 150px;
}
.main-menu a.link-product {
	font-size: 0.75em; 
	color: #333; 
	font-weight: bold; 
	line-height: 120%;
}
.main-menu a.link-product:hover {
	color: #EA2E49;
}
.menu-button {	
	float: right;
	background-size: contain;   
	width: 20px;
	height: 3px;      
	margin-top: 35px;
	opacity: 0.9;
	margin-right: 20px;
   
   display: block;
   float: right;
   background-size: contain;   
   width: 20px;
   height: 3px;      
   margin-top: 8px;
   opacity: 0.9;
   margin-right: 10px;
}
.menu-button img {
   width: 35px;
   padding-top: 4px;
   height: auto;
}   

footer nav li {
	display: inline;
}
footer #copyright a {   
	color: #545454;
	text-decoration: none;
}
footer #copyright a:hover {
	text-decoration: underline;
}
#social {
	float: right;
}
#social span {
	display: none;
}
#social #social-twitter{
	/* float: right; */
	width: 27px; 
	height: 27px; 
	background: url('../images/icon-twitter.png');
	opacity: 0.75;
}
#social #social-facebook{
	/* float: right; */
	width: 32px; 
	height: 32px; 
	background: url('../images/icon-facebook-32.png');
	opacity: 0.75;
	margin-right: 10px;
}
#social #social-instagram{
	/* float: right; */
	width: 32px; 
	height: 32px; 
	background: url('../images/icon-instagram-32.png');
	opacity: 0.75;
	margin-right: 10px;
}
footer {
	background-color: #f2f2f2;   
	/* background-color: #e2e2e2; */
	/* background-color: #f9f9f9; */
	padding: 25px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
footer nav li {
	display: inline;
	font-size: 0.75em;
	margin-right: 15px;
}
footer nav li a {
	display: inline;
	color: #0c0c0c;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
footer nav li a:hover {
	text-decoration: underline;
}
footer #copyright {
	color: #545454;
	font-size: 0.75em;
	margin-top: 20px;
}
#container {
	/* width: 1170px; */
	/* width: 100%; */
	/* width: 990px; */
	background-color: #fff;
	margin: 0 auto;
}
.center {
	text-align: center;
}
.content-column a {
	color: #EA2E49;
	text-decoration: none;
}
.content-column a:hover {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/*
   area, container, row, d
*/
.container {
	max-width: 1170px;
	margin: 0 auto;   
}
.container-f {
	width: 1170px;
	margin: 0 auto;   
}
.container-full {   
	margin: 0 auto;   
	text-align: center;
}

.d-1-1-m20 {   
	width: 96.58119658%;
	float: left;
	margin-left: 1.709402%;
	margin-right: 1.709402%;
}
.d-1-2-g20-m20-l {
	margin-right: 0.854701%;
	margin-left: 1.709402%;
	width: 47.435897%;
	float: left;
}
.d-1-2-g20-m20-r {
	margin-right: 1.709402%;
	margin-left: 0.854701%;
	width: 47.435897%;
	float: left;
}
.d-3-4-g20-m20-r {
	margin-right: 1.709402%;
	margin-left: 0.854701%;
	width: 72.008548%;
	float: left;
}
.d-3-4-g20-m20-l {
	margin-right: 0.854701%;
	margin-left: 1.709402%;
	width: 72.008548%;
	float: left;   
}
.d-1-4-g20-m20-l {
	margin-right: 0.854701%;
	margin-left: 1.709402%;
	width: 22.863248%;
	float: left;
}
.d-1-4-g20-m20-r {
	margin-right: 1.709402%;
	margin-left: 0.854701%;
	width: 22.863248%;
	float: left;
}

.d-1-3-g20-m20 {
	margin-right: 0.854700855%;
	margin-left: 0.854700855%;
	width: 31.05413105%;
	float: left;
}
.d-1-3-g20-m20-l {
	margin-right: 0.854700855%;
	margin-left: 1.709401709%;
	width: 31.05413105%;
	float: left;
}
.d-1-3-g20-m20-r {
	margin-right: 1.709401709%;
	margin-left: 0.854700855%;
	width: 31.05413105%;
	float: left;
}


@media only screen and (min-width: 821px) and (max-width: 1170px) {
	#container {
		/* max-width: 960px; */
		/* width: 960px; */
		width: 100%;
		max-width: 100%;
		margin: 0 auto;      
	}      
	.container-f {
		width: 960px;
		margin: 0 auto;      
	}    	
}

@media only screen and (min-width: 751px) and (max-width: 820px) {	
	.left-column-visibility {
		display: none;
	}	
	.left-column-visibility-shown {
		display: block;
	}	
	.left-column-main-visibility {
		display: none;
	}	
	.left-column-main-visibility-shown {
		display: block;
	}
	.menu-button {
		display: block !important;
	}   	
	#container {
		width: 100%;
		max-width: 100%;
	}       
	.container-f {
		width: 750px;
		margin: 0 auto;
	}      
	#menu-button {
		display: block !important;
		cursor: pointer;
	}     
	.d-1-4-g20-m20-l {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
	}	
	.d-3-4-g20-m20-r {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
	}	
   .d-3-4-g20-m20-l {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
	}	
   .d-1-4-g20-m20-r {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
	}	
   .d-1-3-g20-m20 {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
   }
   .d-1-3-g20-m20-l {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
   }
   .d-1-3-g20-m20-r {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
   }
	.left-column {
		position: fixed;
		background-color: #fff;		
		top: 0px;
		left: 0px;
		margin-left: 0px;
		z-index: 10;
		width: 250px;	
		overflow-y: auto;
		max-height: 100%;		
	}	
	.non-responsive-menu {
		display: none;
	}	
	.responsive-menu {
		display: block !important;
		margin-bottom: 30px;
		display: block;
	}	
	.responsive-menu ul li a {
		text-transform: uppercase;
	}		
   .main-menu {   
		display: none;
	}	
	.animate-left {
		animation:animateleft 0.4s
	}
	@keyframes animateleft {
		from{left:-300px;opacity:0} to {left:0;opacity:1}
	}   
}

@media only screen and (min-width: 0px) and (max-width: 750px) {   	
   .left-column-visibility {
		display: none;
	}
	.left-column-visibility-shown {
		display: block;
	}	
	.left-column-main-visibility {
		display: none;
	}
	.left-column-main-visibility-shown {
		display: block;
	}	
	footer nav li {
		padding: 5px;
		display: block;		
	}		
	.left-column {	   
		-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.15);
	}      	
	.responsive-menu-close {
		display: block;
		cursor: pointer;
		float: right;
		width: 50px;
		height: 50px;
	}
	.responsive-menu-close img {
		top: 8px;
		position: relative;
		left: 15px;
	}
	.menu-button {
		display: block !important;
		float: right;
		background-size: contain;   
		width: 20px;
		height: 3px;      
		margin-top: 7px;
		opacity: 0.9;
		margin-right: 10px;
	}   		
	#container {
		width: 100%;
        max-width: 100%;
	}   	
	#menu-button {
		display: block !important;
		cursor: pointer;
	}     	
	.container-f {
		max-width: 480px;
		margin: 0 auto;
		width: 100%;
	}
   .d-1-2-g20-m20-l {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;      
		margin-bottom: 45px;
   }   
   .d-1-2-g20-m20-r {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;      
		margin-bottom: 45px;
   }	
	.d-1-1-m20 {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;    
      padding-left: 10px;      
      padding-right: 10px;      
      box-sizing: border-box;      
	}      	
	.d-1-4-g20-m20-l {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 45px;          
	}	
   .d-1-4-g20-m20-r {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;      
	}	
	.d-3-4-g20-m20-r {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 45px;      
	}   
   .d-3-4-g20-m20-l {
		width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;    
      padding-left: 10px;      
      padding-right: 10px;      
      box-sizing: border-box;
	}	
   .d-1-3-g20-m20 {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;    
      padding-left: 10px;      
      padding-right: 10px;      
      box-sizing: border-box;
   }
   .d-1-3-g20-m20-l {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;    
      padding-left: 10px;      
      padding-right: 10px;      
      box-sizing: border-box;
   }
   .d-1-3-g20-m20-r {
      width: 96.58119658%;
		float: left;
		margin-left: 1.709402%;
		margin-right: 1.709402%;
		margin-bottom: 20px;    
      padding-left: 10px;      
      padding-right: 10px;      
      box-sizing: border-box;
   }
	.left-column {
		position: fixed;
		background-color: #fff;		
		top: 0px;
		left: 0px;
		margin-left: 0px;
		z-index: 10;
		width: 300px;	
		overflow-y: auto;
		max-height: 100%;		
		overflow-y: scroll;
	}	
	.non-responsive-menu {
		display: none;
	}	
	.responsive-menu {
		display: block !important;
		margin-bottom: 30px;
	}	
	.responsive-menu ul li a {
		text-transform: uppercase;
	}		
   .main-menu {   
		display: none;
	}	
	.animate-left{animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}   
    #search {
		display: none;
	}   
}

footer {
  position: relative;
  padding: 50px;
  padding-bottom: 30px;  
   background-color: #f7f7f7;        
}
footer .header_title {
   font-weight: bold;
   font-size: 18px;
   margin-bottom: 30px;         
}
footer .links li {

}   
footer .links a {
   color: #666;
   text-decoration: none;
   font-size: 16px;
   padding: 12px 0;
   display: block;
}   
footer .links a:hover {
   text-decoration: underline;
}

#social {
   float: left;
}
#social #social-facebook {
   float: left;
}
#social #social-instagram {
   float: left;
}


.list-content {
   border: 1px solid #d2d2d2;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   transition: box-shadow 0.4s ease-in-out;
   box-sizing: border-box;
}
.list-content:hover {
    box-shadow: rgba(149, 157, 165, 0.6) 0px 8px 24px;
}
.list-content-text {
   padding: 15px;
   text-decoration: none;
   box-sizing: border-box;
}

.list-content-text .button-more {
   padding: 10px;
   background-color: #ffbc00;
   float: right;
}
.list-content-text .title {
   font-weight: bold;
   margin-bottom: 10px;
   font-size: 18px;
   color: #4700ff;
}
.list-content-text .description {
   font-size: 13px;
   color: #222;
   margin-bottom: 10px;
   line-height: 130%;
}
.list-content-text .price {
   font-size: 17px;
   font-weight: bold;   
   color: #342f5a;
}
.list-content-text .price span {
   font-size: 12px;
   font-weight: normal;   
   color: #666;
}
.list-content-text .price span.old-price {
   font-size: 12px;
   font-weight: normal;   
   color: #999;
   text-decoration: line-through;
}

.list-item img {
  width: 100%;
}
h2 {
  margin-top: 0;
  margin-bottom: 0.4em;
}

/*Flex items*/
.list {
     margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
   
  display: flex;
  flex-wrap: wrap;
  
  
}
.list-item {
   
     margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
   
	display: flex; 
  padding: 0.7em;
	width: 100%;



}
@media all and (min-width: 40em) {
  .list-item {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .list-item {
    width: 33.33%;
  }
}
.list-content {
	background-color: #fff;
  display: flex;
  flex-direction: column;
  /* padding: 1em; */
	width: 100%;
}
.list-content p {
	flex: 1 0 auto;
}
.list-content .aaa {
	flex: 1 0 auto;
}
.list-content .list-content-text {
	flex: 1 0 auto;
}

#pager {
   margin-top: 20px;
   line-height: 200%;
   font-size: 14px;
}
#pager a {
   border: 1px solid #ddd;
   padding: 6px 8px;
   color: blue;
   background-color: #f5f5f5;
   min-width: 25px;
   
}
#pager a.prev, #pager a.next {
   padding: 6px 8px;
}
#pager span {
   border: 1px solid #ddd;
   padding: 6px 8px;
   min-width: 25px;   
}

/*
    clearfix
*/
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}