@charset "UTF-8";

/* Global ------------------------------------------------------------------------------------------------------------------------------------ */
:root {	--yellow: linear-gradient(to bottom right, #f39d14, #fde253); --blue: #2adad0; --red: linear-gradient(to top left, #960400,#d70000); --font: #232323; }
* { font-family: 'Khand', sans-serif; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
body { background-color: #fff; color: #000; font-size: 16px; margin: auto; }
a:link {  text-decoration: none; outline: none; color: inherit; }
a:visited { text-decoration: none; color: inherit; }
a:hover { -moz-outline-style: none; color: inherit; text-decoration: none; }
a:active { color: inherit; text-decoration: none; }
h1,h2,h3,h4,h5 { all: initial; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; color: inherit; display: inline; background: initial; margin: 0; padding: 0; line-height: inherit; }
.clearfix { clear: both; }
.page-404 { text-align: center; font-size: 16px; }
.page-404 h1 { font-size: 100px; }
#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99999; }
#modal > div { position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
#modal-box { display: table; max-width: 40%; }
#modal-box span { font-size: 90%; line-height: 130%; display: table; margin-top: 20px; color: #e60000; font-weight: bold; }
#modal-box > div { background: white; padding: 40px 60px 30px; font-size: 32px; box-shadow: 15px 15px 10px rgba(0,0,0,0.3); line-height: 140%; text-align: center; border-radius: 6px; }
#modal-box button { margin: 20px auto 0; display: inline; }
*::-webkit-scrollbar { width: 10px!important; height: 10px!important; }
*::-webkit-scrollbar-thumb { background-color: #28dace; }
.helper-box { transform:scale(0.1); position: absolute; opacity: 0.1; margin-top:30px; margin-left: 10px; -webkit-transition: all linear 0.1s; -moz-transition: all linear 0.1s; -o-transition: all linear 0.1s; -ms-transition: all linear 0.1s; transition: all linear 0.1s; -webkit-transform-origin: top left; -moz-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; }
.helper-active { opacity: 1; margin-top:5px; transform:scale(1); }
.helper-box span { padding: 8px 15px; border-radius: 4px; display: inline-block; background: #25201c; color: #fff; font-size: 16px; }
.helper-box span:before, .helper-box span:after { content:""; position:absolute; top:-7px; left:1px; border-bottom:10px solid #25201c; border-left:10px solid transparent; border-right:10px solid transparent; }
::-webkit-input-placeholder { color: #b0b0b0; }
:-moz-placeholder { color: #b0b0b0; }
::-moz-placeholder { color: #b0b0b0; }
:-ms-input-placeholder { color: #b0b0b0; }
.loader { top: 0; position: fixed; background: url('../images/Loading.gif') no-repeat, black; background-position: center center; width: 100%; height: 100%; font-size: 16vw; text-align: center; font-weight: 900; z-index: 100; display: none; opacity: 0.5; }
.loader div { position: relative; top: 50%; transform: translateY(-50%); color: white; }
.opacity { opacity: 0.6; transform-origin: center right; }
main { width: 100%; border-top: 100px solid black; overflow: hidden; }
.container { width: 1540px; margin: auto; position: relative; }
.flex { display: flex; }
button, a.button { display: inline-block; width: 185px; height: 60px; line-height: 60px; border: 0; border-bottom: 3px solid #18918a; background: #28dace; color: var(--font); border-radius: 2px; text-transform: uppercase; font-size: 20px; font-weight: 700; cursor: pointer; text-align: center; }
button:active, a.button:active { filter: brightness(60%); }
button.cancel { filter: grayscale(100%); opacity: 0.6; }
a.button.gold { background: linear-gradient(to right, #f39d14, #fde253); border-bottom: 3px solid #ce840b; }
.button.dynamic, button.dynamic { width: initial !important; padding: 0 35px; }
input[type=text], input[type=password], select { height: 60px; border: 1px solid #bdbdbd; border-radius: 2px; padding-left: 15px; font-size: 20px; width: 100%; font-weight: 800; color: var(--font); }
textarea { border: 1px solid #bdbdbd; border-radius: 5px; padding: 15px; font-size: 22px; width: 100%; }
h1 { font-size: 48px; margin-bottom: 20px; color: #fff; line-height: 100%; text-align: center; font-weight: 800; display: block; }
h2 { font-size: 42px; margin-bottom: 50px; color: #fff; line-height: 100%; text-align: center; font-weight: 800; display: block; text-transform: uppercase; }
section { padding: 50px 0; text-align: center; color: white; background: #2f2f2f; }
section.gray { background: #232323; }
section.line { border-bottom: 1px solid #333; }
section.light-gray { background: linear-gradient(to bottom, #000, #222); padding: 100px 0 50px; }
section .container > .content { font-size: 22px; color: #999; }

@media (max-width: 1680px) {  /* 87.5% */
main { border-top: 90px solid black; }
.container { width: 1350px; }
h1 { font-size: 44px; margin-bottom: 20px; }
h2 { font-size: 38px; margin-bottom: 50px; }
section { padding: 40px 0; }
section .container > .content { font-size: 20px; }
section.light-gray { padding: 80px 0 40px; }
button, a.button { width: 170px; height: 48px; line-height: 48px; font-size: 21px; }
#modal-box > div { padding: 30px 50px 25px; font-size: 30px; }
input[type=text], input[type=password], select { height: 58px; padding-left: 14px; font-size: 19px; }
textarea { font-size: 20px; }
}

@media (max-width: 1440px) {  /* 75% */
main { border-top: 80px solid black; }
.container { width: 1160px; }
h1 { font-size: 38px; margin-bottom: 15px; }
h2 { font-size: 34px; margin-bottom: 35px; }
section { padding: 35px 0; }
section .container > .content { font-size: 17px; }
section.light-gray { padding: 55px 0 30px; }
button, a.button { width: 150px; height: 42px; line-height: 42px; font-size: 19px; }
#modal-box > div { padding: 25px 40px 20px; font-size: 27px; line-height: 130%; }
input[type=text], input[type=password], select { height: 54px; padding-left: 13px; font-size: 17px; }
textarea { font-size: 18px; }
}
@media (max-width: 1366px) {  /* 71% */
main { border-top: 70px solid black; }
.container { width: 1100px; }
h1 { font-size: 36px; margin-bottom: 15px; }
h2 { font-size: 32px; margin-bottom: 30px; }
section { padding: 30px 0; }
section .container > .content { font-size: 16px; }
section.light-gray { padding: 40px 0 30px; }
button, a.button { width: 135px; height: 38px; line-height: 38px; font-size: 18px; }
#modal-box > div { padding: 25px 35px 20px; font-size: 25px; line-height: 120%; }
input[type=text], input[type=password], select { height: 52px; padding-left: 12px; font-size: 16px; }
textarea { font-size: 16px; }
}

@media (max-width: 1280px) {  /* 66% */
.container { width: 1020px; }
h1 { font-size: 34px; margin-bottom: 10px; }
h2 { font-size: 30px; margin-bottom: 25px; }
section { padding: 25px 0; }
section .container > .content { font-size: 15px; }
button, a.button { width: 125px; height: 35px; line-height: 35px; font-size: 17px; }
input[type=text], input[type=password], select { height: 50px; font-size: 15px; }
textarea { font-size: 15px; }
}
@media (max-width: 1024px) {
.flex { display: block; }
.container { width: 100%; padding: 0 15px; }
h1 { font-size: 26px; margin-bottom: 10px; padding: 0 15px; }
h2 { font-size: 23px; margin-bottom: 25px; }
section { padding: 20px 0; background: #444; }
section .container > .content { font-size: 15px; padding: 0 10px; }
section.gray { background: #333333; }
section.light-gray { padding: 20px 0 20px; background: linear-gradient(to bottom, #000, #333); }
section.line { border-bottom: 1px solid #444; }
button, a.button { width: 125px; height: 35px; line-height: 35px; font-size: 17px; border-radius: 4px; }
#modal-box { max-width: 80%; }
#modal-box > div { padding: 25px 25px 15px; font-size: 23px; }
input[type=text], input[type=password], select { height: 52px; font-size: 17px; }
textarea { font-size: 17px; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Cookie bar -------------------------------------------------------------------------------------------------------------------------------- */
#cookie-bar { animation: bg 3s linear infinite; transition: 2s; background: #333; height:auto; min-height:32px; line-height:32px; color:#eeeeee; text-align:center; padding: 10px 0; z-index: 10000; border-top: 1px solid #2adad0; font-size: 18px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar span { background:#2adad0; color:#333; display:inline-block; border-radius:3px; text-decoration:none; padding: 0px 16px; margin: 5px 0 5px 20px; text-transform: uppercase; font-weight: 600; cursor: pointer; }
@keyframes bg { 50% { background: #000; } }

/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Header ------------------------------------------------------------------------------------------------------------------------------------ */
header { width: 100%; height: 100px; line-height: 100px; background: black; z-index: 5; position: fixed; top: 0; transition: 0.4s; }
header .container { display: flex; justify-content: space-between; }
a.logo { color: #545559; font-size: 65px; font-weight: 900; line-height: 100px; transition: 0.40s; display: table; user-select: none; }
.menu { display: none; }
nav { user-select: none; flex-direction:row-reverse; line-height: 100px; height: 100px; }
nav ul { list-style-type: none; display: flex; color: #898989; margin: 0; transition: 0.4s; }
nav ul li { font-size: 22px; font-weight: 600; margin: 0 25px; cursor: pointer; position: relative; text-transform: uppercase; }
nav ul li:last-child { margin: 0 0 0 25px; }
nav a:hover, .cart:hover { color: #28dace; }
.mobile-cart, .mobil-city-selectbox { display: none; }
.btn-cart { font-size: 28px; position: relative; }
.btn-cart:before { font-family: "FontAwesome"; font-weight: 300; content: "\f07a"; color: white; }
.btn-cart span { position: absolute; top: -6px; right: -12px; font-size: 16px; font-weight: normal; width: 25px; height: 25px; border-radius: 20px; background: red; color: white; line-height: 25px; text-align: center; }
.language-box { position: absolute; top: 8px; right: 0; color: #999; text-transform: uppercase; font-size: 16px; line-height: 100%; }
.language-box span { padding: 0; cursor: pointer; }
.language-box span.active { color: #ddd; }
.language-box span:not(:last-child):after { content: "|"; padding: 0 0 0 4px; margin: 0; position: relative; font-size: 14px; color: #888; }
header.fixed-menu { height: 60px; line-height: 60px; border-bottom: 2px solid #28dace; }
.fixed-menu a.logo { font-size: 38px; line-height: 60px; }
.fixed-menu nav { height: 60px; line-height: 60px; }
.fixed-menu nav ul li { font-size: 20px; }
.fixed-menu .btn-cart:before { font-size: 22px; }
.cart-event-box { display: table; background: white; text-align: left; padding: 40px 60px 30px; box-shadow: 15px 15px 10px rgba(0,0,0,0.3); border-radius: 6px; line-height: initial; position: relative; margin: auto; }
.cart-event-box .close:before { font-size: 28px; position: absolute; right: 10px; top: 0px; padding: 20px; font-family: "Fontawesome"; content: "\f00d"; color: #ccc; font-weight: 300; font-size: 28px; cursor: pointer; }
.cart-event-box .title { font-size: 22px; text-align: left; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #aaa; }
.cart-event-box .title:before { font-family: "Fontawesome"; content: "\f00c"; margin-right: 15px; color: #fff; background: #f39d16; padding: 5px; border-radius: 100%; font-size: 17px; font-weight: bold; box-shadow: 0 1px 5px rgba(0,0,0,0.3); }
.cart-event-box .flex { line-height: 150%; }
.cart-event-box .room { font-size: 24px; text-align: left; font-weight: 600; }
.cart-event-box .location { font-size: 21px; font-weight: 300; }
.cart-event-box .price-box { text-align: right; width: 200px; padding-right: 40px; }
.cart-event-box .price { font-size: 24px; text-align: right; font-weight: 600; }
.cart-event-box .old-price { font-size: 20px; color: #aaa; position: relative; display: table; text-align: right; margin: 0 0 0 auto; font-weight: 300; }
.cart-event-box .old-price:before { border-bottom: 1px solid #8a8a8a; top: 50%; position: absolute; content: ""; width: 100%; }
.fixed-menu .language-box { display: none; }

@media (max-width: 1680px) {  /* 87.5% */
header { height: 90px; line-height: 90px; }
a.logo { font-size: 50px; line-height: 90px; }
nav { line-height: 90px; height: 90px; }
nav ul li { font-size: 20px; margin: 0 21px; }
.btn-cart { font-size: 26px; }
.language-box { font-size: 15px; }
.fixed-menu a.logo { font-size: 35px; }
.fixed-menu nav ul li { font-size: 18px; }
.fixed-menu .btn-cart:before { font-size: 21px; }
.cart-event-box { padding: 35px 50px 25px; }
.cart-event-box .close:before { font-size: 27px; }
.cart-event-box .title { font-size: 21px; }
.cart-event-box .title:before { font-size: 16px; }
.cart-event-box .room { font-size: 23px; }
.cart-event-box .location { font-size: 20px; }
.cart-event-box .price-box { width: 180px; padding-right: 35px; }
.cart-event-box .price { font-size: 23px; }
.cart-event-box .old-price { font-size: 19px; }
}

@media (max-width: 1440px) {  /* 75% */
header { height: 80px; line-height: 80px; }
a.logo { font-size: 48px; line-height: 80px; }
nav { line-height: 80px; height: 80px; }
nav ul li { font-size: 19px; margin: 0 15px; }
.btn-cart { font-size: 24px; }
.language-box { font-size: 13px; }
.cart-event-box { padding: 30px 40px 20px; }
.cart-event-box .close:before { font-size: 25px; }
.cart-event-box .title { font-size: 19px; }
.cart-event-box .title:before { font-size: 14px; }
.cart-event-box .room { font-size: 21px; }
.cart-event-box .location { font-size: 18px; }
.cart-event-box .price-box { width: 160px; padding-right: 25px; }
.cart-event-box .price { font-size: 21px; }
.cart-event-box .old-price { font-size: 17px; }
}

@media (max-width: 1366px) {  /* 71% */
header { height: 70px; line-height: 70px; }
a.logo { font-size: 46px; line-height: 70px; }
nav { line-height: 70px; height: 70px; }
.btn-cart { font-size: 22px; }
.language-box { font-size: 13px; top: 5px; }
.fixed-menu a.logo { font-size: 32px; }
.fixed-menu nav ul li { font-size: 16px; }
.fixed-menu .btn-cart:before { font-size: 20px; }
.cart-event-box { padding: 25px 35px 15px; }
.cart-event-box .close:before { font-size: 24px; }
.cart-event-box .title { font-size: 18px; }
.cart-event-box .title:before { font-size: 13px; }
.cart-event-box .room { font-size: 20px; }
.cart-event-box .location { font-size: 17px; }
.cart-event-box .price-box { width: 145px; padding-right: 20px; }
.cart-event-box .price { font-size: 20px; }
.cart-event-box .old-price { font-size: 16px; }
}

@media (max-width: 1280px) {  /* 71% */
a.logo { font-size: 42px; }
nav ul li { font-size: 18px; margin: 0 15px; }
}
@media (max-width: 1024px) {
#cookie-bar { min-height:16px; line-height:16px; font-size: 13px; opacity: 0.85; }
header,a.logo,nav ul { transition: inherit; }
header { padding: 0 20px; position: fixed; }
a.logo { font-size: 36px; position: absolute; left: 50%; transform: translateX(-50%); }
.menu { display: table; position: absolute; left: -20px; top: 5px; padding: 20px; line-height: 20px; }
.menu:before { font-family: "Fontawesome"; content: "\f0c9"; color: #545559; font-size: 36px; cursor: pointer; }
nav { display: none; position: fixed; top: 68px; left: 0; background: black; height: inherit; line-height: inherit; width: 100%; padding-bottom: 20px; }
nav ul { display: block; margin: 0; padding: 0 0 0 20px; transition: inherit; position: relative; z-index: 2; }
nav ul li { font-size: 24px; line-height: 180%; width: initial; }
nav a.btn-cart { display: none; }
.mobile-cart { display: block; position: absolute; right: -20px; top: 5px; padding: 20px; line-height: 20px; }
.mobile-cart a.btn-cart { position: initial; top: initial; right: initial; font-size: 34px; }
.mobile-cart .btn-cart span { top: 4px; right: 6px; }
.language-box { top: initial; bottom: 20px; right: 20px; font-size: 22px; z-index: 4; }
.language-box span:not(:last-child):after { padding: 0 0 0 10px; margin-right: 5px; font-size: 24px; }
.cart-event-box { padding: 35px 20px 20px; }
.cart-event-box .close:before { font-size: 25px; right: 0px; }
.cart-event-box .title { font-size: 20px; padding-bottom: 10px; }
.cart-event-box .title:before { font-size: 19px; display: table; margin: 5px auto 10px; }
.cart-event-box .room { font-size: 21px; text-align: center; }
.cart-event-box .location { font-size: 19px; text-align: center; }
.cart-event-box .price-box { width: 100%; padding: 0px; text-align: center; margin: 15px 0; }
.cart-event-box .price { font-size: 22px; text-align: center; }
.cart-event-box .old-price { font-size: 18px; text-align: center; margin: auto; }
.cart-event-box .flex { text-align: center; }
.cart-event-box a { width: 185px !important; height: 52px !important; line-height: 52px !important; font-size: 24px !important; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Room -------------------------------------------------------------------------------------------------------------------------------------- */
.gradient-line { height: 17px; background: linear-gradient(to right,#f39d16,#fee356); }
.bottom-line { width: 100%; height: 9px; background: linear-gradient(to right,#f39d16,#fee356); margin-bottom: 46px; }
.room-page { margin: 35px 0; color: #2f2f2f; }
.room-page-contents { max-width: 1066px; flex-grow: 1; margin-right: 20px; position: relative; flex-wrap: wrap; }
.room-page h1 { color: #2f2f2f; font-size: 71px; font-weight: 900; line-height: 100%; text-transform: uppercase; display: table; margin: 0; }
.room-page h2 { color: #2f2f2f; font-size: 36px; font-weight: 300; line-height: 100%; text-transform: uppercase; text-align: left; margin: 0; }
.room-page .room-images { width: 640px; }
.room-page .room-images .cover { width: 100%; height: 400px; object-fit: cover; object-position: center center; margin: 20px 0 10px; vertical-align: top; cursor: zoom-in; display: block; }
.room-page .lead, .description-content { font-size: 20px; margin-bottom: 20px; }
.contact { font-size: 24px; padding-left: 3px; line-height: 180%; }
.contact img { margin-right: 15px; vertical-align: middle; }
.contact.address:before { content: "\f041"; font-family: "Fontawesome"; width: 30px; margin-right: 13px; display: inline-block; text-align: center; }
.contact.phone:before { content: "\f095"; font-family: "Fontawesome"; width: 30px; margin-right: 13px; display: inline-block; text-align: center; }
.contact.www:before { content: "\f0ac"; font-family: "Fontawesome"; width: 30px; margin-right: 13px; display: inline-block; text-align: center; }
.contact.facebook:before { content: "\f230"; font-family: "Fontawesome"; width: 30px; margin-right: 13px; display: inline-block; text-align: center; }
.contact.instagram:before { content: "\f16d"; font-family: "Fontawesome"; width: 30px; margin-right: 13px; display: inline-block; text-align: center; }
.break-line { margin: 30px 0 60px; }
.break-line:after { content: ""; position: absolute; left: 0; width: 1123px; height: 9px; background: linear-gradient(to right,#f19d16,#fee354); border-top-right-radius: 6px; border-bottom-right-radius: 6px;  }
.rp-title, .rp-title h2 { font-size: 34px; font-weight: 600; margin: 30px 0 15px; color: var(--font); text-align: left; }

.youtube { width: 100%; height: 401px; }
.info-line { font-size: 24px; border-bottom: 1px solid #dfdfdf; padding: 0 8px 0; margin-bottom: 5px; color: black; text-transform: uppercase; }
.info-line span { float: right; color: #28dacc; font-weight: 900; }
.price-container { width: 454px; position: relative; background: white; z-index: 4; user-select: none; }
.price-container.fixed { position: fixed; top: 80px; right: inherit; }
.price-container .recommend { text-align: center; font-size: 21px; margin-bottom: 20px; }
.price-container .recommend img { vertical-align: middle; margin-right: 5px; }
.price-container .header { border: 1px solid #dadada; text-align: center; padding: 20px 0; }
.price-container .header .title { font-size: 36px; font-weight: 900; line-height: 120%; }
.price-container .header .counter { font-size: 16px; line-height: 120%; }
.price-wrapper { border: 1px solid #dadada; padding: 0 3px; background: white; }
.price-wrapper .price-box { display: flex; color: #27dbcf; font-size: 30px; font-weight: 900; padding: 10px 0; margin: 8px 0; line-height: 110%; }
.price-wrapper .price-box:not(:last-child) { border-bottom: 1px solid #dadada; }
.price-wrapper .price-box:hover { background: linear-gradient(to right,#f19d16,#fee354); color: black; transition: 0.12s; }
.price-wrapper .price-box:active { background: linear-gradient(to top right,#f19d16,#fee354); }
.price-wrapper .price-box:hover .cart { background: white; }
.price-wrapper .price-box:hover span { color: #333; }
.price-wrapper .price-box span { display: table; color: #8a8a8a; font-size: 18px; font-weight: 600; position: relative; } 
.price-wrapper .price-box .player { width: 110px; padding-left: 15px; }
.price-wrapper .price-box .price { width: 150px; position: relative; }
.price-wrapper .price-box .price span:before { border-bottom: 1px solid #8a8a8a; bottom: 15px; position: absolute; content: ""; width: 100%; }
.price-wrapper .price-box .discount { flex-grow: 1; }
.price-wrapper .price-box .cart { background: #28dace; width: 56px; height: 56px; border-radius: 60px; text-align: center; line-height: 56px; font-size: 24px; font-weight: 300; padding-right: 4px; margin-right: 10px; cursor: pointer; transition: 0.12s; }
.price-wrapper .price-box .cart:active { transform: scale(0.9); }
.price-wrapper .price-box .cart:before { font-family: "FontAwesome"; content: "\f07a"; color: #115850; }
.review-box { padding: 10px 15px 10px; position:  relative; margin-bottom: 10px; border: 1px solid #eee; width: 70%; }
.review-box:nth-child(odd) { background: #f2f2f2; }
.review-box:nth-child(even) { background: #fafafa; }
.review-box .name { text-transform: uppercase; color: #444; font-size: 20px; font-weight: 600; }
.review-box .date { color: #aaa; font-size: 14px; top: 10px; right: 10px; position: absolute; }
.review-box .comment { font-size: 18px; line-height: 150%; padding: 0px 0 10px; border-bottom: 1px solid #ddd; color: #666; }
.review-box .rating, .review-box .rating-lines { padding: 5px 0px 0 0; margin: 5px 0 0 0; font-weight: 600; color: black; font-size: 15px; text-transform: uppercase; flex-grow: 1; }
.review-box b { font-weight: inherit; margin-right: 15px; }
.review-box .rating span:before { font-family: "Fontawesome"; content: "\f005"; color: #848484; margin-right: 2px; }
.review-box .rating span.a:before { color: #2ad6c8; }
.review-box .lines { display: flex; background: #e0e0e0; border-radius: 30px; height: 14px; }
.review-box .lines span { display: block; background: #e0e0e0; width: 15px; height: 14px; }
.review-box .lines span:nth-child(1) { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.review-box .lines span:nth-child(5), .endradius { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
.review-box .lines span.filled:nth-child(1) { background: linear-gradient(to right, #2ad6c8, #2ad6c8); }
.review-box .lines span.filled:nth-child(2) { background: linear-gradient(to right, #2ad6c8, #e5f200); }
.review-box .lines span.filled:nth-child(3) { background: linear-gradient(to right, #e5f200, #e5f200); }
.lines span.filled:nth-child(4) { background: linear-gradient(to right, #e5f200, #f1a401); }
.review-box .lines span.filled:nth-child(5) { background: linear-gradient(to right, #f1a401, #f01702); }
.more-review { color: #bababa; border: 1px solid #bababa; width: 260px; height: 60px; line-height: 60px; background: white; text-transform: uppercase; margin: 30px auto; display: table; border-radius: 6px; cursor: pointer; transition: 0.12s; }



@media (max-width: 1680px) {
.gradient-line { height: 15px; }
.room-page { margin: 30px 0; }
.room-page-contents { max-width: 933px; }
.room-page h1 { font-size: 66px; }
.room-page h2 { font-size: 32px; }
.room-page .room-images { width: 560px; }
.room-page .room-images .cover { width: 100%; height: 345px; margin: 15px 0 10px; }
.rp-title { font-size: 31px; margin: 25px 0 10px; }
.contact { font-size: 21px; padding-left: 3px; }
.room-page .lead, .description-content { font-size: 17px; margin-bottom: 15px; }
.price-container { width: 397px; }
.info-line { font-size: 21px; padding: 0 7px 0; margin-bottom: 4px; }
.break-line:after { width: 977px; }
.price-container .recommend img { width: 38px; }
.price-container .header .counter { font-size: 15px; }
.price-container .recommend { font-size: 19px; margin-bottom: 17px; }
.price-container .header { padding: 17px 0; }
.price-container .header .title { font-size: 33px; }
.review-box .name { font-size: 18px; }
.review-box .date { font-size: 13px; }
.review-box .rating, .review-box .rating-lines { padding: 5px 0px 0; font-size: 14px; }
.review-box .comment { font-size: 17px; padding: 0px 0 15px; }
.more-review { width: 240px; height: 52px; line-height: 52px; }
}

@media (max-width: 1440px) {
.gradient-line { height: 13px; }
.room-page { margin: 20px 0; }
.room-page-contents { max-width: 800px; }
.room-page h1 { font-size: 52px; }
.room-page h2 { font-size: 28px; }
.room-page .room-images { width: 480px; }
.room-page .room-images .cover { width: 100%; height: 310px; margin: 15px 0 10px; }
.rp-title { font-size: 27px; margin: 20px 0 5px; }
.contact { font-size: 19px; padding-left: 3px; line-height: 170%; }
.room-page .lead, .description-content { font-size: 17px; margin-bottom: 15px; }
.contact.address:before,.contact.phone:before, .contact.www:before, .contact.facebook:before, .contact.instagram:before { width: 30px; margin-right: 6px; }
.break-line:after { width: 805px; }
.info-line { font-size: 19px; padding: 0 7px 0; margin-bottom: 4px; }
.youtube { height: 350px; }
.price-container { width: 350px; }
.price-container .recommend img { width: 28px; }
.price-container .recommend { font-size: 17px; margin-bottom: 13px; }
.price-container .header .counter { font-size: 14px; }
.price-container .header { padding: 13px 0; }
.price-container .header .title { font-size: 30px; }
.price-wrapper .price-box { font-size: 24px; padding: 6px 0; margin: 5px 0; }
.price-wrapper .price-box span { font-size: 14px; }
.price-wrapper .price-box .price span:before { bottom: 12px; }
.price-wrapper .price-box .cart { width: 44px; height: 44px; line-height: 44px; font-size: 19px; padding-right: 2px; margin-right: 10px; }
.price-wrapper .price-box .player { width: 80px; padding-left: 15px; }
.price-wrapper .price-box .price { width: 115px; }
.review-box { padding: 5px 10px 10px; }
.review-box .name { font-size: 16px; }
.review-box .date { font-size: 11px; }
.review-box .rating, .review-box .rating-lines { padding: 5px 0 0; font-size: 12px; }
.review-box .comment { font-size: 15px; padding: 0px 0 10px; }
.review-box .lines { height: 11px; }
.review-box .lines span { width: 12px; height: 11px; }
.more-review { width: 240px; height: 52px; line-height: 52px; }
}

@media (max-width: 1366px) { /* 908 container width */
.gradient-line { height: 12px; }
.room-page { margin: 15px 0; }
.room-page-contents { max-width: 760px; }
.room-page h1 { font-size: 48px; }
.room-page h2 { font-size: 26px; }
.room-page .room-images { width: 454px; }
.room-page .room-images .cover { width: 100%; height: 280px; margin: 15px 0 10px; }
.rp-title { font-size: 26px; margin: 20px 0 5px; }
.price-container { width: 320px; }
.break-line:after { width: 785px; }
.price-wrapper .price-box { font-size: 23px; padding: 4px 0; margin: 4px 0; }
.price-container .header { padding: 10px 0; }
.price-container .recommend { margin-bottom: 6px; }
}

@media (max-width: 1280px) { /* 844 container width */
.room-page h1 { font-size: 42px; }
.room-page h2 { font-size: 22px; }
.room-page .lead, .description-content { font-size: 16px; margin-bottom: 15px; }
.room-page-contents { max-width: 514px; }
.price-container { width: 310px; }
.break-line:after { width: 670px; }
.info-line { font-size: 17px; padding: 0 7px 0; margin-bottom: 4px; }
.rp-title { font-size: 24px; margin: 15px 0 5px; }
.review-box .name { font-size: 15px; }
.review-box .rating, , .review-box .rating-lines { padding: 5px 15px 0; font-size: 11px; }
.review-box .comment { font-size: 14px; padding: 0px 0 10px; }
.more-review { width: 220px; height: 48px; line-height: 44px; }
.youtube { height: 280px; }
.price-wrapper .price-box { font-size: 22px; padding: 4px 0; margin: 4px 0; }
.price-wrapper .price-box span { font-size: 13px; }
.price-wrapper .price-box .price span:before { bottom: 12px; }
.price-wrapper .price-box .cart { width: 38px; height: 38px; line-height: 38px; font-size: 18px; }
.price-wrapper .price-box .player { width: 80px; padding-left: 15px; }
.price-wrapper .price-box .price { width: 100px; }
}

@media (max-width: 1024px) {
.room-page h1, .room-page h2, .room-page .lead, .room-page .tags, .rp-title, .room-page .contact, .description-content, .info-line { padding: 0 0px; text-align: left; }
.room-page .room-images { width: 100%; }
.room-page .room-images .cover { height: 240px; }
.room-page h1 { font-size: 36px; }
.room-page h2 { font-size: 22px; }

.rp-title { margin: 5px 0; }
.room-page-contents { max-width: 100%; margin: 0; }
.break-line { margin: 20px 0 50px; }
.break-line:after { width: 100%; border-radius: 0; }
.contact { font-size: 15px; padding-left: 3px; line-height: 170%; }
.price-container { position: relative; position: fixed; left: 0; bottom: 0; z-index: 6; background: white; box-shadow: 0 -5px 15px rgba(0,0,0,0.2); }
.price-container .header { width: 100%; border-top: 0; padding-top: 0; }
.price-container .header .title { animation: mobil-attention 3s linear infinite; display: table; padding: 0 35px; height: 45px; margin: 0px auto 10px; line-height: 45px; font-size: 24px; border-radius: 4px; border: 1px solid #28dace; background: #28dace; color: #4b3a0f; text-transform: uppercase; font-weight: 500; transition: 0.12s; cursor: pointer; text-align: center; }

@keyframes mobil-attention { 50% { background: #11f1e2; box-shadow: 0 0 15px rgba(0,0,0,0.5); } }
/* kutya */
.price-container .recommend { width: 100%; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-top: 1px solid #dadada; margin-bottom: 0; padding: 10px 0 5px; }
.price-container .price-wrapper { display: none; }
.youtube { height: 210px; }
.review-box { padding: 5px 10px; width: 100%; }
.review-box > .flex { display: flex; }
.review-box b { display: block; }
.review-box .comment { margin-bottom: 10px; }
.review-box .rating { display: table; }
.review-box .rating, .review-box .rating-lines { padding: 0px; }
.review-box .date { top: 5px; right: 10px; font-size: 13px; }
.review-box .lines { width: 60px; }
.price-container { width: 100%; }


}

/* Location ---------------------------------------------------------------------------------------------------------------------------------- */
.location-header { background-size: cover; height: 300px; position: relative; font-size: 115px; line-height: 100%; overflow: hidden; }
.location-header .container { width: 100%; height: 100%; position: absolute; top: 0; }
.location-header img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
h1.location-title { color: black !important; text-transform: uppercase; font-weight: 900; padding: 20px 0; }
.location-contents { margin: 20px 0 40px; }
.location-contents .description { width: 60%; font-size: 20px; padding-right: 30px; }
.location-contents .contact-box { flex-grow: 1; }
@media (max-width: 1680px) {
.location-header { height: 262px; font-size: 100px; }
.location-contents { margin: 20px 0 35px; }
.location-contents .description { font-size: 19px; padding-right: 26px; }
}
@media (max-width: 1440px) {
.location-header { height: 225px; font-size: 80px; }
.location-contents { margin: 20px 0 30px; }
.location-contents .description { font-size: 18px; padding-right: 24px; }
}
@media (max-width: 1366px) {
.location-header { height: 213px; font-size: 66px; }
.location-contents { margin: 15px 0 25px; }
.location-contents .description { font-size: 17px; padding-right: 22px; }
}
@media (max-width: 1280px) {
.location-header { height: 200px; font-size: 50px; }
.location-contents .description { font-size: 16px; padding-right: 18px; }
}
@media (max-width: 1024px) {
.location-header { height: 160px; font-size: 46px; }
.location-contents .description { width: 100%; padding: 0; margin-bottom: 20px; }
.location-contents .description span { padding: 0 10px; display: block; }
.location-contents .contact-box .contact { margin: 0 20px 0 10px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Faq --------------------------------------------------------------------------------------------------------------------------------------- */
.faq-header { height: 300px; background: url('../images/header-faq.jpg') no-repeat; background-size: cover; background-position: center center; position: relative; font-size: 62px;}
.faq-header .container { height: 100%; }
.faq-header .title { position: absolute; top: 50%; transform: translateY(-50%); font-weight: 900; line-height: 120%; color: white; height: initial; }
.faq-content .container { padding: 0px 0 50px; }
.faq-content .title { font-size: 36px; font-weight: 900; text-transform: uppercase; position: relative; border: 2px solid #cecece; padding: 10px 25px; cursor: pointer; margin-top: 50px; user-select: none;  }
.faq-content .title:after { font-family: "Fontawesome"; content: "\f107"; position: absolute; right: 25px; font-size: 40px; top: 50%; transform: translateY(-50%); transition: 5.5s; }
.faq-content .title.opened:after { content: "\f106"; transition: 5.5s; }
.faq-content .content { font-size: 24px; font-weight: 300; border: 2px solid #cecece; border-top: 0; padding: 10px 25px; display: none; background: #fff; overflow: hidden; }

@media (max-width: 1680px) {
.faq-header { height: 262px; font-size: 58px; }
.faq-content .container { padding: 0px 0 45px; }
.faq-content .title { font-size: 32px; margin-top: 45px; }
.faq-content .title:after { font-size: 38px; }
.faq-content .content { font-size: 22px; }
}

@media (max-width: 1440px) {
.faq-header { height: 225px; font-size: 48px; }
.faq-content .container { padding: 0px 0  35px; }
.faq-content .title { font-size: 28px; margin-top: 35px; padding: 10px 20px; }
.faq-content .title:after { font-size: 32px; right: 20px; }
.faq-content .content { font-size: 21px; padding: 10px 20px; }
}

@media (max-width: 1366px) {
.faq-header { height: 213px; font-size: 44px; }
.faq-content .container { padding: 0px 0 30px; }
.faq-content .title { font-size: 26px; margin-top: 30px; padding: 8px 15px; }
.faq-content .title:after { font-size: 30px; right: 15px; }
.faq-content .content { font-size: 20px; padding: 8px 15px; }
}

@media (max-width: 1280px) {
.faq-header { height: 200px; font-size: 36px; }
.faq-content .container { padding: 0px 0 25px; }
.faq-content .title { font-size: 24px; margin-top: 25px; }
.faq-content .title:after { font-size: 28px; }
.faq-content .content { font-size: 19px; }
}

@media (max-width: 1024px) {
.faq-header { height: 160px; font-size: 32px; }
.faq-header .title { padding: 0 20px; }
.faq-content .container { padding: 0px 20px 20px; }
.faq-content .title { font-size: 18px; margin-top: 20px; padding-right: 40px; }
.faq-content .title:after { font-size: 26px; }
.faq-content .content { font-size: 18px; }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------- */



/* Partners ---------------------------------------------------------------------------------------------------------------------------------- */
.partners-header { height: 300px; background: url('../images/header-partners.jpg') no-repeat; background-size: cover; background-position: center center; position: relative; font-size: 62px;}
.partners-header .container { height: 100%; }
.partners-header .title { position: absolute; top: 50%; transform: translateY(-50%); font-weight: 900; line-height: 120%; color: white; height: initial; }
.partners-content { padding-bottom: 50px; }
.partners-content img { margin: 40px auto; display: table; box-shadow: 0 0 25px rgba(0,0,0,0.4); max-width: 100%; }
.partners-content .container { padding: 80px 0; }
.partners-content .container.last { padding: 45px 0; border-bottom: 1px solid #e7e7e7; }
.partners-content .title { font-size: 36px; font-weight: 900; text-transform: uppercase; margin-bottom: 30px; position: relative; }
.partners-content .content { font-size: 24px; font-weight: 300; }
.line9 { height: 9px; background: linear-gradient(to right,#f19d16,#fee354); }
.partner-form-box { width: 60%; }
.partner-infobox { flex-grow: 1; padding-left: 80px; }
.partner-infobox .content { border: 1px solid #bdbdbd; border-radius: 5px; padding: 30px 35px; font-size: 18px; font-weight: 600; }
.partner-form-title { font-size: 24px; min-width: 270px; line-height: 80px; }
.partner-form-box .title { margin: 0 0 15px; }
.partner-form-box input { flex-grow: 1; margin: 10px 0 0 40px; }
.checkbox-container { display: block; position: relative; padding-left: 45px; margin: 20px 0 70px; cursor: pointer; font-size: 24px; user-select: none; line-height: 25px; }
.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 27px; width: 30px; border: 1px solid #ddd; border-radius: 5px; }
.checkbox-container input:checked ~ .checkmark { background-color: #28dace; border: 1px solid #28dace; }
.checkmark:after { content: "";  position: absolute; display: none; }
.checkbox-container input:checked ~ .checkmark:after { display: block; }
.checkbox-container .checkmark:after { left: 10px; top: 3px; width: 6px; height: 13px; border: solid black; border-width: 0 3px 3px 0;  transform: rotate(45deg); }
.checkbox-container ~ button { position: absolute; right: 0px; top: -20px; }
.checkbox-container a { text-decoration: underline; }
.offer-title { height: 100px; line-height: 100px; font-size: 34px; color: #228f89; background: #28dace; font-weight: 900; text-transform: uppercase; text-align: center; }
.offer-title.top { color: #a6762e; background: linear-gradient(to right,#f19d16,#fee354); }

@media (max-width: 1680px) { 
.partners-header { height: 262px; font-size: 58px; }
.partners-content .title { font-size: 32px; }
.partners-content .content { font-size: 22px; }
.partners-content .container { padding: 70px 0; }
.partners-content .container.last { padding: 40px 0; }
.partner-infobox { padding-left: 50px; }
.partner-infobox .content { padding: 20px 25px; font-size: 16px; }
.partner-form-title { font-size: 22px; min-width: 250px; line-height: 70px; }
.partner-form-box input { margin: 10px 0 0 30px; }
.checkbox-container { padding-left: 40px; margin: 15px 0 70px; font-size: 22px; line-height: 25px; }
.checkmark { height: 25px; width: 28px; }
.checkbox-container .checkmark:after { left: 9px; top: 3px; width: 6px; height: 12px; }
.offer-title { height: 88px; line-height: 88px; font-size: 30px; }
}

@media (max-width: 1440px) {
.partners-header { height: 225px; font-size: 48px; }
.partners-content .title { font-size: 28px; }
.partners-content .content { font-size: 21px; }
.partners-content .container { padding: 60px 0; }
.partners-content .container.last { padding: 35px 0; }
.partner-infobox { padding-left: 30px; }
.partner-infobox .content { padding: 15px 20px; font-size: 15px; }
.partner-form-title { font-size: 19px; min-width: 200px; line-height: 67px; }
.partner-form-box input { margin: 10px 0 0 20px; }
.checkbox-container { padding-left: 35px; margin: 15px 0 70px; font-size: 19px; line-height: 22px; }
.checkmark { height: 22px; width: 24px; }
.checkbox-container .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; }
.offer-title { height: 75px; line-height: 75px; font-size: 28px; }
}

@media (max-width: 1366px) {
.partners-content { padding-bottom: 25px; }
.partners-header { height: 213px; font-size: 44px; }
.partners-content .title { font-size: 26px; }
.partners-content .content { font-size: 20px; }
.partners-content .container { padding: 50px 0; }
.partners-content .container.last { padding: 30px 0; }
.partner-infobox { padding-left: 25px; }
.partner-infobox .content { padding: 12px 15px; font-size: 14px; }
.partner-form-title { font-size: 18px; min-width: 190px; line-height: 54px; }
.partner-form-box input { margin: 8px 0 0 20px; }
.checkbox-container { padding-left: 35px; margin: 15px 0 50px; font-size: 18px; line-height: 22px; }
.checkmark { height: 21px; width: 23px; }
.checkbox-container .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; }
.offer-title { height: 71px; line-height: 71px; font-size: 27px; }
}

@media (max-width: 1280px) {
.partners-header { height: 200px; font-size: 36px; }
.partners-content .title { font-size: 24px; }
.partners-content .content { font-size: 19px; }
.partners-content .container { padding: 40px 0; }
.partners-content .container.last { padding: 25px 0; }
.partner-infobox { padding-left: 20px; }
.partner-infobox .content { font-size: 13px; }
.partner-form-title { font-size: 16px; min-width: 180px; line-height: 57px; }
.checkbox-container { font-size: 17px; }
.checkmark { height: 20px; width: 22px; }
.checkbox-container .checkmark:after { left: 7px; top: 2px; width: 4px; height: 9px; }
.offer-title { height: 67px; line-height: 67px; font-size: 25px; }
}

@media (max-width: 1024px) {
.partners-content { padding-bottom: 30px; }
.partners-header { height: 160px; font-size: 32px; }
.partners-header .title { padding: 0 20px; }
.partners-content .title { font-size: 22px; margin-bottom: 20px; }
.partners-content .content { font-size: 18px; }
.partners-content .container { padding: 30px 20px; }
.partners-content .container.last { padding: 30px 20px; }
.line9 { height: 6px; }

.partner-infobox { width: 100%; padding: 20px 0 0 0; }
.partner-infobox .content { font-size: 15px; }
.partner-form-title { font-size: 20px; width: 100%; line-height: inherit; }
.partner-form-box { width: 100%; }
.partner-form-box input { width: 100%; margin: 5px 0; }
.checkbox-container { font-size: 17px; padding: 0 20px 0 55px;  }
.checkmark { height: 20px; width: 22px; margin-left: 20px;}
.checkbox-container .checkmark:after { left: 7px; top: 2px; width: 4px; height: 9px; }
.checkbox-container { margin: 0 0 20px; }
.checkbox-container ~ button { position: relative; right: 0px; top: inherit; margin: auto auto 20px; display: table; }
.offer-title { height: initial; line-height: initial; font-size: 23px; padding: 20px 0; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Content page ------------------------------------------------------------------------------------------------------------------------------ */
.content-page { padding: 50px 0; font-size: 24px; font-weight: 300; }
.content-page.impressum { padding: 18% 20px; }
.content-page .title { font-size: 48px; font-weight: 900; line-height: 120%; }
@media (max-width: 1680px) {
.content-page { padding: 40px 0; font-size: 21px; }
.content-page .title { font-size: 42px; }
}
@media (max-width: 1440px) {
.content-page { padding: 30px 0; font-size: 19px; }
.content-page .title { font-size: 38px; }
}
@media (max-width: 1366px) {
.content-page { padding: 25px 0; font-size: 18px; }
.content-page .title { font-size: 36px; }
}
@media (max-width: 1280px) {
.content-page { padding: 20px 0; font-size: 17px; }
.content-page .title { font-size: 32px; }
}
@media (max-width: 1024px) {
.content-page { padding: 20px; font-size: 16px; }
.content-page .title { font-size: 28px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Contact page ------------------------------------------------------------------------------------------------------------------------------ */
.contact-page { margin: 35px 0; }
.contact-box { width: 50%; padding-right: 40px; font-size: 23px; }
.contact-page h1, .contact-page h2 { font-size: 54px; font-weight: bold; text-transform: uppercase; color: black !important; text-align: left; margin: 0 !important; padding: 0 !important; }
.contact-box div { margin-top: 20px; }
.contact-page .subtitle { font-weight: bold; font-size: 38px; text-align: center; margin: 40px 0; text-transform: uppercase; }
.contact-page .data-fields { width: 33%; padding-right: 20px; }
.contact-page .data-message { flex-grow: 1; }
.contact-page input { margin: 0 0 20px 0; }
.contact-page textarea { height: 241px; }
.contact-page button { margin: 0 0 0 auto; display: block; }
@media (max-width: 1680px) {
.contact-page { margin: 30px 0; }
.contact-box { font-size: 21px; }
.contact-page h1, .contact-page h2 { font-size: 48px; }
.contact-page .data-fields { padding-right: 18px; }
.contact-page input { margin: 0 0 18px 0; }
.contact-box div { margin-top: 15px; } 
.contact-page .subtitle { font-size: 34px; margin: 35px 0; }
.contact-page textarea { height: 228px; }
}
@media (max-width: 1440px) {
.contact-page { margin: 30px 0; }
.contact-box { padding-right: 35px; font-size: 18px; }
.contact-page h1, .contact-page h2 { font-size: 38px; }
.contact-page .data-fields { padding-right: 15px; }
.contact-page input { margin: 0 0 15px 0; }
.contact-box div { margin-top: 10px; } 
.contact-page .subtitle { font-size: 26px; margin: 20px 0; }
.contact-page textarea { height: 204px; }
}
@media (max-width: 1366px) {
.contact-page { margin: 15px 0; }
.contact-box { padding-right: 35px; font-size: 16px; }
.contact-page h1, .contact-page h2 { font-size: 34px; }
.contact-page .data-fields { padding-right: 13px; }
.contact-page input { margin: 0 0 13px 0; }
.contact-box div { margin-top: 10px; } 
.contact-page .subtitle { font-size: 21px; margin: 20px 0; }
.contact-page textarea { height: 182px; }
}
@media (max-width: 1280px) {
.contact-box { padding-right: 30px; font-size: 15px; }
.contact-page h1, .contact-page h2 { font-size: 26px; }
}
@media (max-width: 1024px) {
.contact-page { margin: 10px 0 20px; padding: 0 10px; }
.contact-page .data-fields { width: 100%; padding-right: 0px; }
.contact-box { width: 100%; padding: 0 0 20px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Blog page --------------------------------------------------------------------------------------------------------------------------------- */
.blog { padding: 20px 0 0; }
.articles, .article-content { min-width: 60%; margin-bottom: 50px; }
.article-right-box { flex-grow: 1; padding-left: 40px; }
.box-title { line-height: 100px; height: 100px; border: 1px solid #575757; color: #575757; font-size: 34px; font-weight: 900; padding-left: 20px; }
.article-right-box .box-title { background: #1ed0c0; border: 1px solid #1ed0c0; color: #2f2c25; }
.article { margin: 40px 0; border-bottom: 1px solid #e1e1e1; padding-bottom: 40px; }
.article img { width: 100%; height: 262px; object-fit: cover; object-position: center center; }
.article .title, .top-article .title { font-size: 40px; font-weight: 600; text-transform: uppercase; line-height: 100%; display: table; }
.top-article .title { font-size: 26px; }
.article .created { color: #a8adb1; font-weight: 600; font-size: 21px; }
.article .lead { font-size: 18px; margin-top: 10px; }
.post-tags { margin-top: 10px; }
.article-right-box .post-tags { padding: 10px 20px; }
.post-tags span { background: #e2e2e2; color: black; text-transform: uppercase; bordeR: 1px solid #e2e2e2; }
.post-tags span:hover { background: #1ed0c0; }
.article .button { margin: 10px 0 0 auto; display: table; }
.top-article { width: 265px; float: left; margin: 40px 0px 30px 0; }
.top-article:nth-child(odd) { margin-right: 30px }
.top-article img { width: 100%; height: 262px; object-fit: cover; object-position: center center; }
.page, a.page { font-size: 22px; width: 45px; height: 50px; line-height: 50px; display: inline-table; background: #e2e2e2; text-align: center; margin: 0 4px; color: var(--font); }
a.page-prev, a.page-next { width: initial; padding: 0 20px; display: table; margin: 20px auto; }
.page-active { background: #1ed0c0; }
.post-page { margin-top: 50px; }
.article-content .title { font-size: 40px; font-weight: 600; text-transform: uppercase; line-height: 110%; }
.article-content .released { color: #969da3; font-weight: 600; font-size: 22px; margin-right: 15px; }
.article-content .content { font-size: 22px; }
.article-content .content img { width: 100%; height: auto; }
.article-content .post-share-bottom { text-align: right; }
.post-navigate { border-top: 1px solid #e2e2e2; margin-top: 30px; padding-top: 30px; font-size: 18px; line-height: 100%; }
.post-navigate .prev { width: 50%; text-align: left; display: flex; }
.post-navigate .next { width: 50%; text-align: right; display: flex; }
.post-navigate span { width: 49px; height: 49px; min-width: 49px; background: #e2e2e2; line-height: 49px; text-align: center; display: inline-block; vertical-align: middle; font-size: 36px; color: #444; font-weight: 300; cursor: pointer; transition: 0.1s; }
.post-navigate span:hover { background: #26dacf; }
.post-navigate a { flex-grow: 1; }
.post-navigate a { padding: 0 15px; }
.post-navigate .prev span:before { content: "\f104"; font-family: "Fontawesome"; padding-right: 3px; }
.post-navigate .next span:before { content: "\f105"; font-family: "Fontawesome"; padding-left: 3px; }
.post-share { display: flex; justify-content: center; }

@media (max-width: 1680px) {
.articles, .article-content { margin-bottom: 50px; }
.article-right-box { padding-left: 30px; }
.box-title { line-height: 85px; height: 85px; font-size: 29px; padding-left: 20px; }
.article { margin: 30px 0; padding-bottom: 40px; }
.article img { height: 227px; }
.article .title, .top-article .title { font-size: 36px; }
.top-article .title { font-size: 22px; }
.article .created { font-size: 18px; }
.article .lead { font-size: 17px; }
.top-article { width: 240px; margin: 30px 0px 25px 0; }
.top-article:nth-child(odd) { margin-right: 20px; }
.top-article img { height: 227px; }
.page, a.page { font-size: 20px; width: 42px; height: 47px; line-height: 47px; margin: 0 4px; }
a.page-prev, a.page-next { width: initial; margin: 0 auto 20px; }
.post-page { margin-top: 40px; }
.article-content .title { font-size: 38px; }
.article-content .released { font-size: 21px; }
.article-content .content { font-size: 21px; }
.post-navigate { margin-top: 25px; padding-top: 25px; font-size: 17px; }
.post-navigate span { width: 45px; height: 45px; line-height: 45px; min-width: 45px; font-size: 30px; }
}

@media (max-width: 1440px) {
.articles, .article-content { margin-bottom: 50px; }
.article-right-box { padding-left: 20px; }
.box-title { line-height: 78px; height: 78px; font-size: 26px; padding-left: 20px; }
.article { margin: 25px 0; padding-bottom: 35px; }
.article img { height: 196px; }
.article .title, .top-article .title { font-size: 32px; }
.top-article .title { font-size: 19px; }
.article .created { font-size: 16px; }
.article .lead { font-size: 16px; }
.top-article { width: 205px; margin: 25px 0px 20px 0; }
.top-article:nth-child(odd) { margin-right: 20px; }
.top-article img { height: 196px; }
.page, a.page { font-size: 18px; width: 38px; height: 45px; line-height: 45px; margin: 0 3px; }
a.page-prev, a.page-next { width: initial; margin: 0 auto 20px; }
.post-page { margin-top: 30px; }
.article-content .title { font-size: 34px; }
.article-content .released { font-size: 18px; }
.article-content .content { font-size: 18px; }
.post-navigate { margin-top: 20px; padding-top: 20px; font-size: 15px; }
.post-navigate span { width: 40px; height: 40px; line-height: 40px; min-width: 40px; font-size: 26px; }

}

@media (max-width: 1366px) {
.articles, .article-content { margin-bottom: 50px; }
.article-right-box { padding-left: 20px; }
.box-title { line-height: 70px; height: 70px; font-size: 24px; padding-left: 15px; }
.article { margin: 25px 0; padding-bottom: 35px; }
.article img { height: 185px; }
.article .title, .top-article .title { font-size: 30px; }
.top-article .title { font-size: 18px; }
.article .created { font-size: 15px; }
.article .lead { font-size: 15px; }
.top-article { width: 194px; margin: 25px 0px 20px 0; }
.top-article:nth-child(odd) { margin-right: 20px; }
.top-article img { height: 185px; }
.post-tags { margin-top: 4px; }
.page, a.page { font-size: 18px; width: 38px; height: 45px; line-height: 45px; margin: 0 3px; }
a.page-prev, a.page-next { width: initial; margin: 0 auto 20px; }
.post-page { margin-top: 20px; }
.article-content .title { font-size: 29px; }
.article-content .released { font-size: 17px; }
.article-content .content { font-size: 17px; }
.post-navigate { font-size: 14px; }
}

@media (max-width: 1280px) {
.box-title { line-height: 65px; height: 65px; font-size: 21px; padding-left: 15px; }
.articles, .article-content { margin-bottom: 50px; }
.article-right-box { padding-left: 20px; }
.article { margin: 25px 0; padding-bottom: 35px; }
.article img { height: 185px; }
.article .title, .top-article .title { font-size: 30px; }
.top-article .title { font-size: 18px; }
.article .created { font-size: 15px; }
.article .lead { font-size: 15px; }
.top-article { width: 180px; margin: 25px 0px 20px 0; }
.top-article:nth-child(odd) { margin-right: 20px; }
.top-article img { height: 185px; }
.post-tags { margin-top: 4px; }
.page, a.page { font-size: 17px; width: 35px; height: 42px; line-height: 42px; margin: 0 3px; }
a.page-prev, a.page-next { width: initial; margin: 0 auto 20px; }
}

@media (max-width: 1024px) {
.box-title { line-height: 65px; height: 65px; font-size: 21px; padding-left: 15px; }
.articles, .article-content { width: 100%; margin-bottom: 50px; }
.article-right-box { width: 100%; padding-left: 0px; }
.article { margin: 25px 0; padding-bottom: 35px; }
.article img { height: 185px; }
.article .title, .top-article .title { font-size: 30px; padding: 0 10px; }
.top-article .title { font-size: 22px; }
.article .created { font-size: 15px; padding: 0 10px; }
.article .lead { font-size: 15px; padding: 0 10px; }
.article .button { margin: 10px 0 0 10px; }
.top-article { width: 100%; margin: 25px 0px 20px 0; float: none; }
.top-article:nth-child(odd) { margin-right: 20px; }
.top-article img { height: 185px; }
.post-tags { margin-top: 4px; padding: 0 10px; }
.page, a.page { font-size: 17px; width: 35px; height: 42px; line-height: 42px; margin: 0 3px; }
a.page-prev, a.page-next { width: initial; margin: 0px auto 30px; font-size: 32px; height: 60px; line-height: 60px; }
.post-page { padding: 0 10px; } 
.post-navigate .prev, .post-navigate .next { width: 100%; }
.post-navigate .next { margin-top: 25px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */



/* Thankyou page ----------------------------------------------------------------------------------------------------------------------------- */
.thankyou-page { margin: 150px 0; background: linear-gradient(to right,#f19d16,#fee354); color: white; padding: 150px 0; text-align: center; }
.thankyou-page .title { font-size: 52px; font-weight: 700; text-transform: uppercase; }
.thankyou-page .content { font-size: 22px; }
.thankyou-page .icon { width: 85px; height: 85px; line-height: 85px; margin: 0 auto 20px; background: linear-gradient(to bottom, #f7c23e, #e7b842); border-radius: 100%; box-shadow: 0 4px 5px rgba(0,0,0,0.15); }
.thankyou-page .icon:before { font-family: "Fontawesome"; content: "\f00c"; color: #cbff8f; font-size: 38px; }

@media (max-width: 1680px) {
.thankyou-page { margin: 130px 0; padding: 130px 0; }
.thankyou-page .icon { width: 80px; height: 80px; line-height: 80px; margin: 0 auto 20px; }
.thankyou-page .icon:before { font-size: 37px; }
.thankyou-page .title { font-size: 48px; }
.thankyou-page .content { font-size: 19px; }
}

@media (max-width: 1440px) {
.thankyou-page { margin: 100px 0; padding: 100px 0; }
.thankyou-page .icon { width: 70px; height: 70px; line-height: 70px; margin: 0 auto 15px; }
.thankyou-page .icon:before { font-size: 30px; }
.thankyou-page .title { font-size: 38px; }
.thankyou-page .content { font-size: 17px; }
}

@media (max-width: 1366px) {
.thankyou-page { margin: 80px 0; padding: 80px 0; }
.thankyou-page .icon { width: 65px; height: 65px; line-height: 65px; margin: 0 auto 15px; }
.thankyou-page .icon:before { font-size: 28px; }
.thankyou-page .title { font-size: 35px; }
.thankyou-page .content { font-size: 16px; }
}

@media (max-width: 1024px) {
.thankyou-page { margin: 40px 0; padding: 80px 10px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Cart page --------------------------------------------------------------------------------------------------------------------------------- */
.cart-page { color: #6b6b6b; }
.cart-title { font-size: 38px; font-weight: 700; text-align: center; background: linear-gradient(to right,#f19d16,#fee354); color: white; height: 81px; line-height: 81px; text-transform: uppercase; }
.cart-contents { margin: 30px 0 10px; border-bottom: 1px solid #cecece; padding-bottom: 15px; user-select: none; }
.cart-content { margin: 15px 0 0px; border-top: 1px solid #cecece; padding-top: 15px; }
.cart-content img { width: 248px; height: 278px; object-fit: cover; object-position: center center; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.cart-content .contents { padding-left: 50px; flex-grow: 1; }
.cart-content .contents .flex > div:nth-child(1) { width: 30%; }
.cart-content .contents .flex > div:nth-child(2) { width: 35%; }
.cart-content .contents .flex > div:nth-child(3) { width: 20%; }
.cart-content .contents .flex > div:nth-child(4) { width: 15%; }
.cart-content .title { font-size: 36px; color: #6b6b6b; font-weight: 600; margin: 20px 0 30px; text-transform: uppercase; }
.cart-content .contents .flex { font-size: 32px; }
.cart-content .contents .flex > div > div:nth-child(2) { font-size: 22px; color: #a0a0a0; font-weight: 300; text-transform: uppercase; }
.cart-content .player { font-weight: normal; text-transform: uppercase; }
.cart-content .sum { font-weight: 900; text-align: right; }
.cart-content .sumoriginal { text-align: right; }
.cart-content .controls span { cursor: pointer; border: 1px solid #a0a0a0; border-radius: 100%; display: inline-block; width: 20px; height: 20px; line-height: 17px; text-align: center; font-size: 26px; font-weight: 300; }
.cart-content .delete { color: #cdcdcd; border: 1px solid #cdcdcd; border-radius: 5px; padding: 4px 27px; display: table; position: absolute; bottom: 10px; line-height: 100%; text-transform: uppercase; font-size: 14px; font-weight: 600; cursor: pointer; }
.cart-content .delete:hover { background: #cdcdcd; color: black; }
.sumtitle { font-weight: 300; font-size: 36px; }
.sumprice { font-size: 32px; font-weight: 900; text-align: right; flex-grow: 1; }
#checkout { margin: 50px auto; display: table; }
.buyer-details { border-top: 8px solid #f2f2f2; margin: 5px 0; padding: 70px 0 0; text-align: center; justify-content: center; }
.buyer-details .inputfields, .buyer-details .textarea { width: 50%; }
.buyer-details .inputfields { padding-right: 10px; }
.buyer-details .textarea { padding-left: 10px; }
.buyer-details input[type=text] { display: table; margin: 0 0 10px; width: 100%; }
.buyer-details textarea { display: table; margin: 0 0 10px; width: 100%; height: 221px; resize: none; }

.pay-details { margin: 200px auto 250px; text-align: center; }
.pay-details .title { font-size: 62px; margin: 0 0 25px; }
.pay-details .sum { font-size: 42px; font-weight: 900; margin-bottom: 20px; }
.payment-methods { display: flex; justify-content: center; }
#paypal { width: 350px; }
#simplepay { width: 350px; height: 116px; padding: 0; border: 0; margin-left: 50px; display: inline-block; }
#simplepay img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1680px) { /* 87.5% */
.cart-title { height: 75px; line-height: 75px; font-size: 35px; }
.cart-content .contents { padding-left: 40px; }
.cart-content img { width: 217px; height: 243px; }
.cart-content .title { font-size: 31px; margin: 20px 0 30px; }
.cart-content .contents .flex, .sumprice { font-size: 29px; }
.cart-content .contents .flex > div > div:nth-child(2) { font-size: 19px; }
.sumtitle { font-size: 31px; }
.buyer-details textarea { height: 212px; }
#checkout { margin: 40px auto; }
.cart-content .controls span { width: 18px; height: 18px; line-height: 15px; font-size: 23px; }
.pay-details { margin: 160px auto 180px; }
.pay-details .title { font-size: 57px; margin: 0 0 20px; }
.pay-details .sum { font-size: 38px; margin-bottom: 15px; }

}

@media (max-width: 1440px) { /* 75% */
.cart-title { height: 62px; line-height: 62px; font-size: 29px; }
.cart-content .contents { padding-left: 30px; }
.cart-content img { width: 186px; height: 208px; }
.cart-content .title { font-size: 27px; margin: 10px 0 15px; }
.cart-content .contents .flex, .sumprice { font-size: 23px; }
.cart-content .contents .flex > div > div:nth-child(2) { font-size: 16px; }
.sumtitle { font-size: 28px; }
.buyer-details { padding: 50px 0 0; }
.buyer-details textarea { height: 194px; }
.cart-content .delete { padding: 3px 21px; font-size: 13px; }
#checkout { margin: 30px auto; }
.cart-content .controls span { width: 15px; height: 15px; line-height: 12px; font-size: 21px; }
.pay-details { margin: 100px auto 120px; }
.pay-details .title { font-size: 48px; margin: 0 0 15px; }
.pay-details .sum { font-size: 34px; margin-bottom: 10px; }

}

@media (max-width: 1366px) { /* 71% */
.cart-title { height: 51px; line-height: 51px; font-size: 25px; }
.cart-content img { width: 176px; height: 197px; }
.cart-content .title { font-size: 25px; margin: 10px 0 15px; }
.buyer-details { padding: 30px 0 0; }
.buyer-details textarea { height: 176px; }
.pay-details { margin: 80px auto 100px; }
.pay-details .title { font-size: 44px; }
.pay-details .sum { font-size: 32px; margin-bottom: 10px; }
}

@media (max-width: 1280px) { /* 66% */
.cart-title { height: 48px; line-height: 48px; font-size: 21px; }
.cart-content img { width: 164px; height: 184px; }
.cart-content .title { font-size: 23px; margin: 10px 0 10px; }
.cart-content .contents .flex, .sumprice { font-size: 21px; }
.cart-content .contents .flex > div > div:nth-child(2) { font-size: 15px; }
.sumtitle { font-size: 24px; }
.buyer-details textarea { height: 170px; }
}

@media (max-width: 1024px) { 
.cart-content img { width: 100%; height: 200px; }
.cart-contents { margin: 0; }
.cart-content .contents { padding-left: 0px; }
.cart-content .title { font-size: 26px; text-align: center; line-height: 120%; }
.cart-content .contents .flex > div { width: 100% !important; text-align: center; }
.cart-content .contents .flex, .sumprice { font-size: 29px; }
.cart-content .contents .flex > div > div:nth-child(2) { font-size: 19px; }
.cart-content .delete { position: relative; bottom: inherit; margin: 10px 0 0 20px; }
.cart-content .sum, .cart-content .sumoriginal { text-align: center; }
.cart-content .contents .flex { display: flex !important; flex-wrap: wrap;}
.cart-content .contents .flex > div { width: 50% !important; }
.cart-content .contents .flex > div:nth-child(3), .cart-content .contents .flex > div:nth-child(4) { border-top: 1px dotted #dcdcdc; padding-top: 10px; margin-top: 10px; }
.sumtitle, .sumprice { text-align: center; padding: 5px; }
.buyer-details .inputfields, .buyer-details .textarea { padding: 0 10px; width: 100%; }
.pay-details { margin: 50px auto 70px; }
.pay-details .title { font-size: 32px; margin: 0 0 20px; }

.payment-methods { display: block; width: 300px; margin: auto; }
#paypal { width: 300px; }
#simplepay { width: 300px; height: 99px; margin: 40px 0 0; }
.pay-details .sum { font-size: 28px; }

}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

/* Image gallery ----------------------------------------------------------------------------------------------------------------------------- */
.image-gallery { margin-bottom: 10px; position: relative; }
.image-gallery:before { content: " "; width: 10px; height: 70px; background: white; position: absolute; display: block; top: 0; left: 30px; z-index: 4; }
.image-gallery:after { content: " "; width: 10px; height: 70px; background: white; position: absolute; display: block; top: 0; right: 30px; z-index: 4; }
.image-gallery img { width: 120px; height: 70px; object-fit: cover; object-position: center center; vertical-align: top; cursor: zoom-in; }
.image-gallery img:not(:last-child) { margin-right: 10px; }
.image-gallery .left, .image-gallery .right { border: 1px solid #e9e9e9; border-radius: 4px; min-width: 30px; width: 30px; height: 70px; line-height: 70px; text-align: center; cursor: pointer; font-size: 16px; color: #666; }
.image-gallery .thumbnails { flex-grow: 1px; white-space: nowrap; overflow: hidden; padding: 0 10px; position: relative; }
.image-gallery .left:before { font-family: 'FontAwesome'; content: "\f053"; padding-right: 5px; }
.image-gallery .right:before { font-family: 'FontAwesome'; content: "\f054"; }
.owl-centered .owl-wrapper { display: table !important; }
.owl-centered .owl-item { display: table-cell;  float: none; vertical-align: middle; }
.owl-centered .owl-item > div { text-align: center; }
.owl-height { transition: initial !important; }
.gallery-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 99999; }
.gallery-modal .close { position: fixed; top: 0px; right: 0px; z-index: 3; width: 100px; height: 180px; line-height: 80px; text-align: center; cursor: pointer; font-size: 62px; }
.gallery-modal .close:before { font-family: "Fontawesome"; content: "\f00d"; color: #444; }
.gallery-modal .close:hover:before { color: white; }
.gallery-modal .left, .gallery-modal .right { position: absolute; width: 200px; height: 100%; display: table; z-index: 2; cursor: pointer; transition: 0.3s; color: #555; user-select: none; }
.gallery-modal .left:active, .gallery-modal .right:active { transform: scale(0.8); }
.gallery-modal .left:hover, .gallery-modal .right:hover { color: white; }
.gallery-modal .left span, .gallery-modal .right span { vertical-align: middle; text-align: center; display: table-cell; }
.gallery-modal span:before { font-family: "Fontawesome"; font-size: 62px; }
.gallery-modal .left { left: 0; }
.gallery-modal .left span:before { left: 0; content: "\f053"; }
.gallery-modal .right { right: 0; }
.gallery-modal .right span:before { left: 0; content: "\f054"; }
.gallery-carousel { position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); height: 600px; }
.gallery-carousel img { position: relative; max-height: 600px; max-width: 90%; width: initial !important;  margin: auto; }

@media (max-width: 1680px) {
.image-gallery:before { left: 28px; }
.image-gallery:after { right: 28px; }
.image-gallery .left, .image-gallery .right { font-size: 15px; min-width: 28px; width: 28px; }
.image-gallery .left:before { padding-right: 0px; }
.gallery-modal .left, .gallery-modal .right { width: 170px; }
.gallery-modal span:before { font-size: 56px; }
.gallery-modal .close { width: 100px; height: 180px; line-height: 80px; font-size: 56px; }
.gallery-carousel { height: 500px; }
.gallery-carousel img { max-height: 500px; }
}

@media (max-width: 1440px) {
.image-gallery img { width: 105px; height: 65px; }
.image-gallery:before { left: 28px; height: 65px; }
.image-gallery:after { right: 28px; height: 65px; }
.image-gallery .left, .image-gallery .right { font-size: 14px; min-width: 28px; width: 28px; height: 65px; line-height: 65px; }
.gallery-modal .left, .gallery-modal .right { width: 125px; }
.gallery-modal span:before { font-size: 48px; }
.gallery-modal .close { width: 80px; height: 150px; line-height: 70px; font-size: 48px; }
.gallery-carousel { height: 400px; }
.gallery-carousel img { max-height: 400px; }
}

@media (max-width: 1366px) {
.image-gallery img { width: 95px; height: 60px; }
.image-gallery:before { left: 25px; height: 60px; }
.image-gallery:after { right: 25px; height: 60px; }
.image-gallery .left, .image-gallery .right { font-size: 13px; min-width: 25px; width: 25px; height: 60px; line-height: 60px; }
.gallery-modal .left, .gallery-modal .right { width: 100px; }
.gallery-modal span:before { font-size: 42px; }
.gallery-modal .close { width: 70px; height: 130px; line-height: 60px; font-size: 42px; }
.gallery-carousel { height: 360px; }
.gallery-carousel img { max-height: 360px; }
}

@media (max-width: 1280px) {
.image-gallery img { width: 90px; height: 57px; }
.image-gallery:before { left: 25px; height: 57px; }
.image-gallery:after { right: 25px; height: 57px; }
.image-gallery .left, .image-gallery .right { font-size: 13px; min-width: 25px; width: 25px; height: 57px; line-height: 57px; }
}

@media (max-width: 1024px) {
.image-gallery.flex { display: flex !important; }
.image-gallery img { width: 105px; height: 65px; }
.image-gallery:before { left: 25px; height: 65px; }
.image-gallery:after { right: 25px; height: 65px; }
.image-gallery .left, .image-gallery .right { font-size: 13px; min-width: 25px; width: 25px !important; height: 65px; line-height: 65px; }
.gallery-modal .left, .gallery-modal .right { width: 40px; color: #fff; opacity: 0.5; }
.gallery-carousel { height: initial; }
.gallery-carousel img { height: initial; width: 90%; }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
.gallery-carousel { height: 300px; }
.gallery-carousel img { height: 300px; }
}


.unsubscribe-page { padding: 25% 0; }
.unsubscribe-page .title { font-size: 24px; text-align: center; }


/* Footer ------------------------------------------------------------------------------------------------------------------------------------ */
footer { background: #1d1c1c; color: #737373; line-height: 150%; padding: 90px 0 0; }
footer .title { text-transform: uppercase; font-size: 26px; font-weight: 800; margin-bottom: 25px; }
footer > .container:nth-child(1) { justify-content: flex-start; }
footer > .container:nth-child(1) > div:nth-child(1) { width: 19%; }
footer > .container:nth-child(1) > div:nth-child(2) { width: 23%; }
footer > .container:nth-child(1) > div:nth-child(3) { width: 31%; padding-right: 5%; }
footer > .container:nth-child(1) > div:nth-child(4) { width: 26%; }
footer .company { font-size: 13px; text-align: center; padding: 10px 0; }
footer ul { padding: 0; margin: 0; font-size: 21px; font-weight: 500; }
footer ul li { list-style-type: none; margin: 0; }
footer a:hover { color: #28dace; }
.payment_img { display: table; margin: 60px auto 30px; }
.newsletter input { margin-bottom: 10px; background: #333; border: 1px solid #444; color: white; }

@media (max-width: 1680px) {
footer .title { font-size: 24px; }
footer ul { font-size: 19px; }
}

@media (max-width: 1440px) {
footer .title { font-size: 21px; }
footer ul { font-size: 17px; }
}

@media (max-width: 1024px) {
footer { padding: 20px 0 0; }
footer .title { margin-bottom: 10px; }
footer > .container { padding: 0 20px; }
footer > .container:nth-child(1) > div:nth-child(1) { width: 100%; }
footer > .container:nth-child(1) > div:nth-child(2) { width: 100%; padding-top: 30px; }
footer > .container:nth-child(1) > div:nth-child(3) { width: 100%; padding-top: 30px; padding-right: 0%; }
footer > .container:nth-child(1) > div:nth-child(4) { width: 100%; padding-top: 30px; }
.payment_img { max-width: 60%; content: url("/images/simple-mobile.png"); }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------- */

.topcities { width: 80%; justify-content: space-between; margin: auto; }
.topcities > div { width: 18%; max-width: 18%; cursor: pointer; position: relative; box-shadow: 8px 8px 6px rgba(0,0,0,0.15); }
.topcities > div > img { width: 100%; height: 150px; object-fit: cover; object-position: center center; display: block; border-radius: 2px; }
.topcities > div a { display: block; padding: 5px 15px; color: #eee; width: 100%; font-size: 28px; font-weight: 900; text-transform: uppercase; position: absolute; bottom: 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); line-height: 100%; }
.topcities .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); transition: 2.7s; }
.topcities .overlay:hover { background: linear-gradient(to top, rgba(0,0,0,0.2), transparent); }
.topcities span { display: block; font-size: 16px; color: #aaa; line-height: 100%; font-weight: 600; }
.choose-city { margin: 50px auto 0; width: 260px; border-radius: 2px; }
.choose-city.long { width: 300px; }
.choose-city select { background: var(--blue); border: 0; border-radius: 2px; cursor: pointer; text-align-last:center; }

@media (max-width: 1680px) {
.topcities > div > img { height: 135px; }
.topcities > div > a { padding: 8px 13px; font-size: 21px; }
.topcities span { font-size: 15px; }
.choose-city { margin: 40px auto 0; width: 228px; }
.choose-city.long { width: 280px; }
.choose-city select { background: var(--blue); border: 0; border-radius: 2px; cursor: pointer; text-align-last:center; }
}

@media (max-width: 1440px) {
.topcities > div > img { height: 115px; }
.topcities > div > a { padding: 5px 10px; font-size: 19px; }
.topcities span { font-size: 13px; }
.choose-city { margin: 35px auto 0; width: 195px; }
.choose-city.long { width: 260px; }
}

@media (max-width: 1366px) {
.topcities > div > img { height: 106px; }
.topcities > div > a { padding: 5px 10px; font-size: 18px; }
.topcities span { font-size: 12px; }
.choose-city { margin: 30px auto 0; width: 185px; }
.choose-city.long { width: 230px; }
}

@media (max-width: 1280px) {
.topcities > div > img { height: 100px; }
.topcities > div > a { padding: 5px 10px; font-size: 17px; }
.topcities span { font-size: 11px; }
.choose-city { margin: 25px auto 0; width: 172px; }
.choose-city.long { width: 220px; }
}

@media (max-width: 1024px) {
.topcities { display: block; width: 100%; }
.topcities > div { width: initial; max-width: initial; box-shadow: initial; }
.topcity { width: 90% !important; max-width: initial !important; margin: auto; position: relative; height: 150px; margin: 0px auto; }
.topcity > img { width: 100%; height: 100%; object-fit: cover; }
.topcity > a { width: 100%; position: absolute; bottom: 0; left: 0; padding: 2px 10px; font-size: 22px; text-align: center; display: block; z-index: 9999; }
.topcities span { font-size: 16px; }
.topcities.owl-carousel .owl-stage .owl-item { transform: scale(1.05); transition: 0.2s; opacity: 0.3; }
.topcities .owl-item.active.center { transform: scale(1.0); z-index: 2; opacity: 1; }
.choose-city { margin: 30px auto 0; width: 240px; }
}

.thankyou-page { margin: 150px 0; background: linear-gradient(to right,#f19d16,#fee354); color: white; padding: 150px 0; text-align: center; }
.thankyou-page .title { font-size: 52px; font-weight: 700; text-transform: uppercase; }
.thankyou-page .content { font-size: 22px; }
.thankyou-page .icon { width: 85px; height: 85px; line-height: 85px; margin: 0 auto 20px; background: linear-gradient(to bottom, #f7c23e, #e7b842); border-radius: 100%; box-shadow: 0 4px 5px rgba(0,0,0,0.15); }
.thankyou-page .icon:before { font-family: "Fontawesome"; content: "\f00c"; color: #cbff8f; font-size: 38px; }

@media (max-width: 1680px) {
.thankyou-page { margin: 130px 0; padding: 130px 0; }
.thankyou-page .icon { width: 80px; height: 80px; line-height: 80px; margin: 0 auto 20px; }
.thankyou-page .icon:before { font-size: 37px; }
.thankyou-page .title { font-size: 48px; }
.thankyou-page .content { font-size: 19px; }
}

@media (max-width: 1440px) {
.thankyou-page { margin: 100px 0; padding: 100px 0; }
.thankyou-page .icon { width: 70px; height: 70px; line-height: 70px; margin: 0 auto 15px; }
.thankyou-page .icon:before { font-size: 30px; }
.thankyou-page .title { font-size: 38px; }
.thankyou-page .content { font-size: 17px; }
}

@media (max-width: 1366px) {
.thankyou-page { margin: 80px 0; padding: 80px 0; }
.thankyou-page .icon { width: 65px; height: 65px; line-height: 65px; margin: 0 auto 15px; }
.thankyou-page .icon:before { font-size: 28px; }
.thankyou-page .title { font-size: 35px; }
.thankyou-page .content { font-size: 16px; }
}

@media (max-width: 1024px) {
.thankyou-page { margin: 40px 0; padding: 80px 10px; }
}






/* GAMES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.tags { display: flex; flex-wrap: wrap; overflow: hidden; }
.tags span { border-radius: 2px; padding: 0px 8px; background: var(--font); background: #444; color: #999; height: 22px; line-height: 22px; text-transform: lowercase; font-size: 14px; font-weight: 600; margin: 0 7px 5px 0; }
.games .contents { background: #151515; color: white; padding: 10px; line-height: initial; text-transform: uppercase; text-align: left; position: relative; }
.games h3 { font-size: 26px; font-weight: 900; line-height: 100%; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; max-width: 70%; }
.games .location { font-size: 17px; font-weight: 300; color: #aaa; line-height: 130%; }
.games img.cover { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; transition: 0.6s ease all; }
.games img.cover:hover { object-position: 0 100%; transform: scale(1.05); }
.games .container { display: flex; flex-wrap: wrap; justify-content: center; }
.games .box { width: 360px; margin: 0 13px 30px 12px; position: relative; box-shadow: 8px 8px 6px rgba(0,0,0,0.15); }
.games .widget { position: absolute; padding: 6px 12px; color: white; line-height: 100%; background: rgba(55,55,55,0.8); z-index: 2; }
.games .widget.top { top: 0px; }
.games .widget.bottom { bottom: 0px; }
.games .widget.left { left: 0px; }
.games .widget.right { right: 0px; }
.games .widget img { margin-right: 10px; }
.games .image { height: 220px; position: relative; overflow: hidden; border-bottom: 2px solid var(--blue); }
.games .box a.button { position: absolute; top: 18px; right: 10px; height: 38px; line-height: 38px; padding: 0 16px; border-radius: 2px; font-weight: 900; font-size: 15px; }
.games .box .tags span { font-size: 12px; height: 20px; line-height: 20px; padding: 0 6px; }
.games .tags { margin-top: 5px; }
.games .discount { margin: -5px 0 0 -5px; font-weight: 900; font-size: 28px; background: var(--red); color: white; box-shadow: 2px 2px 10px rgba(0,0,0,0.8); border-radius: 2px; }
.games .price-box { font-size: 28px; text-align: right; line-height: 100%; font-weight: 700; background: var(--red); color: white; box-shadow: -2px -2px 8px rgba(0,0,0,0.8); border-top-left-radius: 2px; }
.games .price.old { font-size: 22px; position: relative; display: table; margin: 0 0 0 auto; line-height: 100%; font-weight: 300; color: #ddd; }
.games .price.old:before { content: " "; position: absolute; width: 100%; top: 44%; border-bottom: 1px solid #ddd; }
.games .recommends { font-size: 22px; text-align: left; font-weight: 600; border-top-right-radius: 2px; }
.games .recommends > img { zoom: 0.6; }
.games .recommends > div { font-size: 12px; font-weight: 400; color: #eee; }
.games .players { text-align: left; font-size: 18px; border-bottom-left-radius: 2px; }
.games .players img { zoom: 0.7; }
.games .featured-box { width: 490px; margin: 0 12px 30px 11px; position: relative; box-shadow: 8px 8px 6px rgba(0,0,0,0.15); }
.games .featured-box .image { height: 300px; border-bottom: 2px solid #fcdb4a; }
.games .featured-box .contents { padding: 10px 15px 15px; }
.games .featured-box h3 { font-size: 32px; }
.games .featured-box .location { font-size: 20px; }
.games .featured-box a.button { height: 46px; line-height: 46px; position: absolute; top: 20px; right: 15px; padding: 0 20px; border-radius: 2px; font-weight: 900; font-size: 18px; }
.games .featured-box .counter { position: absolute; bottom: 20px; right: 15px; width: 100px; color: #f7c032; font-weight: 600; font-size: 16px; }
.games .featured-box .widget { padding: 7px 15px; }
.games .featured-box .discount { font-size: 36px; }
.games .featured-box .players { font-size: 22px; }
.games .featured-box .players img { zoom: 0.8; }
.games .featured-box .recommends { font-size: 28px; }
.games .featured-box .recommends > div { font-size: 15px; }
.games .featured-box .recommends > img { zoom: 1; }
.games .featured-box .price-box { font-size: 36px; }
.games .featured-box .price.old { font-size: 30px; }

@media (max-width: 1680px) {  /* 87.5% */
.games .box { width: 315px; margin: 0 11px 24px 11px; }
.games .box a.button { top: 17px; right: 9px; height: 36px; line-height: 36px; padding: 0 15px; font-size: 14px; }
.games .box .tags span { font-size: 12px; height: 20px; line-height: 20px; padding: 0 6px; }
.games .contents { padding: 10px; }
.games h3 { font-size: 23px; }
.games .location { font-size: 15px; }
.games .image { height: 192px; }
.games .tags { margin-top: 5px; }
.games .widget { padding: 5px 11px; }
.games .widget img { margin-right: 8px; }
.games .discount { margin: -5px 0 0 -5px; font-size: 26px; }
.games .price-box { font-size: 26px; }
.games .price.old { font-size: 20px; }
.games .recommends { font-size: 20px; }
.games .recommends > div { font-size: 11px; }
.games .recommends > img { zoom: 0.5; }
.games .players { font-size: 17px; }
.games .players img { zoom: 0.6; }
.games .featured-box { width: 430px; margin: 0 10px 30px 10px; }
.games .featured-box .image { height: 263px; }
.games .featured-box .contents { padding: 10px 14px 14px; }
.games .featured-box h3 { font-size: 28px; }
.games .featured-box .location { font-size: 18px; }
.games .featured-box a.button { height: 44px; line-height: 44px; top: 18px; right: 15px; padding: 0 19px; font-size: 17px; }
.games .featured-box .counter { bottom: 20px; right: 15px; width: 95px; font-size: 15px; }
.games .featured-box .widget { padding: 6px 14px; }
.games .featured-box .discount { font-size: 32px; }
.games .featured-box .players { font-size: 20px; }
.games .featured-box .recommends { font-size: 26px; }
.games .featured-box .recommends > div { font-size: 14px; }
.games .featured-box .recommends > img { zoom: 0.8; }
.games .featured-box .price-box { font-size: 34px; }
.games .featured-box .price.old { font-size: 28px; }
}

@media (max-width: 1440px) {  /* 75% */
.tags span { padding: 0px 8px; height: 19px; line-height: 19px; font-size: 12px; margin: 0 7px 5px 0; }
.games .box { width: 270px; margin: 0 10px 20px 10px; }
.games .box a.button { top: 12px; right: 8px; height: 30px; line-height: 30px; padding: 0 12px; font-size: 12px; }
.games .box .tags span { font-size: 11px; height: 18px; line-height: 18px; padding: 0 5px; }
.games .contents { padding: 7px; }
.games h3 { font-size: 18px; }
.games .location { font-size: 13px; }
.games .image { height: 165px; }
.games .tags { margin-top: 4px; }
.games .widget { padding: 4px 10px; }
.games .widget img { margin-right: 6px; }
.games .discount { margin: -4px 0 0 -4px; font-size: 22px; }
.games .price-box { font-size: 22px; }
.games .price.old { font-size: 17px; }
.games .recommends { font-size: 17px; }
.games .recommends > div { font-size: 10px; }
.games .recommends > img { zoom: 0.4; }
.games .players { font-size: 15px; }
.games .players img { zoom: 0.5; }
.games .featured-box { width: 368px; margin: 0 9px 25px 9px; }
.games .featured-box .image { height: 225px; }
.games .featured-box .contents { padding: 8px 10px 10px; }
.games .featured-box h3 { font-size: 25px; }
.games .featured-box .location { font-size: 15px; }
.games .featured-box a.button { height: 40px; line-height: 40px; top: 12px; right: 10px; padding: 0 15px; font-size: 15px; }
.games .featured-box .counter { bottom: 18px; right: 15px; width: 76px; font-size: 13px; }
.games .featured-box .widget { padding: 5px 10px; }
.games .featured-box .discount { font-size: 28px; }
.games .featured-box .players { font-size: 17px; }
.games .featured-box .players img { zoom: 0.6; }
.games .featured-box .recommends { font-size: 22px; }
.games .featured-box .recommends > div { font-size: 12px; }
.games .featured-box .recommends > img { zoom: 0.6; }
.games .featured-box .price-box { font-size: 28px; }
.games .featured-box .price.old { font-size: 22px; }
}

@media (max-width: 1366px) {  /* 71% */
.tags span { padding: 0px 6px; height: 18px; line-height: 18px; font-size: 11px; margin: 0 5px 4px 0; }
.games .box { width: 255px; margin: 0 10px 20px 10px; }
.games .box a.button { top: 9px; right: 8px; height: 28px; line-height: 28px; padding: 0 10px; font-size: 11px; }
.games .box .tags span { font-size: 11px; height: 18px; line-height: 18px; padding: 0 5px; }
.games .contents { padding: 7px; }
.games h3 { font-size: 17px; }
.games .location { font-size: 12px; }
.games .image { height: 156px; }
.games .tags { margin-top: 4px; }
.games .widget { padding: 4px 9px; }
.games .widget img { margin-right: 6px; }
.games .discount { margin: -4px 0 0 -4px; font-size: 20px; }
.games .price-box { font-size: 20px; }
.games .price.old { font-size: 16px; }
.games .recommends { font-size: 16px; }
.games .recommends > div { font-size: 9px; }
.games .recommends > img { zoom: 0.4; }
.games .players { font-size: 14px; }
.games .players img { zoom: 0.5; }
.games .featured-box { width: 348px; margin: 0 9px 20px 9px; }
.games .featured-box .image { height: 213px; }
.games .featured-box .contents { padding: 8px 8px 8px; }
.games .featured-box h3 { font-size: 24px; }
.games .featured-box .location { font-size: 14px; }
.games .featured-box a.button { height: 36px; line-height: 36px; top: 12px; right: 8px; padding: 0 14px; font-size: 14px; }
.games .featured-box .counter { bottom: 18px; right: 15px; width: 70px; font-size: 12px; }
.games .featured-box .widget { padding: 4px 8px; }
.games .featured-box .widget img { margin-right: 10px; }
.games .featured-box .discount { font-size: 26px; }
.games .featured-box .players { font-size: 17px; }
.games .featured-box .players img { zoom: 0.6; }
.games .featured-box .recommends { font-size: 18px; }
.games .featured-box .recommends > div { font-size: 11px; }
.games .featured-box .recommends > img { zoom: 0.5; }
.games .featured-box .price-box { font-size: 27px; }
.games .featured-box .price.old { font-size: 21px; }
}

@media (max-width: 1280px) {  /* 66% */
.games .box { width: 238px; margin: 0 9px 20px 8px; }
.games .image { height: 145px; }
.games .featured-box { width: 323px; margin: 0 9px 22px 8px; }
.games .featured-box .image { height: 198px; }
}

@media (max-width: 1024px) {
.games .container { display: block; }
.games .box, .games .featured-box { width: 100%; max-width: 600px; margin: 20px auto; }
.games h3 { font-size: 24px; }
.games .location { font-size: 14px; }
.games .image, .games .featured-box .image { height: 170px; }
.games .box a.button { height: 36px; line-height: 36px; top: 12px; right: 8px; padding: 0 14px; font-size: 14px; }
.games .discount { font-size: 26px; }
.games .price-box { font-size: 27px; }
.games .price.old { font-size: 21px; }
.games .recommends { font-size: 18px; }
.games .recommends > div { font-size: 11px; }
.games .recommends > img { zoom: 0.5; }
.games .players { font-size: 17px; }
.games .players img { zoom: 0.6; }
.games .widget img { margin-right: 10px; }

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.blog-articles .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog-articles .button { margin: 30px 0 0; }
.article-box { width: 490px; margin: 0 0 35px; text-align: left; align-self: center; box-shadow: 8px 8px 6px rgba(0,0,0,0.15); border-radius: 2px; overflow: hidden; }
.article-box img { width: 100%; height: 200px; object-fit: cover; object-position: center center; display: block; }
.article-box .contents { background: #222; padding: 15px; height: 170px; position: relative; }
.article-box h3 { font-size: 26px; font-weight: 900; line-height: 100%; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; max-width: 100%; }
.article-box .lead { color: #999; font-size: 16px; }
.article-box .tags { margin: 5px 0; }
.article-box .created { position: absolute; bottom: 10px; left: 15px; color: #555; font-size: 14px; font-weight: 600; }
.article-box a.read-more { position: absolute; bottom: 10px; right: 15px; font-weight: 900; font-size: 15px; color: #777; }

@media (max-width: 1680px) {  /* 87.5% */
.blog-articles .button { margin: 25px 0 0; }
.article-box { width: 432px; margin: 0 0 30px; }
.article-box img { height: 176px; }
.article-box .contents { padding: 15px; height: 160px; }
.article-box h3 { font-size: 24px; }
.article-box .lead { font-size: 15px; }
.article-box .tags { margin: 5px 0; }
.article-box .created { bottom: 10px; left: 15px; font-size: 14px; }
.article-box a.read-more { bottom: 10px; right: 15px; font-size: 15px; }
}

@media (max-width: 1440px) {  /* 75% */
.blog-articles .button { margin: 20px 0 0; }
.article-box { width: 370px; margin: 0 0 25px; }
.article-box img { height: 150px; }
.article-box .contents { padding: 13px; height: 150px; }
.article-box h3 { font-size: 22px; }
.article-box .lead { font-size: 14px; }
.article-box .tags { margin: 5px 0; }
.article-box .created { bottom: 10px; left: 13px; font-size: 13px; }
.article-box a.read-more { bottom: 10px; right: 13px; font-size: 14px; }
}

@media (max-width: 1366px) {  /* 71% */
.blog-articles .button { margin: 16px 0 0; }
.article-box { width: 355px; margin: 0 0 22px; }
.article-box img { height: 145px; }
.article-box .contents { padding: 13px; height: 140px; }
.article-box h3 { font-size: 21px; }
.article-box .lead { font-size: 13px; }
.article-box .tags { margin: 5px 0; }
.article-box .created { bottom: 10px; left: 13px; font-size: 13px; }
.article-box a.read-more { bottom: 10px; right: 13px; font-size: 14px; }
}

@media (max-width: 1280px) {  /* 66% */
.blog-articles .button { margin: 16px 0 0; }
.article-box { width: 328px; margin: 0 0 22px; }
.article-box img { height: 134px; }
.article-box .contents { padding: 10px 7px 7px; height: 135px; }
.article-box h3 { font-size: 20px; }
.article-box .lead { font-size: 12px; }
.article-box .tags { margin: 5px 0; }
.article-box .created { bottom: 10px; left: 13px; font-size: 12px; }
.article-box a.read-more { bottom: 10px; right: 13px; font-size: 13px; }
}

@media (max-width: 1024px) {  
.article-box { width: 100%; }
}




#toggle-filters { display: none; }
.filters { margin: 50px auto 0px; padding: 40px 60px; font-size: 20px; color: #ddd; font-weight: 600; display: table; background: #2d2d2d; border-radius: 2px; }
.filters .search { border: 0; margin: 0; }
.filters .close { display: none; }
.checkboxes { display: table; margin: 0 auto 15px; }          
.checkboxes input[type=checkbox] { transform: scale(1.5); margin-right: 10px; }
.checkboxes label { cursor: pointer; user-select: none; }
.checkboxes span { margin-right: 35px; text-transform: uppercase; }
.checkboxes span:last-child { margin: 0; }
.checkboxes label:hover { color: #fff; }
.checkboxes input[type=checkbox]:checked { background: var(--blue); color: var(--blue); }
.checkboxes input[type=checkbox]:checked + label { color: var(--blue); }
.filters .city-box select, .category-box select { padding-left: 40px; text-transform: uppercase; color: var(--font); }
.filters .city-box:before { font-family: "Fontawesome"; content: "\f041"; position: absolute; color: var(--blue); font-weight: normal; height: 100%; line-height: 60px; left: 15px; font-size: 20px; }
.category-box:before { font-family: "Fontawesome"; content: "\f0b0"; position: absolute; color: var(--blue); font-weight: normal; height: 100%; line-height: 60px; left: 15px; font-size: 20px; }
.search:before { font-family: "Fontawesome"; content: "\f002"; position: absolute; color: var(--blue); font-weight: normal; height: 100%; line-height: 60px; left: 15px; font-size: 20px; }
.filters .city-box, .category-box { width: 280px; position: relative; }
.category-box { margin: 0 20px; }
.search { width: 600px; display: flex; margin: 35px auto 0; border: 15px solid rgba(50,50,50,0.5); border-radius: 2px; position: relative; }
.search input { flex-grow: 1; padding-left: 50px; }
.search .reset { position: absolute; right: 0px; top: -3px; padding: 20px; cursor: pointer; transition: 0.2s; display: none; }
.search .reset:before { font-family: "Fontawesome"; content: "\f00d"; color: #666; font-size: 23px; font-weight: 300; }
.search .reset:active { transform: scale(0.8); }
.search .results { position: absolute; left: 0; bottom: 1px; width: 100%; max-height: 300px; background: #fff; overflow: auto; color: black; z-index: 4; display: none; }
.search .results a { padding: 12px 20px; display: block; text-align: left; font-size: 18px; font-weight: 900; border-top: 1px solid #eee; line-height: 100%; text-transform: uppercase; background: linear-gradient(to right, #fff,#eee); }
.search .results a:hover, .search .results a.selected { background: var(--blue); }
.search .results a span { color: #444; font-size: 17px; font-weight: 600; }

@media (max-width: 1680px) {  /* 87.5% */
.filters { margin: 40px auto 0px; padding: 30px 55px; font-size: 18px; }
.checkboxes { margin: 0 auto 15px; }
.checkboxes input[type=checkbox] { transform: scale(1.4); margin-right: 10px; }
.checkboxes span { margin-right: 30px; }
.filters .city-box select, .category-box select { padding-left: 38px; }
.filters .city-box:before, .category-box:before, .search:before { line-height: 60px; left: 15px; font-size: 18px; }
.filters .city-box, .category-box { width: 245px; }
.category-box { margin: 0 18px; }
.search { width: 525px; margin: 35px auto 0; border: 14px solid rgba(50,50,50,0.5); }
.search input { padding-left: 45px; }
.search .reset { top: -3px; padding: 20px; }
.search .reset:before { font-size: 21px; }
.search .results { max-height: 275px; }
.search .results a { padding: 10px 20px;font-size: 17px; }
.search .results a span { font-size: 16px; }
}

@media (max-width: 1440px) {  /* 75% */
.filters { margin: 30px auto 0px; padding: 30px 45px; font-size: 16px; }
.checkboxes { margin: 0 auto 15px; }
.checkboxes input[type=checkbox] { transform: scale(1.3); margin-right: 7px; }
.checkboxes span { margin-right: 24px; }
.filters .city-box select, .category-box select { padding-left: 33px; }
.filters .city-box:before, .category-box:before, .search:before { line-height: 54px; left: 14px; font-size: 17px; }
.filters .city-box, .category-box { width: 210px; }
.category-box { margin: 0 14px; }
.search { width: 450px; margin: 35px auto 0; border: 14px solid rgba(50,50,50,0.5); }
.search input { padding-left: 40px; }
.search .reset { top: -3px; padding: 20px; }
.search .reset:before { font-size: 19px; }
.search .results { max-height: 235px; }
.search .results a { padding: 8px 16px;font-size: 15px; }
.search .results a span { font-size: 14px; }
}

@media (max-width: 1366px) {  /* 71% */
.filters { margin: 20px auto 0px; padding: 20px 30px; font-size: 15px; }
.checkboxes { margin: 0 auto 15px; }
.checkboxes input[type=checkbox] { transform: scale(1.3); margin-right: 7px; }
.checkboxes span { margin-right: 24px; }
.filters .city-box select, .category-box select { padding-left: 33px; }
.filters .city-box:before, .category-box:before, .search:before { line-height: 52px; left: 14px; font-size: 16px; }
.filters .city-box, .category-box { width: 200px; }
.category-box { margin: 0 12px; }
.search { width: 425px; margin: 35px auto 0; border: 14px solid rgba(50,50,50,0.5); }
.search input { padding-left: 40px; }
.search .reset { top: -3px; padding: 20px; }
.search .reset:before { font-size: 19px; }
.search .results { max-height: 220px; }
.search .results a { padding: 8px 16px;font-size: 15px; }
.search .results a span { font-size: 14px; }
}

@media (max-width: 1280px) {  /* 66% */
.search .results { max-height: 260px; }
}

@media (max-width: 1024px) {
#toggle-filters { display: block; margin: 20px auto 0; height: 50px; }
.filters-wrapper { display: none; position: relative; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 9; width: 85%; max-width: 500px; }
.search { width: 100%; margin: 0; }
.checkboxes input[type=checkbox] { transform: scale(1.7); margin-right: 15px; }
.filters { display: flex; flex-direction: column; margin: 0px auto 0px; padding: 30px 10px 0px 20px; font-size: 21px; text-align: left; border: 2px solid #888; background: #444; border-radius: 2px; box-shadow: 0px 0 15px white; box-shadow: 0 0 70px black; }
.filters .flex { order: 1; }
.filters span:after {  content: "\A"; white-space: pre; }
.filters .city-box, .category-box { width: 100%; max-width: 500px; }
.category-box { margin: 10px 0; }
.checkboxes { margin: 15px 0 0; order: 2; padding-right: 30px; }
.filters .city-box select, .category-box select { padding-left: 0px; border-left: 40px solid #eee; background: #eee; -webkit-appearance:none; }
.filters .close { order: 3; text-align: center; padding: 15px; display: block; }
.filters .close:before { font-family: "Fontawesome"; content: "\f00d"; content: "\f102"; color: #ddd; font-size: 36px; font-weight: 300; }
}



.banner { height: 600px; background:url('/images/banner/2019-xmas.jpg') no-repeat; background-size: cover; background-position: center top; position: relative; }
.banner .container { padding: 200px 0 0 0px; }
.banner .title { color: #eee; font-size: 78px; font-weight: 900; text-transform: uppercase; text-shadow: 3px 3px 3px black; margin-bottom: -25px; }
.banner .content { font-size: 24px; background: linear-gradient(to top right,#c0baaa,#fffdf7); color: #525050; padding: 15px 20px; display: table; font-weight: 800; text-transform: uppercase; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,0.8); text-align: center; }
.banner .subcontent { animation: chbg 3s linear infinite; position: absolute; bottom: 5px; right: 200px; background: white; font-size: 20px; padding: 0 10px; font-weight: 900; text-transform: uppercase; box-shadow: 0 0 5px rgba(0,0,0,0.8); color: #555; border-radius: 4px; }
.banner .button { animation: mbutton 3s linear infinite; margin-top: 25px; box-shadow: 0 0 15px rgba(0,0,0,1); font-weight: 900; }
@keyframes chbg { 50% { background: #c0baaa; color: black; } }
@keyframes mbutton { 50% { border-bottom: 3px solid #fde253; box-shadow: 0 0 15px rgba(255,255,255,1); } }

@media (max-width: 1680px) {
.banner { height: 525px; }
.banner .container { padding: 180px 0 0 0px; }
.banner .title { font-size: 69px; margin-bottom: -23px; }
.banner .content { font-size: 21px; padding: 15px 20px; }
.banner .subcontent { bottom: 5px; right: 170px; font-size: 17px; }
.banner .button { margin-top: 22px; }
}

@media (max-width: 1440px) {
.banner { height: 450px; }
.banner .container { padding: 150px 0 0 0px; }
.banner .title { font-size: 58px; margin-bottom: -18px; }
.banner .content { font-size: 18px; padding: 12px 14px; }
.banner .subcontent { bottom: 5px; right: 120px; font-size: 15px; padding: 0 8px; }
.banner .button { margin-top: 18px; }
}

@media (max-width: 1366px) {
.banner { height: 427px; }
.banner .container { padding: 140px 0 0 0px; }
.banner .title { font-size: 55px; margin-bottom: -17px; }
.banner .content { font-size: 17px; padding: 12px 14px; }
.banner .subcontent { bottom: 5px; right: 120px; font-size: 14px; padding: 0 8px; }
.banner .button { margin-top: 18px; }
}

@media (max-width: 1280px) {
.banner { height: 400px; }
.banner .container { padding: 140px 0 0 0px; }
.banner .title { font-size: 52px; margin-bottom: -17px; }
.banner .content { font-size: 16px; padding: 12px 14px; }
.banner .subcontent { bottom: 5px; right: 120px; font-size: 13px; padding: 0 8px; }
.banner .button { margin-top: 15px; }
}

@media (max-width: 1024px) {
.banner { height: 350px; background:url('/images/banner/2019-xmas-mobil.jpg') no-repeat; background-size: cover; background-position: right top; }
.banner .container { padding: 80px 0 0 0px; text-align: center; }
.banner .title { font-size: 32px; margin-bottom: 5px; text-align: center; }
.banner .content { font-size: 14px; padding: 10px; margin: auto;  opacity: 0.9; }
.banner .subcontent { bottom: 5px; right: 0; font-size: 12px; padding: 0 10px; border-radius: 0; width: 100%; text-align: center; }
.banner .button { margin-top: 25px; }
}