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

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

html{
	height:100%;
	min-height:100%;
	padding:0;
	margin:0;
}

body{
	height:100%;
	min-height:100%;
	overflow-x:hidden;
	background-color:#111;
	font-family:'OpenSans';
	font-size:clamp(16px, 2vw, 20px);
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:140%;
	padding:0;
	margin:0 auto;
}

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

img,
svg{max-width:100%; height:auto; display:inline-block; border:none; vertical-align:middle; padding:0; margin:0;}

a,
.link{color:#FFF; text-decoration:none; cursor:pointer;}
a:hover,
.link:hover{color:#FFF; text-decoration:underline;}

.button{display:inline-block; position:relative; background-color:#FFA200; font-size:clamp(14px, 1.5vw, 16px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; text-align:center; line-height:clamp(36px, 3vw, 52px); padding:0 clamp(15px, 3vw, 30px); margin:0; cursor:pointer; -webkit-touch-callout:none;  -webkit-user-select:none;  -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.button:hover{background-color:#FFF; text-decoration:none;}

.hide{display:none;}
.show{display:block;}
.cookies{font-size:12px; line-height:140%;}
.hidden{width:100%; display:block; position:relative; overflow-x:hidden; padding:0; margin:0;}
.disabled-date{background:#FFA200 !important; color:#000 !important; pointer-events:none;}

ul,
ol{display:block; padding:0; margin:clamp(10px, 2vw, 20px) 0 clamp(10px, 2vw, 20px) clamp(10px, 2vw, 20px);}
ul li{padding:0; margin:0;}

hr{height:4px; background-color:#ececec; border:none; color:#ececec; margin:clamp(15px, 3vw, 30px) 0;}

picture,
picture img{max-width:100%; padding:0; margin:0;}

span.count{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:block; position:relative; padding:0 15px; margin:0 auto;}

/* SMALL */
small{display:none; font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:clamp(10px, 2vw, 12px); text-decoration:none; padding:clamp(10px, 2vw, 15px) 0; margin:0}
small.error{display:block; color:#881b1b;}
small.success{display:block; color:#409805;}
small.loading{display:block; color:#666;}

small svg,
small img{vertical-align:text-bottom; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0;}

/* INPUT */
input{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:35px; display:block; background-color:#FFF; border:none; font-family:'OpenSans'; font-size:clamp(12px, 2vw, 14px); color:#000; text-decoration:none; line-height:35px; padding:0 clamp(10px, 1vw, 15px); margin:0 0 clamp(10px, 1vw, 15px) 0; -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;}
input.calendar{background-image:url("../Images/Icons/calendar.svg"); background-position:calc(100% - 3px) center; background-repeat:no-repeat; background-size:auto 75%; cursor:pointer;}

input:hover{background-color:#d6d5d4; color:#666;}
input:focus{background-color:#666; color:#FFF;}

/* TEXTAREA */
textarea{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); height:200px; display:block; background-color:#FFF; border:none; font-family:'OpenSans'; font-size:clamp(12px, 2vw, 14px); color:#000; text-decoration:none; line-height:140%; padding:clamp(10px, 1vw, 15px); margin:0 0 clamp(10px, 1vw, 15px) 0; -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;}
textarea:hover{background-color:#d6d5d4; color:#666;}
textarea:focus{background-color:#666; color:#FFF;}

/* SELECT */
.slct{width:100%; height:50px; display:inline-block; overflow:hidden; background-color:#FFF; background-image:url(../Images/Icons/select.svg); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; background-size:auto 25%; border:none; vertical-align:middle; padding:0; margin:0 0 15px 0;}
.slct select{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-size:clamp(12px, 1vw, 15px); color:#333; text-decoration:none; font-weight:normal; font-style:normal; padding:16px 10px; margin:0; border-radius:0; -webkit-appearance:none;}
.slct select option{color:#333; padding:0 10px;}

/* CHECKBOX */
div.checkbox{width:35px; height:26px; position:relative; float:left; clear:both; padding:0; margin:0 5px 0 0;}
div.checkbox label{width:26px; height:26px; position:absolute; left:0; top:0; background-color:#FFF; padding:0; cursor:pointer;}
div.checkbox label:after{width:11px; height:7px; position:absolute; top:6px; left:6px; background:transparent; border:3px solid #333; border-top:none; border-right:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
div.checkbox label:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.5;}
div.checkbox input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}

/* ERROR */
input.error,
textarea.error,
div.checkbox.error label{background-color:#ff9a9a !important; color:#000 !important;}

input.error:hover,
textarea.error:hover{background-color:#eb6c6c !important; color:#000 !important;}

input.error:focus,
textarea.error:focus{background-color:#eb6c6c !important; color:#FFF !important;}

/* HEADLINES */
h1{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(32px, 4vw, 72px); color:#FFF; text-decoration:none; font-weight:bold; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(30px, 4vw, 60px) 0;}
h2{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(24px, 6vw, 60px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
h3{display:block; position:relative; font-family:'OpenSansBold'; font-size:clamp(20px, 5vw, 40px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
h4{display:block; position:relative; font-size:clamp(18px, 4vw, 36px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
h5{display:block; position:relative; font-size:clamp(16px, 3vw, 32px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
/*
h6{display:block; position:relative; font-family:'OpenSansLight'; font-size:clamp(14px, 2vw, 24px); color:#3C3C3C; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:120%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* HEADER */
header{width:100%; display:block; position:absolute; font-size:clamp(12px, 1.5vw, 15px); text-align:center; padding:clamp(15px, 3vw, 30px) 0; margin:0; z-index:999;}
header.pinned{position:fixed; top:0; background-color:rgba(0,0,0,0.9); padding:clamp(10px, 1.5vw, 15px) 0;}

/* --- MENU --- */
header div.menu{width:30px; height:18px; position:relative; float:left; text-align:left; margin:21px clamp(15px, 3vw, 30px) 21px 0; z-index:999; cursor:pointer;}

header div.menu span{width:100%; height:2px; display:block; position:absolute; left:0; background-color:#FFF; opacity:1; -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
header div.menu span:nth-child(1){top:0;}
header div.menu span:nth-child(2){top:8px;}
header div.menu span:nth-child(3){top:16px;}

header div.menu:hover{text-decoration:none;}
header div.menu:hover span{background-color:#FFA200;}

header div.menu.open span:nth-child(1){width:0%; top:8px; left:50%;}
header div.menu.open span:nth-child(2){width:100%; top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
header div.menu.open span:nth-child(3){width:100%; top:8px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform: rotate(-45deg); transform:rotate(-45deg);}

/* --- LANGUAGES --- */
header div.languages{display:block; position:relative; float:left; text-align:left; padding:0; margin:15px 0; z-index:999;}
header div.languages p{display:inline-block; font-family:'OpenSansLight'; font-size:14px; color:#FFF; vertical-align:middle; padding:0; margin:0 clamp(5px, 1vw, 10px); cursor:default;}
header div.languages svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0;}

header div.languages div{display:none; position:absolute; padding:0; margin:0 0 0 -7px;}
header div.languages div a{min-width:130px; display:block; background-color:rgba(0,0,0,0.5); font-family:'OpenSansLight'; font-size:14px; color:#FFF; padding:0 7px 2px 7px; margin:5px 0 0 0;}
header div.languages div a p{margin:0 0 0 5px; cursor:pointer;}
header div.languages div a:hover{text-decoration:none;}
header div.languages div a:hover p{color:#FFA200;}

header div.languages:hover{text-decoration:none;}
header div.languages:hover div{display:block;}

/* --- LOGO --- */
header svg.logo{display:block; position:absolute; left:50%; padding:0; margin:0 0 0 -118px; z-index:999; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
header svg.logo:hover{opacity:0.6;}

/* --- CALL --- */
header div.call{display:block; position:relative; float:right; text-align:left; padding:0; margin:17px 0; z-index:999; cursor:pointer;}
header div.call p{display:inline-block; font-size:clamp(14px, 2vw, 18px); color:#FFF; text-transform:uppercase; vertical-align:middle; padding:0; margin:0; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
header div.call svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0;}

header div.call:hover p{color:#FFA200;}

/* --- NAVIGATION --- */
header nav{width:100%; height:100%; display:none; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.9); padding:0; margin:0; z-index:99;}
header nav.open{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}

header nav span.count.naviagtion{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:table; position:relative; text-align:left; padding:230px 15px 150px 15px; margin:0 auto;}

/* === MENU === */
header nav ul{width:100%; display:block; position:relative; text-align:center; padding:0; margin:0 auto;}
header nav ul li{display:inline-block; position:relative; text-align:left; padding:0; margin:0 0 0 clamp(50px, 10vw, 100px);}
header nav ul li:first-child{margin:0;}

header nav ul li a{display:block; font-size:clamp(16px, 2vw, 24px); color:#999; text-decoration:none; line-height:200%; padding:0; margin:5px 0 0 0;}
header nav ul li a:hover{color:#FFF; text-decoration:none;}
header nav ul li a.select{color:#FFA200; text-decoration:none;}

/* === SOCIAL === */
header nav div.social{width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); max-width:1280px; display:block; position:absolute; left:0; right:0; top:auto; bottom:80px; padding:0; margin:0 auto;}

header nav div.social p{display:inline-block; font-size:clamp(14px, 2vw, 18px); color:#999; text-decoration:none; font-weight:normal; line-height:36px; vertical-align:middle; padding:0; margin:0;}

header nav div.social svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0 0 0 clamp(10px, 2vw, 20px); cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
header nav div.social svg:hover{fill:#FFA200;}

/* HOME */
section.home{width:100%; height:100%; position:relative; overflow-x:hidden; background-color:#000; padding:0; margin:0; z-index:1;}

section.home p{display:block; font-family:'OpenSansLight'; font-size:clamp(16px, 2vw, 24px); color:#FFF; text-decoration:none; line-height:120%; padding:0; margin:30px 0 0 0;}
section.home h1{margin:0;}
section.home video{width:auto; min-width:100%; height:auto; min-height:100%; max-height:100%; position:absolute; left:0; right:0; top:0; bottom:0; padding:0; margin:0; opacity:0.4; z-index:1;}

/* --- INFO --- */
section.home span.count{height:-moz-calc(100% - 120px); height:-webkit-calc(100% - 120px); height:-o-calc(100% - 120px); height:calc(100% - 120px); display:-webkit-flex; display:flex; text-align:center; padding:120px 15px 0 15px; -webkit-align-items:center; align-items:center; z-index:9;}

/* === BOX === */
section.home span.count a{width:-moz-calc(33.3334% - clamp(20px, 8vw, 80px)); width:-webkit-calc(33.3334% - clamp(20px, 8vw, 80px)); width:-o-calc(33.3334% - clamp(20px, 8vw, 80px)); width:calc(33.3334% - clamp(20px, 8vw, 80px)); display:block; position:relative; float:left; background-color:#292929; text-align:left; padding:clamp(15px, 3vw, 30px); margin:clamp(30px, 6vw, 60px) 0 0 clamp(15px, 3vw, 30px); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
section.home span.count a:first-of-type{margin:clamp(30px, 6vw, 60px) 0 0 0;}

section.home span.count a p{display:block; font-family:'OpenSansLight'; font-size:clamp(12px, 1vw, 14px); color:#CCC; text-decoration:none; font-weight:normal; font-style:normal; line-height:140%; padding:0; margin:0 0 5px 0;}
section.home span.count a svg{float:right; fill:#FFF; padding:0; margin:0;}
section.home span.count a strong{display:block; font-family:'OpenSansBold'; font-size:clamp(18px, 2vw, 24px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:120%; padding:0; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

section.home span.count a:hover{background-color:#FFA200; text-decoration:none;}
section.home span.count a:hover p{color:#292929;}
section.home span.count a:hover svg{fill:#000;}
section.home span.count a:hover strong{color:#030303;}

/* --- DOWN --- */
section.home svg.down{position:absolute; left:50%; bottom:clamp(15px, 4.5vw, 45px); fill:#FFF; padding:0; margin:0 0 0 -24px; z-index:999; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
section.home svg.down:hover{bottom:clamp(10px, 4vw, 40px); fill:#FFA200;}

/* OFFERS */
section.offers{position:relative; text-align:center; padding:clamp(15px, 6vw, 60px) 0; margin:0; z-index:1;}
section.offers .button{margin:clamp(10px, 1.5vw, 15px) auto 0 auto;}

/* --- BUTTONS --- */
section.offers svg.sorts{display:block; float:right; fill:#FFF; margin:0 0 clamp(15px, 3vw, 30px) 0; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
section.offers svg.filters{display:block; float:left; fill:#FFF; margin:0 0 clamp(15px, 3vw, 30px) 0; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
section.offers svg.sorts:hover,
section.offers svg.filters:hover{fill:#999;}

/* --- FILTER --- */
section.offers form.filter{display:none; margin:0 0 clamp(15px, 3vw, 30px) 0; -webkit-align-items:center; align-items:center;}
section.offers form.filter p{color:#FFF; font-size:clamp(12px, 1.5vw, 14px); margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.offers form.filter input{width:75px; height:50px; text-align:center; line-height:50px; padding:0 5px; margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.offers form.filter .slct{margin:0 clamp(10px, 1.5vw, 15px) 0 0;}
section.offers form.filter .button{line-height:50px; margin:0;}

/* --- SORT --- */
section.offers form.sort{display:none; margin:0 0 clamp(15px, 3vw, 30px) 0; -webkit-align-items:center; align-items:center;}
section.offers form.sort .slct{margin:0;}

/* ITEM */
a.item{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); display:block; float:left; text-align:left; padding:0; margin:0 0 20px 20px;}
a.item:nth-of-type(4n + 1){clear:left; margin:0 0 20px 0;}

/* ---- IMAGE --- */
a.item picture{width:100%; display:block; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
a.item picture img{width:100%;}

/* --- INFO --- */
a.item div.info div.name{float:left;}
a.item div.info div.name p{display:block; font-family:'OpenSansBold'; font-size:clamp(10px, 1vw, 12px); color:#FFF; text-decoration:none; text-transform:uppercase; line-height:140%; padding:0; margin:0;}
a.item div.info div.name strong{display:block; font-size:clamp(14px, 1vw, 18px); color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; line-height:140%; padding:0; margin:0;}

/* === PRICE === */
a.item div.info div.price{/*float:right;*/clear:left; font-family:'OpenSansBold'; font-size:clamp(14px, 2vw, 20px); color:#FFA200; text-decoration:none; line-height:100%; padding:6px 0; margin:0;}
a.item div.info div.price em{font-family:'OpenSans'; font-size:clamp(10px, 1vw, 12px); color:#CCC; text-decoration:none; font-style:normal; line-height:100%;}
a.item div.info div.price sub{display:inline; font-family:'OpenSans'; font-size:clamp(10px, 1vw, 12px); color:#FFA200; text-decoration:none; line-height:100%; vertical-align:baseline;}

/* --- EXTRAS --- */
a.item div.extras{margin:clamp(15px, 2vw, 20px) 0 0 0;}
a.item div.extras p{width:-moz-calc(20% - 14px); width:-webkit-calc(20% - 14px); width:-o-calc(20% - 14px); width:calc(20% - 14px); display:block; float:left; background-color:#292929; font-size:clamp(10px, 1vw, 12px); color:#FFF; text-decoration:none; text-align:center; white-space:nowrap; line-height:100%; padding:5px; margin:5px 0 0 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.item div.extras p:nth-of-type(5n + 1){clear:left; margin:5px 0 0 0;}
a.item div.extras p svg{width:auto; display:block; fill:#FFF; margin:0 auto 5px auto;}

/* --- HOVER --- */
a.item:hover{text-decoration:none;}
a.item:hover div.info div.name strong{color:#FFA200;}

/* ABOUT */
section.about{background-color:#4e4e4e; position:relative; background-position:right center; background-repeat:no-repeat; background-size:auto 100%; padding:clamp(60px, 12vw, 120px) 0; margin:0; z-index:1;}
section.about h3{font-size:clamp(32px, 4vw, 72px); margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.about strong{display:block; font-size:clamp(14px, 2vw, 18px); color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; margin:0 0 clamp(5px, 1vw, 10px) 0;}

/* --- BUTTON --- */
section.about .button{margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.about .button:hover{color:#4e4e4e;}

/* --- INPUT --*/
section.about input{width:-moz-calc(33.3334% - clamp(30px, 4vw, 40px)); width:-webkit-calc(33.3334% - clamp(30px, 4vw, 40px)); width:-o-calc(33.3334% - clamp(30px, 4vw, 40px)); width:calc(33.3334% - clamp(30px, 4vw, 40px)); display:block; position:relative; float:left; margin:0 0 clamp(10px, 2vw, 15px) clamp(10px, 2vw, 15px);}
section.about input.full{width:-moz-calc(100% - clamp(20px, 3vw, 30px)); width:-webkit-calc(100% - clamp(20px, 3vw, 30px)); width:-o-calc(100% - clamp(20px, 3vw, 30px)); width:calc(100% - clamp(20px, 3vw, 30px)); float:none; margin:0 0 clamp(10px, 2vw, 15px) 0;}
section.about input:first-of-type{margin:0 0 clamp(10px, 2vw, 15px) 0;}

/* --- DESCRIPTION --- */
section.about p{max-width:640px; display:block; font-family:'OpenSansLight'; font-size:clamp(16px, 2.5vw, 24px); color:#FFF; text-decoration:none;}
section.about p.small{max-width:none; display:inline-block; font-size:clamp(12px, 1.5vw, 14px); vertical-align:baseline; margin:0 clamp(5px, 1vw, 10px) 0 0;}
section.about p.details{max-width:none; display:inline-block; vertical-align:baseline; margin:0 clamp(5px, 1vw, 10px) 0 0;}

/* --- PRICE --- */
section.about div.price{display:inline-block; font-family:'OpenSansBold'; font-size:clamp(18px, 3vw, 30px); color:#FFA200; text-decoration:none; line-height:100%; vertical-align:baseline; padding:0; margin:0;}
section.about div.price em{font-family:'OpenSans'; font-size:clamp(10px, 1vw, 12px); color:#CCC; text-decoration:none; font-style:normal; line-height:100%;}
section.about div.price sub{display:inline; font-family:'OpenSans'; font-size:clamp(10px, 1vw, 12px); color:#FFA200; text-decoration:none; line-height:100%; vertical-align:baseline;}

/* NEWS */
section.news{display:block; text-align:center; padding:clamp(15px, 6vw, 60px) 0; margin:0;}
section.news p{display:block; font-family:'OpenSansLight'; font-size:clamp(16px, 2.5vw, 24px); color:#FFF; text-decoration:none; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.news h4{font-family:'OpenSansBold'; font-size:clamp(32px, 4vw, 72px); margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

/* --- EVENT --- */
section.news a{width:-moz-calc(100% - clamp(15px, 2vw, 30px)) !important; width:-webkit-calc(100% - clamp(15px, 2vw, 30px)) !important; width:-o-calc(100% - clamp(15px, 2vw, 30px)) !important; width:calc(100% - clamp(15px, 2vw, 30px)) !important; display:block; position:relative; float:left; text-decoration:none; text-align:left; padding:0 clamp(10px, 2vw, 15px); margin:0;}
section.news a p{display:block; font-size:clamp(12px, 1.5vw, 14px); color:#FFA200; text-transform:uppercase; text-align:left; margin:0; -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.news a em{display:block; font-family:'OpenSansLight'; color:#999; font-style:normal; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.news a strong{display:block; font-family:'OpenSansBold'; font-size:clamp(15px, 3vw, 30px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0; -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.news a picture{width:100%; display:block; position:relative; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.news a picture img{width:100%; display:block; position:relative;}

section.news a:hover{text-decoration:none;}
section.news a:hover p{color:#FFF;}
section.news a:hover strong{color:#FFA200;}

/* --- LIST --- */
section.news.list span.count a{width:-moz-calc(33.3334% - 10px) !important; width:-webkit-calc(33.3334% - 10px) !important; width:-o-calc(33.3334% - 10px) !important; width:calc(33.3334% - 10px) !important; text-align:left; padding:0; margin:0 0 clamp(10px, 1.5vw, 15px) clamp(10px, 1.5vw, 15px);}
section.news.list span.count a:nth-of-type(3n + 1){clear:left; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

section.news.list span.count div.button{margin:clamp(15px, 3vw, 30px) auto 0 auto;}

/* --- DETAILS --- */
section.news.details{text-align:left;}
section.news.details picture{width:100%; display:block; position:relative; margin:0 auto clamp(15px, 2vw, 30px) auto;}

/* === DESCRIPTIONS === */
section.news.details div.description{display:block; position:relative; font-size:clamp(14px, 2vw, 20px); line-height:150%; padding:0; margin:0 0 clamp(15px, 2vw, 30px) 0;}
section.news.details div.description a{width:auto !important; float:none; display:inline-block; vertical-align:baseline; padding:0; margin:0;}

section.news.details div.description h2{font-size:clamp(24px, 4vw, 36px);}
section.news.details div.description h3{font-size:clamp(20px, 3vw, 28px);}
section.news.details div.description h4{font-size:clamp(18px, 2.5vw, 24px);}
section.news.details div.description h5{font-size:clamp(16px, 2vw, 20px);}
section.news.details div.description h6{font-size:clamp(12px, 1.5vw, 18px);}

/* FOOTER */
footer{display:block; position:relative; background-color:#292929; text-align:center; padding:clamp(15px, 6vw, 60px) 0; margin:0;}
footer h5{font-family:'OpenSansBold'; font-size:clamp(16px, 2vw, 18px); text-transform:uppercase; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

/* --- CONTACTS --- */
footer div.contacts{position:relative; text-align:left; padding:0; margin:0;}
footer div.contacts .button{float:right; margin:0 0 0 clamp(15px, 3vw, 30px);}

/* === INFO === */
footer div.contacts div.info{float:left; padding:0; margin:0;}
footer div.contacts div.info p{display:block; font-family:'OpenSansLight'; font-size:clamp(12px, 1.5vw, 14px); color:#FFF; text-decoration:none; line-height:100%; padding:0; margin:0;}

/* === CALL === */
footer div.contacts .call{display:block; position:relative; float:right; padding:0; margin:11px 0; cursor:pointer;}
footer div.contacts .call p{display:inline-block; font-size:clamp(14px, 2vw, 18px); color:#FFF; text-transform:uppercase; line-height:100%; vertical-align:middle; padding:0; margin:0; cursor:pointer;}
footer div.contacts .call svg{display:inline-block; fill:#FFF; vertical-align:middle; padding:0; margin:0 clamp(5px, 1vw, 10px) 0 0;}

footer div.contacts .call:hover p{color:#FFA200;}

/* --- MENU --- */
footer div.navigation{display:block; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:0; margin:clamp(15px, 3vw, 30px) 0;}

/* === BOX === */
footer div.navigation .box{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); display:block; float:left; text-align:left; padding:0; margin:clamp(15px, 3vw, 30px) 0 clamp(15px, 3vw, 30px) 20px;}
footer div.navigation .box:nth-of-type(4n + 1){clear:left; margin:clamp(15px, 3vw, 30px) 0;}

footer div.navigation .box a,
footer div.navigation .box p
{display:block; font-size:clamp(12px, 1.5vw, 14px); color:#FFF; text-transform:uppercase; line-height:180%; padding:0; margin:0; cursor:pointer; -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;}
footer div.navigation .box a:hover,
footer div.navigation .box p:hover,
footer div.navigation .box a.select,
footer div.navigation .box p.select{color:#FFA200; text-decoration:none;}


footer div.navigation .box svg{width:auto; max-width:clamp(24px, 3vw, 36px); height:clamp(24px, 3vw, 36px); max-height:clamp(24px, 3vw, 36px); display:inline-block; vertical-align:middle; fill:#FFF; padding:0; margin:0 10px 10px 0; cursor:pointer; -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;}
footer div.navigation .box svg:hover{fill:#FFA200;}

/* --- BOTTOM --- */
footer div.bottom .copyright{float:left; font-family:'OpenSansLight'; font-size:clamp(12px, 1.5vw, 14px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0;}
footer div.bottom .copyright strong{font-family:'OpenSansBold'; font-weight:normal;}

/* === AUTHOR === */
footer div.bottom .author{float:right; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:clamp(10px, 1.5vw, 13px); color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:100%; padding:0; margin:0;}
footer div.bottom .author a{color:#f60; text-decoration:none;}
footer div.bottom .author  a:hover{text-decoration:underline;}

/* PAGE */
section.page{display:block; position:relative; line-height:150%; padding:clamp(150px, 20vw, 200px) 0 clamp(30px, 6vw, 60px) 0; margin:0;}
section.page.normal{padding:clamp(30px, 6vw, 60px) 0;}

section.page em{color:#999;}
section.page strong{color:#CCC;}

/* --- VIEW --- */
section.page.view div.images{width:-moz-calc(65% - 15px); width:-webkit-calc(65% - 15px); width:-o-calc(65% - 15px); width:calc(65% - 15px); float:left; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}
section.page.view div.images ul{-moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px;}

/* === GALLERY === */
section.page.view div.images .gallery{width:100%; max-width:820px; padding:0; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
section.page.view div.images .gallery .image{max-width:820px; display:block; position:relative; padding:0; margin:0; cursor:pointer;}
section.page.view div.images .gallery .image picture{width:100%; position:relative; -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.view div.images .gallery .image picture img{width:100%;}
section.page.view div.images .gallery .image:hover picture{opacity:0.75;}

/* === THUMBS === */
section.page.view div.images .thumbs{position:relative; text-align:center; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 0;}

/* +++ ARROW +++ */
section.page.view div.images .thumbs svg{display:block; float:left;  fill:#FFF; padding:0; margin:clamp(15px, 4vw, 42px) 0 0 0; cursor:pointer; rotate:180deg;}
section.page.view div.images .thumbs svg.slick-hidden{display:none;}
section.page.view div.images .thumbs svg.next{rotate:0deg;}
section.page.view div.images .thumbs svg:hover{fill:#FFA200;}

/* +++ PAGINATION +++ */
section.page.view div.images .thumbs .pagination{width:100%; max-width:-moz-calc(100% - 80px); max-width:-webkit-calc(100% - 80px); max-width:-o-calc(100% - 80px); max-width:calc(100% - 80px); max-height:130px; display:block; float:left; padding:0; margin:0  clamp(5px, 1vw, 10px);}
section.page.view div.images .thumbs .pagination .image{width:auto !important; max-height:130px; display:block !important; position:relative; padding:0 5px; margin:0 auto; cursor:pointer;}
section.page.view div.images .thumbs .pagination .image picture{position:relative; opacity:0.75; -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.view div.images .thumbs .pagination .image:hover picture{opacity:0.5;}
section.page.view div.images .thumbs .pagination .slick-current .image picture{opacity:1;}

/* === INFO === */
section.page.view div.info{width:-moz-calc(35% - 15px); width:-webkit-calc(35% - 15px); width:-o-calc(35% - 15px); width:calc(35% - 15px); float:left; padding:0; margin:0 0 clamp(15px, 3vw, 30px) 30px;}
section.page.view div.info h5{display:block; margin:clamp(15px, 3vw, 30px) 0 clamp(10px, 1.5vw, 15px) 0;}
section.page.view div.info .button{display:block; margin:clamp(15px, 3vw, 30px) 0 0 0;}

/* === EXTRA === */
section.page.view div.extra{display:-webkit-flex; display:flex; border-top:1px solid #FFF; font-size:clamp(12px, 1.5vw, 16px); padding:clamp(5px, 1vw, 10px) 0; -webkit-align-items:center; align-items:center;}
section.page.view div.extra:first-of-type{border-top:none;}

section.page.view div.extra p{width:50%; display:block; color:#CCC; padding:0; margin:0;}
section.page.view div.extra strong{width:50%; display:block; font-family:'OpenSansBold'; color:#FFF; font-weight:normal; padding:0; margin:0 0 0 clamp(10px, 1.5vw, 15px);}

/* --- CONTACTS --- */
section.page.contacts div.content{width:50%; display:block; float:left; font-size:clamp(14px, 1.5vw, 16px); color:#999; line-height:140%; padding:0; margin:0;}
section.page.contacts div.content:nth-of-type(2n + 1){width:-moz-calc(50% - clamp(15px, 3vw, 30px)); width:-webkit-calc(50% - clamp(15px, 3vw, 30px)); width:-o-calc(50% - clamp(15px, 3vw, 30px)); width:calc(50% - clamp(15px, 3vw, 30px)); clear:left; margin:0 clamp(15px, 3vw, 30px) 0 0;}

section.page.contacts div.content p{width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); display:block; float:left; font-size:clamp(12px, 1.5vw, 14px); color:#999; text-decoration:none; font-weight:normal; text-transform:none; line-height:16px; padding:5px 0 0 0; margin:0;}
section.page.contacts div.content strong{display:block; font-size:clamp(10px, 1vw, 12px); color:#FFF; padding:0; margin:0;}
section.page.contacts div.content .map{height:300px; position:relative; background-color:#CCC; padding:0px; margin:clamp(15px, 3vw, 30px) 0;}

/* === ICON === */
section.page.contacts div.content svg{fill:#999; margin:clamp(5px, 1vw, 10px) clamp(5px, 1vw, 10px) 0 0; cursor:pointer; -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.contacts div.content svg:hover{fill:#FFA200;}

/* === BOX === */
section.page.contacts div.content .box{width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-o-calc(50% - 15px); width:calc(50% - 15px); float:left; line-height:160%; padding:0; margin:0 0 0 clamp(15px, 3vw, 30px);}
section.page.contacts div.content .box:nth-of-type(2n + 1){clear:left; margin:0;}

/* === BUTTONS === */
section.page.contacts div.content .button{display:block; margin:clamp(15px, 3vw, 30px) 0 0 0;}
section.page.contacts div.content .button.navigate{float:right; margin:-35px 0 0 0;}

/* POPUP */
.popup{width:640px; max-width:calc(100% - 80px); display:none;}
.popup p{display:block; font-size:clamp(14px, 1.5vw, 16px); line-height:140%; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
.popup h2{font-size:clamp(16px, 2vw, 24px); color:#000; text-transform:uppercase;}
.popup strong{display:block; color:#000; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}

.popup input,
.popup textarea{width:100%; background-color:#ebebeb; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
.popup input:hover,
.popup textarea:hover{background-color:#d6d5d4; color:#666;}
.popup input:focus,
.popup textarea:focus{background-color:#666; color:#FFF;}

.popup div.checkbox input{width:10px; height:10px;}
.popup div.checkbox label{background-color:#d6d5d4;}

/* SWEETALERT */
.swal2-styled.swal2-deny,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-confirm{-webkit-border-radius:20px !important; -moz-border-radius:20px !important; border-radius:20px !important;}

.swal2-file,
.swal2-input,
.swal2-textarea{height:40px !important; border:2px solid #CCC !important; font-family:'OpenSans' !important; font-size:clamp(12px, 2vw, 16px) !important; color:#3d3d3d !important; text-decoration:none !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; -webkit-border-radius:clamp(12px, 2.5vw, 24px) !important; -moz-border-radius:clamp(12px, 2.5vw, 24px) !important; border-radius:clamp(12px, 2.5vw, 24px) !important;}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end{padding:clamp(30px, 5vw, 60px) !important;}
.swal2-container.swal2-bottom-end > .swal2-popup,
.swal2-container.swal2-bottom-right > .swal2-popup{display:block !important; padding:0 !important;}
.swal2-container.swal2-bottom-end .swal2-html-container,
.swal2-container.swal2-center-end .swal2-html-container,
.swal2-container.swal2-top-end .swal2-html-container{width:-moz-calc(100% - 364px) !important; width:-webkit-calc(100% - 364px) !important; width:-o-calc(100% - 364px) !important; width:calc(100% - 364px) !important; display:block !important; float:left !important; text-align:left !important; padding:15px !important; margin:0 !important;}
.swal2-container.swal2-bottom-end .swal2-actions,
.swal2-container.swal2-center-end .swal2-actions,
.swal2-container.swal2-top-end .swal2-actions{width:326px !important; display:block !important; float:left !important; padding:17px 0 !important; margin:0 !important;}

.swal2-popup .swal2-styled:focus{box-shadow:none !important;}
.swal2-styled.swal2-deny,
.swal2-styled.swal2-cancel,
.swal2-styled.swal2-confirm{-webkit-border-radius:clamp(10px, 2vw, 20px) !important; -moz-border-radius:clamp(10px, 2vw, 20px) !important; border-radius:clamp(10px, 2vw, 20px) !important;}

/* MOBILE */
@media only screen and (max-width: 1100px){
	a.item div.extras p{width:-moz-calc(25% - 16px); width:-webkit-calc(25% - 16px); width:-o-calc(25% - 16px); width:calc(25% - 16px); margin:5px 0 0 8px;}
	a.item div.extras p:nth-of-type(4n + 1){clear:left; margin:5px 0 0 0;}
	a.item div.extras p:nth-of-type(5n){display:none !important;}
}

@media only screen and (max-width: 950px){
	a.item{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:0 0 15px 15px;}
	a.item:nth-of-type(4n + 1){clear:none; margin:0 0 15px 15px;}
	a.item:nth-of-type(3n + 1){clear:left; margin:0 0 15px 0;}
	
	section.news.list span.count a{width:-moz-calc(50% - 8px) !important; width:-webkit-calc(50% - 8px) !important; width:-o-calc(50% - 8px) !important; width:calc(50% - 8px) !important; margin:0 0 clamp(10px, 1.5vw, 15px) clamp(10px, 1.5vw, 15px);}
	section.news.list span.count a:nth-of-type(3n + 1){clear:none; margin:0 0 clamp(10px, 1.5vw, 15px) clamp(10px, 1.5vw, 15px);}
	section.news.list span.count a:nth-of-type(2n + 1){clear:left; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
	
	section.offers form.filter .slct{margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
	section.offers form.filter p,
	section.offers form.filter input{display:inline-block; vertical-align:middle;}
	section.offers form.filter .button{display:block; background-color:#CCC; margin:clamp(10px, 1.5vw, 15px) 0 0 0;}
	section.offers form.filter .button:hover{background-color:#FFA200;}
}

@media only screen and (max-width: 900px){
	section.page.view div.images{width:auto; float:none;}
	section.page.view div.images ul{-moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0;}
	section.page.view div.images .gallery,
	section.page.view div.images .gallery .image{max-width:none;}
	
	#extras{margin:0 0 clamp(15px, 3vw, 30px) 0;}
	
	section.page.view div.info{width:auto; float:none; margin:0;}
	section.page.view div.info .button{display:inline-block;}
}

@media only screen and (max-width: 850px){
	section.about input{width:-moz-calc(100% - clamp(20px, 3vw, 30px)); width:-webkit-calc(100% - clamp(20px, 3vw, 30px)); width:-o-calc(100% - clamp(20px, 3vw, 30px)); width:calc(100% - clamp(20px, 3vw, 30px));  float:none; margin:0 0 clamp(10px, 2vw, 15px) 0;}
}

@media only screen and (max-width: 800px){
	footer div.navigation{padding:0 0 clamp(15px, 3vw, 30px) 0;}
	footer div.navigation .box{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); margin:clamp(15px, 3vw, 30px) 0 0 20px;}
	footer div.navigation .box:nth-of-type(4n + 1){clear:none; margin:clamp(15px, 3vw, 30px) 0 0 20px;}
	footer div.navigation .box:nth-of-type(2n + 1){clear:left; margin:clamp(15px, 3vw, 30px) 0 0 0;}
}

@media only screen and (max-width: 750px){
	section.page.contacts div.content{width:auto; float:none; margin:clamp(30px, 6vw, 60px) 0 0 0;}
	section.page.contacts div.content:nth-of-type(2n + 1){width:auto; float:none; margin:0;}
	
	.swal2-container.swal2-bottom-end .swal2-html-container,
	.swal2-container.swal2-center-end .swal2-html-container,
	.swal2-container.swal2-top-end .swal2-html-container{width:auto !important; float:none !important; text-align:center !important;}
	.swal2-container.swal2-bottom-end .swal2-actions,
	.swal2-container.swal2-center-end .swal2-actions,
	.swal2-container.swal2-top-end .swal2-actions{width:auto !important; float:none !important; text-align:center; padding:0 15px 15px 15px !important;}
}

@media only screen and (max-width: 700px){
	a.item{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:0 0 16px 16px;}
	a.item:nth-of-type(4n + 1),
	a.item:nth-of-type(3n + 1){clear:none; margin:0 0 16px 16px;}
	a.item:nth-of-type(2n + 1){clear:left; margin:0 0 16px 0;}
}

@media only screen and (max-width: 650px){
	header svg.logo{position:relative; left:auto; margin:0 auto clamp(15px, 3vw, 30px) auto;}
	header div.menu{display:inline-block; float:none; vertical-align:middle; margin:0;}
	header div.languages{display:inline-block; float:none; vertical-align:middle; margin:0 clamp(15px, 3vw, 30px);}
	header div.call{display:none;}
	
	section.home span.count div.box{width:100%;}
	section.home span.count a{width:auto; float:none; margin:clamp(15px, 3vw, 30px) 0 0 0;}
}

@media only screen and (max-width: 600px){
	footer div.contacts{text-align:center;}
	footer div.contacts div.info{float:none;}
	footer div.contacts .button,
	footer div.contacts .call{float:none; margin:clamp(15px, 3vw, 30px) 0 0 0;}
}

@media only screen and (max-width: 500px){
	header nav div.social p{display:none;}
	header nav div.social svg{width:24px; height:24px;}
	
	a.item div.info div.name,
	a.item div.info div.price,	
	footer div.bottom .author{float:none;}
	
	footer div.bottom .copyright{float:none; margin:0 0 5px 0;}
}

@media only screen and (max-width: 450px){
	header nav ul li{display:block; margin:0;}
	header nav ul li a{border-top:1px solid #FFF; text-transform:uppercase; line-height:300%; margin:0;}
	header nav ul li:first-child a:first-of-type{border-top:none;}
	
	footer div.contacts{margin:0 0 clamp(30px, 6vw, 60px) 0;}
	footer div.navigation{display:none;}
	
	a.item div.extras p{width:-moz-calc(33.3334% - 14px); width:-webkit-calc(33.3334% - 14px); width:-o-calc(33.3334% - 14px); width:calc(33.3334% - 14px); margin:5px 0 0 6px;}
	a.item div.extras p:nth-of-type(3n + 1){clear:left; margin:5px 0 0 0;}
	a.item div.extras p:nth-of-type(4n){display:none !important;}
	
	section.page.contacts div.content .box{width:auto; float:none; margin:clamp(15px, 3vw, 30px) 0 0 0;}
	section.page.contacts div.content .box:nth-of-type(2n + 1){margin:0;}
}

@media only screen and (max-width: 400px){
	.swal2-styled.swal2-deny,
	.swal2-styled.swal2-cancel,
	.swal2-styled.swal2-confirm{width:100%; display:block;}
	
	a.item,
	a.item:nth-of-type(4n + 1),
	a.item:nth-of-type(3n + 1),
	a.item:nth-of-type(2n + 1),	
	section.news.list span.count a,
	section.news.list span.count a:nth-of-type(3n + 1){width:auto !important; float:none; clear:left; margin:0 0 clamp(10px, 1.5vw, 15px) 0;}
}