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

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html {
	height:100%;
	padding:0px;
	margin:0px;
}

body {
	width:100%; width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px);
	height:100%; height:-moz-calc(100% - 100px); height:-webkit-calc(100% - 100px); height:-o-calc(100% - 100px); height:calc(100% - 100px);
	background-color:#FFF; background-image:url(../Images/Backgrounds/bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5c5c5c; text-decoration:none; line-height:20px;
	padding:50px 30px; margin:0px;
}

/* FONTS */
@font-face {
	font-family:'ArimoRegular';
	src:url('Fonts/arimo.eot');
    src:url('Fonts/arimo.eot?#iefix') format('embedded-opentype'),
		url('Fonts/arimo.woff2') format('woff2'),
		url('Fonts/arimo.woff') format('woff'),
		url('Fonts/arimo.ttf') format('truetype'),
		url('Fonts/arimo.svg#arimoregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'PTSansNarrow';
	src:url('Fonts/ptsn.eot');
    src:url('Fonts/ptsn.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ptsn.woff') format('woff'),
        url('Fonts/ptsn.ttf') format('truetype'),
        url('Fonts/ptsn.svg#pt_sans_narrowregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'PTSansNarrowBold';
	src:url('Fonts/ptsnb.eot');
    src:url('Fonts/ptsnb.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ptsnb.woff') format('woff'),
        url('Fonts/ptsnb.ttf') format('truetype'),
        url('Fonts/ptsnb.svg#pt_sans_narrowbold') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px; padding:0px; margin:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px; padding:0px; margin:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px; padding:0px; margin:0px;}

img{max-width:100%; border:none;}
hr{height:1px; background-color:#CCC; border:none; color:#CCC; text-decoration:none; padding:0px; margin:20px 0px;}

a{color:#3c8ef5; text-decoration:none; cursor:pointer; -ms-touch-action: manipulation; touch-action: manipulation;}
a:hover{color:#3c8ef5; text-decoration:underline;}

a.back{display:inline-block; background-color:#65c178; font-family:'PTSansNarrowBold'; font-size:23px; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:normal; vertical-align:middle; padding:10px 30px 11px 20px; margin:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.back big{width:20px; height:20px; display:inline-block; background-image:url(../Images/Icons/back.png); background-position:center; background-repeat:no-repeat; vertical-align:middle; padding:0px; margin:0px 15px 0px 0px;}
a.back:hover{background-color:#33916d; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
blockquote, q{quotes:"" "";}
blockquote:before, blockquote:after, q:before, q:after{content:"";}

/* STATUS */
small{display:none; font-size:11px; text-decoration:none; vertical-align:middle; padding:0; margin:0px 0px 15px 0px;}
small.error{display:inline-block; color:#e65e51;}
small.loading{display:inline-block; color:#666;}
small img{vertical-align:middle; padding:0px; margin:0px 7px 0px 0px;}

/* HOME */
section.home{max-width:800px; min-height:630px; position:relative; top:50%; padding:0px; margin:0px auto 30px auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
section.home h1{display:block; position:relative; text-align:center; padding:0px; margin:0px;}
section.home h2{display:block; position:relative; font-family:'PTSansNarrow'; font-size:48px; color:#231f20; text-decoration:none; line-height:48px; text-align:center; text-transform:uppercase; padding:0px; margin:70px 0px 80px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.home nav{display:block; font-family:'ArimoRegular'; font-size:18px; color:#494949; text-decoration:none; line-height:20px; text-align:center; padding:0px; margin:0px;}

section.home ul{display:block; list-style:none; padding:0px; margin:0px auto;}
section.home ul li{width:20%; display:block; float:left; list-style:none; padding:0px; margin:0px;}
section.home ul li a{display:block; color:#494949; text-decoration:none; padding:0px; margin:20px 0px 0px 0px;}
section.home ul li a:hover{color:#3c8ef5; text-decoration:none;}
section.home ul li a big{width:122px; height:92px; display:block; background-image:url(../Images/Icons/flags.png); background-repeat:no-repeat; background-size:auto 100%; padding:0px; margin:0px auto 20px auto;}
section.home ul li a.bg big{background-position:0px 0px;}
section.home ul li a.en big{background-position:-122px 0px;}
section.home ul li a.de big{background-position:-244px 0px;}
section.home ul li a.fr big{background-position:-366px 0px;}
section.home ul li a.nl big{background-position:-488px 0px;}

/* SEARCH */
section.search{max-width:750px; display:block; position:relative; padding:0px; margin:0px auto;}

section.search input{width:-moz-calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px); height:48px; display:block; float:left; background-color:#999; background-image:url(../Images/Icons/search.png); background-position:15px 15px; background-repeat:no-repeat; border:1px solid #7a7a7a; font-family:'PTSansNarrow'; font-size:18px; color:#FFF; text-decoration:none; line-height:48px; padding:0px 10px 0px 50px; margin:0px 0px 10px 0px; -webkit-border-radius:8px 0px 0px 8px; -moz-border-radius:8px 0px 0px 8px; border-radius:8px 0px 0px 8px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.15); -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15); box-shadow:inset 0 0 5px rgba(0,0,0,0.15);}
section.search input.error{background-color:#ff9a9a;}

section.search a{width:136px; height:48px; display:block; float:left; background-color:#f57e38; border:1px solid #646464; font-family:'PTSansNarrow'; font-size:20px; color:#FFF; text-decoration:none; line-height:48px; text-align:center; padding:0px; margin:0px; cursor:pointer; -webkit-border-radius:0px 8px 8px 0px; -moz-border-radius:0px 8px 8px 0px; border-radius:0px 8px 8px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -moz-box-shadow:inset 0 0 2px rgba(255,255,255,0.25); -webkit-box-shadow:inset 0 0 2px rgba(255,255,255,0.25); box-shadow:inset 0 0 2px rgba(255,255,255,0.25);}
section.search a:hover{background-color:#f79743}

/* CATEGORIES */
section.categories{display:block; position:relative; text-align:center; padding:100px 30px 0px 30px; margin:0px 0px 50px 0px;}
section.categories p{display:block; font-family:'ArimoRegular'; font-size:18px; color:#494949; text-decoration:none; line-height:20px; text-align:center; padding:8px 0px 50px 0px; margin:0px;}
section.categories h3{display:block; position:relative; font-family:'PTSansNarrow'; font-size:48px; color:#231f20; text-decoration:none; line-height:48px; text-align:center; text-transform:uppercase; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.categories a.cat{width:115px; height:115px; display:inline-block; position:relative; background-color:#9ab4c2; border:none; font-family:'PTSansNarrow'; font-size:18px; color:#FFF; text-decoration:none; font-weight:normal; line-height:18px; padding:10px; margin:0px 0px 15px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.categories a.cat h4{width:115px; height:45px; display:table-cell; font-family:'PTSansNarrow'; font-size:18px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; line-height:18px; padding:0px; margin:0px;}
section.categories a.cat img{max-width:60px; display:block; padding:0px; margin:0px auto 10px auto;}
section.categories a.cat:hover{background-color:#51c576;}

section.categories a.back{margin:70px 0px 0px 0px;}

/* PRODUCTS */
section.products{display:block; position:relative; text-align:center; padding:100px 30px 0px 30px; margin:0px 0px 50px 0px;}
section.products h3{display:block; position:relative; font-family:'PTSansNarrow'; font-size:48px; color:#231f20; text-decoration:none; line-height:48px; text-align:center; text-transform:uppercase; padding:0px; margin:0px 0px 20px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.products .select{width:100%; max-width:425px; height:42px; display:inline-block; overflow:hidden; background-color:#dce0df; background-image:url(../Images/Icons/select.png); background-position:calc(100% - 10px) center; background-repeat:no-repeat; border:1px solid #d2d6d5; vertical-align:middle; padding:0px; margin:0px 15px 0px 0px;}
section.products .select select{width:120%; width:-moz-calc(100% + 24px); width:-webkit-calc(100% + 24px); width:-o-calc(100% + 24px); width:calc(100% + 24px); background:transparent; border:0; line-height:1; font-family:'ArimoRegular'; font-size:16px; color:#494949; text-decoration:none; text-transform:uppercase; padding:5px 0px 2px 6px; border-radius:0; -webkit-appearance:none;}
section.products .select select option{color:#666; padding:5px 10px;}

a.item{width:174px; height:264px; display:inline-block; position:relative; overflow:hidden; background-color:#FFF; border:1px solid #ededed; vertical-align:top; padding:0px; margin:0px 9px 20px 9px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.item div{height:260px; position:relative; overflow:hidden; border:2px solid #FFF; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.item div img{width:100%;}
a.item div span{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); display:block; position:absolute; bottom:0px; left:0px; background-color:rgba(255,255,255,0.85); font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#a4a4a4; text-decoration:none; padding:10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.item div span h6{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-decoration:none; line-height:14px; padding:0px; margin:0px 0px 3px 0px;}
a.item div span big{display:block; font-family:'PTSansNarrowBold'; font-size:18px; color:#65c178; text-decoration:none; line-height:18px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:3px 0px 0px 0px;}
a.item div span strong{color:#f57e38; text-decoration:none; font-weight:normal;}

a.item:hover{border:1px solid #ffa200; text-decoration:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.item:hover div{border:2px solid #ffa200; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* PRODUCTS */
section.page{max-width:890px; display:block; position:relative; padding:0px; margin:0px auto;}

section.page h2{display:block; font-family:'PTSansNarrow'; font-size:48px; color:#231f20; text-decoration:none; line-height:48px; text-transform:uppercase; padding:0px; margin:0px 0px 10px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page a.back{float:right; margin:0px 0px 0px 15px;}

section.page h4{display:block; font-family:'ArimoRegular'; font-size:16px; color:#494949; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:20px; padding:0px; margin:0px;}
section.page h3{display:none; border-bottom:1px solid #e0dede; font-family:'ArimoRegular'; font-size:16px; color:#494949; text-decoration:none; text-transform:uppercase; font-weight:normal; font-style:normal; line-height:20px; padding:0px 0px 15px 0px; margin:0px 0px 30px 0px;}
section.page h4 a.sub,
section.page h3 a.sub{color:#49b192; text-decoration:none;}
section.page h4 a.sub:hover,
section.page h3 a.sub:hover{color:#49b192; text-decoration:underline;}
section.page h4 a.general,
section.page h3 a.general{color:#74c7d9; text-decoration:none;}
section.page h4 a.general:hover,
section.page h3 a.general:hover{color:#74c7d9; text-decoration:underline;}

section.page div.images{width:60%; max-width:500px; position:relative; float:left; padding:0px; margin:0px 15px 15px 0px;}
section.page div.images .wrapper{display:block; position:relative; vertical-align:middle; border:1px solid #e0dede; padding:0px; margin:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; *zoom:1;}
section.page div.images .wrapper img{width:-moz-calc(100% - 2px); width:-webkit-calc(100% - 2px); width:-o-calc(100% - 2px); width:calc(100% - 2px); display:block; padding:0px; margin:0px auto;}
section.page div.images .wrapper .loading{width:100%; height:100%; min-height:50px; position:absolute; top:0px; left:0px; background-color:rgba(255, 255, 255, 0.5); background-image:url(../Images/Icons/loader.gif); background-position:center; background-repeat:no-repeat; padding:0px; margin:0px; z-index:2000;}
section.page div.images .wrapper .viewport{-webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);}

section.page div.images ul{display:block; list-style:none; padding:0px; margin:0px;}
section.page div.images ul li{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section.page div.images ul li a.post{width:45%;}
section.page div.images ul li a.post img{width:100%; max-width:285px; margin:0px auto 30px;}

section.page div.images .thumbs{padding:0px; margin:7px 0px 0px 0px;}
section.page div.images .thumbs a{width:23%; width:-moz-calc(25% - 9px); width:-webkit-calc(25% - 9px); width:-o-calc(25% - 9px); width:calc(25% - 9px); max-width:116px; display:block; float:left; background-color:#FFF; border:1px solid #e0dedd; padding:0px; margin:0px 7px 7px 0px;}
section.page div.images .thumbs a.null{margin:0px 1px 7px 0px;}
section.page div.images .thumbs a img{width:-moz-calc(100% - 2px); width:-webkit-calc(100% - 2px); width:-o-calc(100% - 2px); width:calc(100% - 2px); max-width:114px; display:block; padding:0px; margin:1px; opacity:0.5; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.images .thumbs a:hover img{opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page div.images .thumbs a.active{background-color:#ffa200; border:1px solid #ffa200;}
section.page div.images .thumbs a.active img{opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section.page div.info{width:-moz-calc(40% - 15px); width:-webkit-calc(40% - 15px); width:-o-calc(40% - 15px); width:calc(40% - 15px); float:left; position:relative; font-size:14px; color:#5c5c5c; text-decoration:none; line-height:20px; text-align:justify; padding:0px; margin:0px;}
section.page div.dates{display:none;}

section.page div.info span.weight,
section.page div.dates span.weight{width:33.3333%; width:-moz-calc(33.3333% - 1px); width:-webkit-calc(33.3333% - 1px); width:-o-calc(33.3333% - 1px); width:calc(33.3333% - 1px); display:block; float:left; border-bottom:1px solid #e0dede; border-right:1px solid #e0dede; font-size:12px; color:#747474; text-decoration:none; text-align:center; padding:10px 0px; margin:0px 0px 20px 0px;}
section.page div.info span.weight big,
section.page div.dates span.weight big{display:block; font-family:'PTSansNarrowBold'; font-size:24px; color:#74c7d9; text-decoration:none; line-height:26px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

section.page div.info span.codes,
section.page div.dates span.codes{width:33.3333%; width:-moz-calc(33.3333% - 1px); width:-webkit-calc(33.3333% - 1px); width:-o-calc(33.3333% - 1px); width:calc(33.3333% - 1px); display:block; float:left; border-bottom:1px solid #e0dede; border-right:1px solid #e0dede; font-size:12px; color:#747474; text-decoration:none; text-align:center; padding:10px 0px; margin:0px 0px 20px 0px;}
section.page div.info span.codes big,
section.page div.dates span.codes big{display:block; font-family:'PTSansNarrowBold'; font-size:24px; color:#f57e38; text-decoration:none; line-height:26px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

section.page div.info span.price,
section.page div.dates span.price{width:33.3333%; display:block; float:left; border-bottom:1px solid #e0dede; font-size:12px; color:#747474; text-decoration:none; text-align:center; padding:10px 0px; margin:0px 0px 20px 0px;}
section.page div.info span.price big,
section.page div.dates span.price big{display:block; font-family:'PTSansNarrowBold'; font-size:24px; color:#65c178; text-decoration:none; line-height:26px; text-transform:uppercase; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

section.page div.info em{color:#999; text-decoration:none;}
section.page div.info strong{color:#333; text-decoration:none;}

section.page div.info ul{display:block; padding:0px; margin:0px;}
section.page div.info ul li{list-style-image:url(../Images/Icons/ulli.png); list-style-position:inside; padding:0px; margin:5px 1px 0px 1px;}

/* MORE */
section.more{display:block; position:relative; text-align:center; padding:40px 30px 0px 30px; margin:0px 0px 10px 0px;}
section.more h5{display:block; position:relative; font-family:'PTSansNarrow'; font-size:24px; color:#444; text-decoration:none; line-height:24px; text-align:center; text-transform:uppercase; padding:0px; margin:0px 0px 20px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

/* RESPONSIVE */
@media only screen and (max-width: 800px){
	section.page div.images{width:100%; float:none; margin:0px auto 30px auto;}
	section.page div.info{width:100%; float:none;}
	
	section.page h2{font-size:40px; line-height:40px;}
	
	section.page h4,
	section.page div.info span.weight,
	section.page div.info span.codes,
	section.page div.info span.price{display:none;}
	section.page h3,
	section.page div.dates{display:block;}
}

@media only screen and (max-width: 750px){
	section.categories,
	section.products{padding:80px 0px 0px 0px;}
	
	section.categories a.cat{margin:0px 0px 10px 10px;}	
	section.products a.item,
	section.more a.item{margin:0px 5px 10px 5px;}
}

@media only screen and (max-width: 700px){
	section.home{min-height:530px;}
	section.home ul li a big{width:61px; height:46px;}
	section.home ul li a.bg big{background-position:0px 0px;}
	section.home ul li a.en big{background-position:-61px 0px;}
	section.home ul li a.de big{background-position:-122px 0px;}
	section.home ul li a.fr big{background-position:-183px 0px;}
	section.home ul li a.nl big{background-position:-244px 0px;}
	
	section.products .select{display:block; margin:0px auto 10px auto;}
	
	section.page h2{font-size:36px; line-height:36px;}
}

@media only screen and (max-height: 630px){
	section.home{top:0%; -webkit-transform:none; -ms-transform:none; transform:none;}
}

@media only screen and (max-width: 650px){
	section.products a.item,
	section.more a.item{margin:0px 4px 10px 4px;}
	
	a.item{width:30%; width:-moz-calc(33.3333% - 10px); width:-webkit-calc(33.3333% - 10px); width:-o-calc(33.3333% - 10px); width:calc(33.3333% - 10px); height:234px;}
	a.item div{height:230px;}
	
	section.categories{padding:50px 0px 0px 0px;}
	section.categories a.back{margin:50px 0px 0px 0px;}
}

@media only screen and (max-width: 600px){
	section.home h2{font-size:36px; line-height:36px; margin:50px 0px 60px 0px;}
	section.categories h3,
	section.products h3{font-size:36px; line-height:36px;}
	
	section.page h2{font-size:30px; line-height:30px;}
}

@media only screen and (max-width: 550px){
	section.page a.back{float:none; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 500px){
	section.search input{width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); float:none; padding:0px 10px 0px 50px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
	section.search a{float:none; margin:0px auto; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
	
	section.page h3 span{display:none;}
	section.page h3 a.sub,
	section.page h3 a.general{display:block;}
	
	section.page h2{font-size:24px; line-height:24px;}
}

@media only screen and (max-width: 450px){
	section.home h2{font-size:30px; line-height:30px; margin:30px 0px 40px 0px;}
	section.home ul{max-width:200px;}
	section.home ul li{width:100%; float:none; margin:20px 0px 0px 0px;}
	section.home ul li a{text-align:left; margin:0px;}
	section.home ul li a big{display:inline-block; vertical-align:middle; margin:0px 20px 0px 0px;}
	
	section.categories h3,
	section.products h3{font-size:30px; line-height:30px;}
	
	section.products .select select{font-size:12px; padding:9px 0px 2px 6px;}
	
	a.item{width:45%; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); height:234px;}
	a.item div{height:230px;}
}

@media only screen and (max-width: 400px){
	section.categories a.cat{padding:8px; margin:2px;}
	
	section.page div.info span.weight big,
	section.page div.dates span.weight big,
	section.page div.info span.codes big,
	section.page div.dates span.codes big,
	section.page div.info span.price big,
	section.page div.dates span.price big{font-size:18px; line-height:20px;}
}

@media only screen and (max-width: 350px){
	section.categories a.cat{margin:2;}
}