/*
 *
 * SENIOR PASY
 * Author: Martin Winkler
 * url: http://www.martinwinkler.cz/
 *
 */

/************************************************************************************
RESET
*************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/*:focus { outline: 0; }*/

table { border-collapse: collapse; border-spacing: 0; }

article, aside, figure, footer, header, hgroup, nav, section, img { display: block; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

label, input[type=button], input[type=submit], button { cursor: pointer; overflow: visible; }

em, i { font-weight: inherit; }

/************************************************************************************
GENERAL
*************************************************************************************/

html { height: 100%; }

body {
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  color: #3c3c3c;
  background: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

/* Box sizing */

*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Anchors */

a { color: #a70432; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Heading */

h1, .h1 { font: 700 64px/1.1em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 30px 0; text-transform: uppercase; }
h2, .h2 { font: 700 44px/1.1em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 10px 0; text-transform: uppercase; }
h3, .h3 { font: 600 32px/1.3em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 10px 0; text-transform: uppercase; }
h4, .h4 { font: 600 20px/1.3em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 10px 0; }
h5, .h5 { font: 600 17px/1.3em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 10px 0; }
h6, .h6 { font: 600 14px/1.3em 'Palanquin Dark',sans-serif; color: #fdb813; margin: 0 0 10px 0; }

h3.small, .h3.small { font-size: 25px; }

/* Paragraphs */

p { margin: 0 0 20px 0; }
address { font-style: normal; }
cite { font-style: normal; }

/* Lists */

ul, ol { list-style: none; margin: 0 0 20px 0; }
ul li { padding: 0 0 0 20px; margin: 0 0 5px 0; }
ul.unstyled li { padding: 0; background: none; }

ol { counter-reset: counter; margin-left: 0; *margin-left: 54px; }
ol li { margin: 0 0 10px 0; padding: 0 0 0 20px; *list-style-type: decimal; counter-increment: counter; position: relative; }
ol li:before { color: #2285c8; content: counter(counter)'. '; position: absolute; left: 0; top: 0; }

dl { margin: 0 0 20px 0; }
dt { font-weight: bold; }

/* Forms */

form { display: block; }
fieldset { border: none; }
label { font-weight: bold; }
input, select, button { vertical-align: top; }

/* Various */

sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

p.small { font-size: 70%; }
p.big { font-size: 130%; }

img { max-width: 100%; height: auto;
  image-rendering: optimizeSpeed;             /*                     */
  image-rendering: -moz-crisp-edges;          /* Firefox             */
  image-rendering: -o-crisp-edges;            /* Opera               */
  image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
  image-rendering: optimize-contrast;         /* CSS3 Proposed       */
  -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}
img.alignnone { margin-bottom: 20px; }
img.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; border: 1px solid #d5d5d6; position: relative; top: 7px; }
img.alignright { float: right; margin-left: 20px; margin-bottom: 20px; border: 1px solid #d5d5d6; position: relative; top: 7px; }
img.aligncenter { margin: 0 auto 20px auto; padding-top: 10px; }
img.border { border: 1px solid #d5d5d6; }

.bold { font-weight: bold; }
.nowrap, .nobr { white-space: nowrap !important; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.l { float: left; }
.r { float: right; }
.a-l { text-align: left; }
.a-r { text-align: right; }
.a-c { text-align: center; }

/************************************************************************************
HEADER
*************************************************************************************/

.header { padding: 0; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100px; text-align: right; line-height: 50px; padding-top: 20px; }
.header .inner { display: flex; justify-content: space-between; }
.header .quick-contact { font-size: 14px; font-weight: 600; color: #f9f2c3; text-transform: uppercase; letter-spacing: 0.06em; display: inline-block; vertical-align: top; }
.header .quick-contact .value { font-size: 24px; font-weight: 600; color: #fff; position: relative; top: 3px; padding-left: 10px; }

.header .header-r { display: flex; align-items: center; justify-content: flex-end; }

.header .fb-link { color: #a70432; background: #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-left: 30px; border-radius: 2px; }
.header .fb-link .icon { line-height: 26px; vertical-align: middle; }
.header .fb-link:hover { background: #a70432; color: #fff; }
.header .yt-link { color: #a70432; background: #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; flex: 0 0 30px; text-align: center; line-height: 30px; margin-left: 10px; border-radius: 2px; }
.header .yt-link .icon { line-height: 26px; vertical-align: middle; width: 21px; }
.header .yt-link .icon use { opacity: 1; }
.header .yt-link .icon use + use { opacity: 0; }
.header .yt-link:hover { background: #a70432; color: #fff; }
.header .yt-link:hover .icon use { opacity: 0; }
.header .yt-link:hover .icon use + use { opacity: 1; }

.header .region { font-size: 14px; line-height: 17px; font-weight: 600; color: #f9f2c3; text-decoration: none; text-transform: uppercase; letter-spacing: 0.06em; display: inline-block; vertical-align: top; float: left; padding: 8px 0 8px 60px; text-align: left; position: relative; }
.header .region:hover .img { background: #fdb813; color: #fff; }
.header .region .img { position: absolute; left: 0; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #fdb813; border-radius: 50%; }
.header .region .img .icon { width: 30px; height: 30px; line-height: 50px; vertical-align: middle; top: -3px; }

.header.alt { background: #09255a; padding: 0; }
.header.alt .logo { margin-right: 50px; max-width: 320px; text-decoration: none; }
.header.alt .logo .claim { font-size: 18px; line-height: 1.7em; color: #fff; text-transform: uppercase; font-weight: 800; white-space: nowrap; margin: 0; }
.header.alt .inner { height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header.alt .header-l { display: flex; justify-content: space-between; align-items: center; }
.header.alt .header-r { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

/* Main navigation */

.main-nav { margin: 0; position: absolute; left: 0; top: 0; }
.main-nav ul { margin: 0; }
.main-nav ul li { padding: 0; background: none; }
.main-nav ul li a { font-size: px; }
.main-nav ul li a:hover { color: #000; }
.main-nav ul li.active a { color: #000; }

/* Mobile nav */

.nav-btn { font-size: 24px; font-weight: 600; display: inline-block; vertical-align: top; text-decoration: none; color: #f9f2c3; height: 50px; margin-left: 40px; padding-left: 58px; position: relative; top: 4px; top: 0; }
.nav-btn .img { position: absolute; left: 0; top: 0; display: flex; flex: 0 0 50px; width: 50px; height: 50px; align-items: center; justify-content: center; text-align: center; border: 2px solid #fdb813; border-radius: 50%; }
.nav-btn:hover .img { background: #fdb813; color: #fff; }
.nav-btn .img .icon { width: 20px; height: 20px; line-height: 50px; }

.mobile-nav { background: #fff; height: 100%; position: fixed; right: 0; top: 0; z-index: 2000; overflow-y: scroll; width: 100%; max-width: 800px; padding: 60px 20px 40px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(100%,0); -moz-transform: translate(100%,0); -ms-transform: translate(100%,0); -o-transform: translate(100%,0); transform: translate(100%,0); }
.mobile-nav.active { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.mobile-nav .close { font-size: 30px; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #a70432; position: absolute; right: 20px; top: 20px; color: #fff; text-decoration: none; border-radius: 50%; }
.mobile-nav .close .icon { width: 15px; height: 15px; }
.mobile-nav .close:hover { color: #fff; background: #09255a; }
.mobile-nav .head { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #405b8e; }
.mobile-nav .navigation { max-width: 460px; margin: 0 auto; }
.mobile-nav ul { max-width: 460px; margin: 0 auto; padding: 15px 0; border-top: 1px solid #dc9d06; border-bottom: 1px solid #dc9d06; }
.mobile-nav ul li { font-family: 'Palanquin Dark',sans-serif; font-size: 18px; text-transform: uppercase; color: #fff; margin: 0; padding: 0; background: none; border: none; letter-spacing: 0.05em; }
.mobile-nav ul li.active a { color: #a70432; }
.mobile-nav ul li a { font-size: 20px; line-height: 1.3em; font-weight: 600; display: block; width: 100%; padding: 10px 0; color: #09255a; border: none; position: relative; text-decoration: none; }
.mobile-nav ul li a:hover { color: #a70432; }

.mobile-nav-overlay { position: fixed; left: 0; top: 0; z-index: 250; width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: none; }

/* Region nav */

.region-nav { background: #fff; position: fixed; right: 0; top: 0; z-index: 2000; overflow-y: scroll; width: 100%; height: auto; padding: 60px 20px 40px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transform: translate(0,-100%); }
.region-nav h2 { text-align: center; color: #dc9d06; padding-bottom: 20px; }
.region-nav ul { max-width: 1300px; margin: 0 auto; text-align: center; border-top: 1px solid #ffcd54; padding-top: 30px; }
.region-nav ul li { display: inline-block; vertical-align: top; margin-bottom: 20px; }
.region-nav ul li a { font-size: 14px; line-height: 1.3em; letter-spacing: 1px; display: flex; align-items: center; justify-content: center; font-weight: 500; background: #09255a; color: #fff; width: 185px; padding: 0 30px; height: 58px; text-transform: uppercase; border-radius: 35px; text-decoration: none; }
.region-nav ul li a.alt { background: #dc9d06; }
.region-nav ul li a.alt:hover { background: #a70432; }
.region-nav ul li a:hover { background: #a70432; }
.region-nav.active { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.region-nav .close { font-size: 30px; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #a70432; position: absolute; right: 45px; top: 45px; color: #fff; text-decoration: none; border-radius: 50%; }
.region-nav .close .icon { width: 15px; height: 15px; }
.region-nav .close:hover { color: #fff; background: #09255a; }

.region-nav-overlay { position: fixed; left: 0; top: 0; z-index: 250; width: 100%; height: 100%; background: rgba(0,0,0,0.9); display: none; }

/************************************************************************************
CONTENT
*************************************************************************************/

.content { padding: 100px 0 0 0; }
.content.alpha { padding-top: 0; }
.container.full { width: 100%; max-width: 100%; }
.container.wide { width: 100%; max-width: 1440px; }

/* Block */

.block { padding: 70px 0; position: relative; }
.block.narrow { padding: 50px 0; }
.block.narrow-1 { padding: 40px 0; }

.block.alt { background: #ffcd54; }
.block.alt h1,
.block.alt h2 { color: #dc9d06; }

.block.alt-2 { background: #09255a; color: #fff; }
.block.alt-2 h3 { color: #fff; }

.block.alpha { padding-top: 0; }
.block.omega { padding-bottom: 0; }

.anchor { position: absolute; left: 0; top: 0; }
.anchor#registrace { top: 30px; }

.skew { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 100%; border-top: 4px solid #cecece; background: #fff; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: skewY(5deg); -ms-transform: skewY(5deg); transform: skewY(5deg); }

/* Section head */

.section-head { text-align: center; margin: 0 auto 30px auto; position: relative; }
.section-head h2 { margin: 0; }
.section-head h3 { margin: 0; }

.intro { text-align: center; max-width: 800px; margin: 0 auto 30px auto; }

.suphead { font-size: 32px; line-height: 1em; font-weight: 700; color: #808080; margin-bottom: 0; }
.suphead.ttu { text-transform: uppercase; }

/* Teaser */

.teaser { position: relative; padding-top: 100px; }
.teaser h1 { text-shadow: rgba(0,0,0,0.6) 0 0 6px; margin-bottom: 10px; }
.teaser .logo { margin-bottom: 20px; display: inline-block; }
.teaser .teaser-content { position: relative; z-index: 10;/* max-width: 1300px; margin: 0 auto;*/ }
.teaser .teaser-bg { background: url('../img/teaser.jpg') center 0 no-repeat; background-size: cover !important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.teaser .teaser-img { position: absolute; right: 0; bottom: 0; }
.teaser .block-skew { overflow: hidden; position: relative; padding: 80px 0 10px 0; }
.teaser .subhead { font: 500 28px/1.3em 'Palanquin Dark'; color: #fff; text-shadow: rgba(0,0,0,0.3) 0 0 3px; text-transform: uppercase; max-width: 740px; }
.teaser .subhead a { text-transform: none; color: #fdb813; }
.teaser .sign { margin-bottom: 20px; }
.teaser .sign .name { font-size: 24px; font-weight: 700; color: #fdb813; margin-bottom: 0; }
.teaser .sign .job { font-size: 16px; line-height: 1.3em; margin-bottom: 0; font-style: italic; color: #fff; }
.teaser .btn-set { margin-bottom: 30px; }
.teaser .btn { text-align: center; border-radius: 40px; padding-left: 40px; padding-right: 40px; margin-right: 20px; margin-bottom: 5px; }

.teaser.alt h1, .teaser.alt .h1 { font-size: 32px; line-height: 1.3em; }
.teaser.alt .head { font-size: 18px; margin-bottom: 0; font-weight: 700; color: #09255a; text-transform: uppercase; }
.teaser.alt .teaser-img { max-height: 350px; }

/* Breadcrumbs */

.breadcrumbs { font: 600 16px/1.5em 'Palanquin Dark',sans-serif; text-transform: uppercase; color: #09255a; margin-bottom: 15px; }
.breadcrumbs a { color: #fff; }

/* Services */

.services { margin: 0; }
.services .item-list { margin: 0 0 0 -30px; }
.services .item { width: 25%; margin: 0; padding-left: 30px; }
.services .item-inner { background: #fff; color: #000; padding: 20px; }

/* Logos */

.logos { margin: 0; }
.logos .item-list { margin-left: -15px; text-align: center; }
.logos .item-list.set-1 .item { width: 100%; }
.logos .item { padding-left: 15px; margin-bottom: 15px; width: 25%; }
.logos .item-inner { display: block; border-radius: 10px; background: #fff; height: 140px; padding: 10px; line-height: 120px; text-align: center; }
.logos .item-inner img { display: inline-block; vertical-align: middle; line-height: 140px; }

.logos .item.double { line-height: inherit; }
.logos .item.double a { display: block; margin-bottom: 30px; }
.logos .item.double a:last-child { margin-bottom: 0; }
.logos .item.double .item-inner { line-height: 20px; padding: 30px 0; height: auto; }

/* Info nav */

.info-nav { margin: 0 auto; position: relative; top: 30px; max-width: 1240px; z-index: 20; }
.info-nav .item-list { margin-left: -15px; }
.info-nav .item { padding-left: 15px; width: 25%; }
.info-nav .item .img { position: absolute; left: 15px; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.info-nav .item .img .icon { width: 50px; height: 50px; color: rgba(255,255,255,0.3); }
.info-nav .item-inner { font-size: 23px; font-weight: 600; position: relative; background: #09255a; padding: 30px 20px 30px 100px; border-radius: 15px; color: #fff; display: block; text-transform: uppercase; text-decoration: none; }
.info-nav .item-inner:hover { background: #a70432; }
.info-nav .item-inner:after { content: ''; background: rgba(255,255,255,0.2); position: absolute; left: 80px; top: 10px; width: 1px; height: 100%; height: calc(100% - 20px); }

/* Register */

.register { padding-top: 30px; }

.intro-message { background: #f9bed0; border: 2px solid #f08da9; text-align: center; padding: 20px 20px 20px 70px; max-width: 950px; margin: 0 auto 20px auto; position: relative; border-radius: 10px; }
.intro-message .icon { color: #a70432; position: absolute; left: 20px; top: 50%; margin-top: -24px; width: 48px; height: 48px; }
.intro-message .hl { color: #a70432; font-weight: 700; }
.intro-message a { color: #a70432; }
.intro-message p { margin-bottom: 0; }

/* News */

.news-head { height: 43px; margin-bottom: 26px; text-align: right; }
.news-head .head { float: left; text-transform: uppercase;  }
.news-head .head .date { font-size: 18px; font-weight: 600; line-height: 43px; margin: 0 15px 0 0; display: inline-block; vertical-align: top; }
.news-head .head .region { font-family: 'Palanquin Dark'; font-weight: 500; line-height: 43px; position: relative; overflow: hidden; text-decoration: none; margin: 0 15px 0 0; height: 43px; padding: 0 20px; background: #3e9d5b; color: #fff; display: inline-block; vertical-align: top; border-radius: 20px; letter-spacing: 0.05em; }
.news-head .head .region .txt { position: relative; z-index: 20; color: #fff; }
.news-head .head .region:hover:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }

.news-detail .wrap { margin-bottom: 40px; min-height: 400px; position: relative; }
.news-detail .img { width: 550px; position: absolute; left: 0; top: 0; }
.news-detail .text { padding-left: 580px; }

.news-foot { text-align: right; }
.news-foot .pager { border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; padding: 30px 0; margin-bottom: 40px; }
.news-foot .pager .prev { float: left; text-align: left; }
.news-foot .pager .next { float: right; text-align: right; }
.news-foot .pager .link { font-size: 24px; font-weight: 600; color: #3c3c3c; text-decoration: none; }
.news-foot .pager .link .label { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #ffcd54; display: block; }

.news-img { text-align: center; margin-bottom: 50px; }
.news-img img { display: inline-block; vertical-align: top; }

.tag { font-family: 'Palanquin Dark'; font-weight: 500; line-height: 43px; height: 43px; padding: 0 20px; position: relative; background: #b3b3b3; color: #fff; display: inline-block; text-decoration: none; vertical-align: top; border-radius: 20px; letter-spacing: 0.05em; }
.tag:hover { background: #333; }

.back-to { font-family: 'Palanquin Dark'; font-weight: 500; line-height: 43px; height: 43px; padding: 0 20px; background: #b3b3b3; color: #fff; text-transform: uppercase; text-decoration: none; display: inline-block; vertical-align: top; border-radius: 20px; }
.back-to:hover { background: #a70432; }

/* News list */

.news { margin: 0; }
.news .item-list { margin: 0; }
.news .item { margin: 0 0 50px 0; }
.news .item h2 { font-size: 28px; line-height: 1.3em; color: #a70432; padding-right: 140px; }
.news .item-inner { background: #ebebeb; padding: 50px 30px 30px 30px; border: 1px solid #e3e3e3; position: relative; }
.news .item .img { position: absolute; left: 30px; top: 50px; width: 314px; }
.news .item .text { padding-left: 340px; min-height: 210px; }
.news .item .tag { position: absolute; right: 30px; top: 30px; }
.news .item .foot { border-top: 1px solid #b3b3b3; padding-top: 15px; }
.news .item .foot .date { font-size: 14px; font-weight: 600; color: #3c3c3c; }
.news .item .region { font-family: 'Palanquin Dark'; font-weight: 500; line-height: 43px; position: absolute; overflow: hidden; text-decoration: none; left: 30px; top: -22px; margin: 0 15px 0 0; height: 43px; padding: 0 20px; background: #3e9d5b; color: #fff; display: inline-block; vertical-align: top; border-radius: 20px; letter-spacing: 0.05em; }
.news .item .region .txt { position: relative; z-index: 20; color: #fff; }
.news .item .region:hover:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.news-info { text-align: right; margin-bottom: 40px; }

.news .item.jm-kraj .item-inner, .news .item.jihomoravsky .item-inner { border-color: #3e9d5b; }
.news .item.ol-kraj .item-inner, .news .item.olomoucky .item-inner { border-color: #f09b21; }
.news .item.us-kraj .item-inner, .news .item.ustecky .item-inner { border-color: #348eea; }
.news .item.praha .item-inner { border-color: #f02121; }

.news .item.jm-kraj .region, .news .item.jihomoravsky .region { background: #3e9d5b; }
.news .item.ol-kraj .region, .news .item.olomoucky .region { background: #f09b21; }
.news .item.us-kraj .region, .news .item.ustecky .region { background: #348eea; }
.news .item.praha .region { background: #f02121; }

.news-hl .item-inner { display: flex; padding-right: 300px; }
.news-hl .item .img { max-width: 250px; flex: 0 0 250px; }
.news-hl .item .date { font-size: 14px; margin: 5px 0; }
.news-hl .item .text { flex-grow: 1; padding-left: 30px; display: flex; }
.news-hl .item .text h3 { text-transform: none; letter-spacing: 0; }
.news-hl .item .btn-set { padding-left: 30px; flex: 0 0 200px; max-width: 200px; }
.news-hl .item .btn-set .btn { margin-bottom: 10px; }

/* Discounters */

.discounters {  }
.discounters .item { margin-bottom: 25px; }
.discounters .item .box { padding: 20px; background: #ebebeb; }
.discounters .item .box .img { float: right; padding-left: 40px; max-width: 250px; }
.discounters .item .box .text h3 { font-size: 28px; font-weight: 400; text-transform: none; color: #09255a; margin-bottom: 20px; }
.discounters .item .details .item { position: relative; /*padding-left: 120px;*/ margin-bottom: 5px; display: flex; }
.discounters .item .details .item .label { font-size: 18px; font-weight: 700; color: #09255a; flex: 0 0 120px; max-width: 120px; width: 100%; }
.discounters .item .details .item ul li { padding: 0; background: none; }
.discounters .item .details .item ul:last-child { margin-bottom: 0; }
.discounters .item .details .item p:last-child { margin-bottom: 0; }
.discounters .item a { font-weight: 600; }
.discounters .item .head { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1em; background: #ffce54; color: #845f05; text-align: center; padding: 10px; }
.discounters .item.item-gold .head {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffce54+0,fff665+50,ffce54+100 */
  background: rgb(255,206,84); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(255,206,84,1) 0%, rgba(255,246,101,1) 50%, rgba(255,206,84,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255,206,84,1) 0%,rgba(255,246,101,1) 50%,rgba(255,206,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255,206,84,1) 0%,rgba(255,246,101,1) 50%,rgba(255,206,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce54', endColorstr='#ffce54',GradientType=1 ); /* IE6-9 */
}
.discounters .item.item-silver .head { color: #3c3c3c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b7b7b+0,f2f2f2+50,7b7b7b+100 */
  background: rgb(123,123,123); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(123,123,123,1) 0%, rgba(242,242,242,1) 50%, rgba(123,123,123,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(123,123,123,1) 0%,rgba(242,242,242,1) 50%,rgba(123,123,123,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(123,123,123,1) 0%,rgba(242,242,242,1) 50%,rgba(123,123,123,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#7b7b7b',GradientType=1 ); /* IE6-9 */
}
.discounters .btn-set { margin-bottom: 20px; }
.discounters .btn-set .btn { font-family: 'Palanquin Dark'; font-size: 18px; font-weight: 500; line-height: 43px; height: 43px; padding: 0 20px; margin-bottom: 10px; background: #b3b3b3; color: #fff; text-transform: uppercase; text-decoration: none; display: inline-block; vertical-align: top; border-radius: 20px; }
.discounters .btn-set .btn:hover { background: #a70432; }
.discounters .btn-set .tag { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }

/* Various */

.try-app { font-weight: 700; line-height: 48px; text-transform: uppercase; text-align: center; padding: 20px 150px 20px 0; }
.try-app p { margin-bottom: 0; }
.try-app p a { text-decoration: none; color: #fff; }
.try-app p a.link { text-decoration: underline; color: #fff; }
.try-app p a.link:hover { text-decoration: none; }
.try-app .app { position: absolute; right: 0; bottom: 0; z-index: 20; }
.try-app .img { display: inline-block; vertical-align: top; margin: 0 0 0 15px; }
.try-app.alt { text-align: right; padding-right: 0; }

.ask { padding: 30px 0 30px 220px; }
.ask .img { position: absolute; left: 0; bottom: 0; }

.scroll-b-wrap { position: relative; padding-right: 140px; }
.scroll-b { font-size: 14px; line-height: 1.3em; font-weight: 600; text-transform: uppercase; position: relative; color: #fff; padding-left: 60px; text-decoration: none; display: inline-block; vertical-align: top; text-align: left; position: absolute; right: 0; top: 10px; }
.scroll-b .icon { position: absolute; left: 0; top: -6px; width: 48px; height: 48px; background: #fff; border-radius: 50%; }
.scroll-b .icon:after { content: ''; position: absolute; left: 16px; top: 50%; margin-top: -9px; display: inline-block; width: 1em; height: 1em; border-left: 0.15em solid #dc9d06; border-bottom: 0.15em solid #dc9d06; transform: rotate(-45deg); display: block; }
.scroll-b:hover { color: #09255a; }
.scroll-b:hover .icon { background: #09255a; }

.call { font-size: 14px; text-align: center; margin-bottom: 50px; }
.call h3 { font-size: 64px; line-height: 1em; font-weight: 500; color: #09255a; margin-bottom: 10px; }
.call .item { margin-bottom: 30px; }

/* Person text */

.person-text { margin: 0; }
.person-text .inner { display: flex; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 4px solid #e8e8e8; }
.person-text .img { flex: 0 0 310px; padding-right: 50px; }
.person-text .img .frame { margin-bottom: 10px; }
.person-text .img .name { font-size: 28px; line-height: 1.3em; font-weight: 600; margin: 0; color: #e1aa27; margin-bottom: 10px; }
.person-text .img .job { font-size: 16px; line-height: 1.3em; font-style: italic; margin: 0; }

.magazines { margin: 0 0 40px 0; }
.magazines h2 { font-size: 28px; font-weight: 400; line-height: 1.3em; text-align: center; color: #09255a; margin-bottom: 30px; }
.magazines .item { text-align: center; margin-bottom: 30px; }
.magazines .item .img { margin-bottom: 10px; }
.magazines .item .img img { border: 2px solid #a70432; display: block; margin: 0 auto; }
.magazines .item .text .head { font-size: 20px; font-weight: 600; color: #a70432; margin: 0; text-transform: uppercase; }
.magazines .item .text .size { font-size: 16px; margin: 0; color: #7e7e7e; }

/* Gmap */

.gmap-content { position: relative; padding-left: 390px; }
.gmap-content .box { padding: 120px 0 400px 0; position: absolute; left: 0; top: 0; height: 100%; width: 390px; background: #fff; }
.gmap-content .box .inner { padding-left: 80px; position: relative; z-index: 20; }
.gmap-content .box .suphead { text-transform: uppercase; }
.gmap-content .box .img { margin-top: 50px; position: relative; left: 120px; z-index: 20; }
.gmap-content .box .skew { position: absolute; left: auto; right: -35px; bottom: 0; z-index: 10; width: 100px; height: 100%; border-top: none; border-right: 4px solid #cecece; background: #fff; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); display: none !important; }
.gmap-content h2 { font-size: 64px; line-height: 1em; font-weight: 700; color: #09255a; margin-bottom: 10px; }

.acf-map { width: 100%; height: 700px; }
.acf-map.loading { position: relative; }
.acf-map.loading:after { content: 'Nahrávám mapu...'; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); }
.acf-map img { max-width: inherit; }

.markers { display: none; }

.gm-style-iw-d { font-size: 15px; line-height: 1.5em; }
.gm-style-iw-d h3 { font-size: 20px; font-weight: 400; text-transform: none; }

.popup-contact { font-size: 15px; background: #fff; color: #000;}
.popup-contact .head { margin: 0 0 10px 0; font-weight: 600; }
.popup-contact ul { margin: 0 0 10px 0; }
.popup-contact ul:last-child { margin-bottom: 0; }
.popup-contact ul li { position: relative; padding: 0 0 0 10px; }
.popup-contact ul li br { display: none !important; }
.popup-contact ul li:empty { display: none; }
.popup-contact ul li:empty { display: none; }
/*.popup-contact ul li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #000; }*/

/* Pagebar */

.pagebar { margin: 30px 0; text-align: center; position: relative; }
.pagebar li { display: inline-block; vertical-align: top; padding: 0; background: none; }
.pagebar li a { font-size: 18px; color: #3c3c3c; font-weight: 600; display: block; width: 48px; height: 48px; line-height: 46px; text-align: center; text-decoration: none; border: 2px solid #fdb813; border-radius: 50%; }
.pagebar li a:hover { background: #fdb813; }
.pagebar li a.active { background: #fdb813; color: #fff; text-decoration: none; }
.pagebar .prev { position: absolute; left: 0; top: 0; }
.pagebar .next { position: absolute; right: 0; top: 0; }
.pagebar .icon-prev { position: absolute; left: 20px; top: 50%; margin-top: -7px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.1em solid #3c3c3c; border-bottom: 0.1em solid #3c3c3c; transform: rotate(45deg); display: block; }
.pagebar .icon-next { position: absolute; left: 15px; top: 50%; margin-top: -7px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.1em solid #3c3c3c; border-bottom: 0.1em solid #3c3c3c; transform: rotate(225deg); display: block; }
.pagebar .counter { display: none; }

/* Autocomplete */

.easy-autocomplete { width: 100% !important; }
.easy-autocomplete-container ul li { margin: 0; }

/* SVG map */

.svg-map { max-width: 700px; margin: 0 auto 20px auto; position: relative; }
.svg-map svg { pointer-events: auto; max-width: 100%; height: auto; }
.svg-map .base { display: block; }
.svg-map .area { fill: #fff; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.svg-map .area:hover { fill: #ffe8af; }
.svg-map .area.active { fill: #ffcd54; }

/*================================= Various Content =================================*/

.last { margin-bottom: 0 !important; }

/* Buttons */

.btn { font: 700 22px/1.2em 'Open Sans',sans-serif; padding: 16px 30px; text-transform: uppercase; background: #a70432; color: #efbecc; display: inline-block; vertical-align: top; border: none; text-decoration: none; position: relative; border-radius: 30px; }
.btn:hover { background-color: #09255a; color: #fff; }

/* Vertical align */

.va-wrap { display: table; width: 100%; height: 100%; }
.va-m { position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.va-t { display: table-cell; vertical-align: top; height: 100%; }
.va-b { display: table-cell; vertical-align: bottom; height: 100%; }

/* Icons */

svg { pointer-events: none; }

.icon { width: 20px; height: 20px; display: inline-block; vertical-align: top; position: relative; fill: currentColor; }

/* Hidden content */

.sh-content { display: none; }

/*================================= Columns =================================*/

.col2-set, .col3-set { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.col { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

.col2-set { margin: 0 0 30px -20px; }
.col2-set .col { width: 50%; padding: 0 0 0 20px; }

.col3-set { margin: 0 0 30px -20px; }
.col3-set .col { width: 33.33333%; padding: 0 0 0 20px; }

.col4-set { margin: 0 0 30px -20px; }
.col4-set .col { width: 25%; padding: 0 0 0 20px; }

.ib { font-family: 'Arial',sans-serif; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.ib > * { font-family: 'Open Sans',sans-serif; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

/************************************************************************************
FOOTER
*************************************************************************************/

.footer { font-size: 16px; line-height: 1.5em; }
.footer ul li { margin: 0; }
.footer h3 { font-size: 26px; line-height: 1em; font-weight: 500; color: #09255a; text-transform: uppercase; margin-bottom: 15px; }
.footer .f_1 { background: #eaa708; padding: 30px 0; }
.footer .f_2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.2em; background: #a70432; color: #fff; padding: 35px 0 30px 0; }
.footer .f_2 .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer .f_2 .fb-link { color: #a70432; background: #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; flex: 0 0 30px; text-align: center; line-height: 30px; margin-left: 20px; border-radius: 2px; }
.footer .f_2 .fb-link .icon { line-height: 26px; vertical-align: middle; }
.footer .f_2 .yt-link { color: #a70432; background: #fff; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; flex: 0 0 30px; text-align: center; line-height: 30px; margin-left: 20px; border-radius: 2px; }
.footer .f_2 .yt-link .icon { line-height: 26px; vertical-align: middle; width: 21px; }
.footer .copy { margin-bottom: 0; }
.footer .logos { margin-bottom: 20px; }

.foot-item { margin-bottom: 20px; }

/* Foot box */

.foot-box { font-size: 16px; padding: 12px; background: #09255a; color: #fff; border-radius: 15px; }
.foot-box .head { margin-bottom: 0; font-weight: 600; }
.foot-box .headline { font-size: 16px; font-weight: 600; border-bottom: 1px solid #020b1c; padding-bottom: 10px; }
.foot-box .text { padding: 15px 10px 5px 10px; }
.foot-box .text ul { margin-bottom: 20px; }
.foot-box .text ul li { position: relative; }
.foot-box .text ul li:before { content: ''; width: 3px; height: 3px; background: #fff; position: absolute; left: 5px; top: 12px; }
.foot-box .foot { text-align: right; border-top: 1px solid #020b1c; padding-top: 10px; padding-right: 15px; }
.foot-box .foot a { font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; }
.foot-box ul { margin-bottom: 20px; }
.foot-box a { color: #eaa708; }

.mw { position: absolute; right: 15px; top: -5px; color: rgba(255,255,255,0.4); display: block; }
.mw:hover { color: #00daee; }
.mw .text { position: absolute; left: 0; top: 0; text-indent: -80000px; display: block; }
.mw .icon-mw { width: 70px; height: 30px; }

/************************************************************************************
ENTRY
*************************************************************************************/

.entry { margin: 0; }
.entry h2 { margin: 40px 0 20px 0; }
.entry h2:first-child { margin-top: 0; }
.entry h3 { margin: 40px 0 20px 0; }
.entry h3:first-child { margin-top: 0; }
.entry ul li { position: relative; }
.entry ul li:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #000; }

.post h1 { color: #a70432; font-weight: 400; text-transform: none; }
.post h2 { color: #a70432; font-weight: 400; text-transform: none; }
.post h3 { color: #a70432; font-weight: 400; text-transform: none; }
.post h4 { color: #a70432; font-weight: 400; text-transform: none; }
.post .entry table { margin: 0 0 40px 0; border: none; }
.post .entry table th { background: #09255a; font-weight: 600; color: #fff; text-transform: uppercase; border: 2px solid #fff !important; }
.post .entry table td { background: #e7e7e7; border: 2px solid #fff !important; }
.post .entry table ul:last-child { margin-bottom: 0; }

/* Gallery */

.gallery .item-list { margin-left: -20px; }
.gallery .item { padding-left: 20px; margin-bottom: 20px; }

.gallery-columns-1 .item { width: 100%; }
.gallery-columns-2 .item { width: 50%; }
.gallery-columns-3 .item { width: 33.33333%; }
.gallery-columns-4 .item { width: 25%; }
.gallery-columns-5 .item { width: 20%; }
.gallery-columns-6 .item { width: 16.66666%; }
.gallery-columns-7 .item { width: 14.285714%; }
.gallery-columns-8 .item { width: 12.5%; }
.gallery-columns-9 .item { width: 11.11111%; }

/************************************************************************************
TABLES
*************************************************************************************/

.entry table { width: 100%; margin: 0 0 30px 0; }
.entry table th { font-weight: normal; border-bottom: 1px solid #c9cacb; padding: 14px 30px; background: #e3e3e3; color: #000; text-align: left; }
.entry table td { border-bottom: 1px solid #c9cacb; padding: 14px 30px; }

/************************************************************************************
FORMS
*************************************************************************************/

form.std label { font: 500 22px/24px 'Palanquin Dark',sans-serif; color: #808080; margin: 5px 0 10px 0; display: block; text-transform: uppercase; letter-spacing: 1px; }
form.std input.text { font: normal 16px/30px 'Open Sans',sans-serif; color: #000; border: 2px solid #fdb813; padding: 12px 15px; width: 100%; border-radius: 5px; }
form.std textarea { font: normal 16px/30px 'Open Sans',sans-serif; color: #000; border: 2px solid #fdb813; padding: 12px 15px; width: 100%; border-radius: 5px; margin: 0; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; }
form.std select { font: normal 16px/24px 'Open Sans',sans-serif; color: #000; border: 2px solid #fdb813; width: 100%; padding: 12px 15px; height: 58px; border-radius: 5px; }
form.std option { font: normal 16px/20px 'Open Sans',sans-serif; padding: 2px 20px; }
form.std .req { color: red; }

form.std input.text[required="required"] { background-image: url('../img/req.png'); background-position: right center; background-repeat: no-repeat; }

:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; }
::-webkit-input-placeholder { color: #fff; }

/*================================= Form standard =================================*/

/* Standard */

form.std .cell-set { /*margin: 0 0 0 -20px;*/ }
form.std .cell { margin: 0 0 30px 0; /*padding-left: 20px;*/ position: relative; text-align: left; }
form.std .cell-input { margin: 0 0 30px 0; /*padding-left: 20px;*/ position: relative; text-align: left; }

/* Inline */

form.std .set-2 .cell, form.std .set-2 .cell-input { width: 50%; }
form.std .set-3 .cell, form.std .set-3 .cell-input { width: 33.3333%; }
form.std .set-4 .cell, form.std .set-4 .cell-input { width: 25%; }
form.std .set-5 .cell, form.std .set-5 .cell-input { width: 20%; }

form.std .toggle { position: relative; padding: 0; margin-bottom: 20px; display: flex; align-items: center; }
form.std .toggle label { display: inline-block; vertical-align: top; margin: 0; padding-left: 14px; }
form.std .toggle .checker { align-self: flex-start; }
form.std .toggle .radio { align-self: flex-start; }
form.std .toggle .note { font-size: 16px; max-width: 100%; }

/* Various */

form.std .radio,
form.std .checker {  }

/* Form register */

form.form-register { max-width: 700px; margin: 0 auto; }
form.form-register .cell { display: flex; align-items: center; position: relative; }
form.form-register .cell > label { flex: 0 0 250px; margin: 0; padding-right: 20px; }
form.form-register .cell-birth { display: flex; align-items: flex-end; }
form.form-register .cell-birth .dot { padding-left: 5px; padding-right: 5px; }
form.form-register .inputs { display: flex; width: 100%; flex-wrap: wrap; flex-grow: 0; flex-shrink: 1; }
form.form-register .inputs .row { flex-grow: 1; }
form.form-register .toggle.inline { margin: 0 30px 0 0; }
form.form-register .toggle.small label { font-size: 14px; line-height: 1.4em; }
form.form-register .toggle label { font-size: 18px; font-weight: 400; color: #3c3c3c; text-transform: none; letter-spacing: 0; }
form.form-register .btn-set { text-align: center; }
form.form-register .shipping-note { font-size: 13px; line-height: 1.5em; padding-top: 10px; }

/* Form filter */

form.form-filter .cell-set { padding-right: 200px; margin-top: 30px; margin-left: -15px; margin-right: -15px; position: relative; }
form.form-filter .cell { margin-bottom: 0; width: 33.33333%; padding: 0 15px; }
form.form-filter .cell .inner { /*padding-left: 150px;*/ position: relative; display: flex; align-items: center; }
form.form-filter .btn { position: absolute; right: 15px; top: 0; width: 170px; }
form.form-filter label { font-size: 22px; font-weight: 600; line-height: 1.2em; display: inline-block; vertical-align: top; color: #845f05; padding-right: 20px; min-width: 150px; /*position: absolute; left: 0; top: 15px;*/ }

/* Form map */

form.form-map.loading .form-inner { opacity: 0.5; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
form.form-map.loading:after { content: ''; position: absolute; z-index: 90; left: 50%; top: 50%; width: 60px; height: 60px; border-radius: 5px; background: #09255a url('../img/spinner.svg') center center no-repeat; background-size: 55px 55px !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
form.form-map .cell-set:first-child { margin-top: 0; }
form.form-map .cell-set { margin-top: 30px; margin-bottom: 30px; position: relative; }
form.form-map .cell-set .cell { margin-bottom: 0; }
form.form-map .cell .inner { position: relative; display: flex; align-items: center; }
form.form-map .cell .inner label { padding-right: 20px; white-space: nowrap; }
form.form-map .cell label { font-size: 22px; font-weight: 600; line-height: 1.2em; display: inline-block; vertical-align: top; color: #845f05; margin: 0; }
form.form-map .cell .toggle { margin-bottom: 10px; }
form.form-map .cell .toggle label { font-size: 18px; font-weight: 500; color: #845f05; text-transform: none; letter-spacing: 1px; text-transform: uppercase; }
form.form-map .btn-set .btn { float: right; }
form.form-map .btn:hover { background: #09255a; color: #fff; }

form.form-map .cell-set:last-child { padding-right: 200px; }
form.form-map .cell-set:last-child .btn { position: absolute; right: 0; top: 0; width: 170px; }

form.form-map .cell-set.set-5 .cell { width: 20%; }
form.form-map .cell-set.set-4 .cell { width: 25%; }
form.form-map .cell-set.set-3 .cell { width: 33.33333%; }

/* Form contact */

form.form-contact .cell-set { margin-left: -20px; text-align: left; }
form.form-contact .cell { width: 50%; padding-left: 20px; }
form.form-contact .cell.full { width: 100%; }

/* Form newsletter */

form.form-nl { max-width: 700px; margin: 0 auto; }
form.form-nl .cell { display: flex; align-items: center; position: relative; margin-bottom: 20px; }
form.form-nl .cell > label { flex: 0 0 250px; margin: 0; padding-right: 20px; }
form.form-nl .btn-set { padding-left: 250px; }

/* Ajax form */

#form-ajax-content { position: relative; }
#form-ajax-content.loading:after { content: ''; position: absolute; z-index: 90; left: 50%; top: 50%; width: 70px; height: 70px; background: url('../img/spinner.svg') center center no-repeat; background-size: cover !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#form-ajax-content > .inner { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#form-ajax-content.loading > .inner { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

/************************************************************************************
FLASH MESSAGES
*************************************************************************************/

.flash-message { font: normal 16px/24px 'Open Sans',sans-serif; background: #fc796b; color: #fff; width: 100%; padding: 15px 35px 15px 15px; margin: 0 0 20px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.flash-message .close { font: normal 30px/24px 'Open Sans',sans-serif; width: 20px; height: 20px; text-decoration: none; padding: 0; line-height: 18px; text-align: center; color: #c96055; border: none; display: block; position: absolute; right: 10px; top: 10px; background: none; }
.flash-message .close:hover { color: #fff !important; }

.flash-message.alert-danger { background: #d14233; color: #fff; }
.flash-message.alert-danger .close { color: #912519; }

.flash-message.alert-success { background: #19b698; color: #fff; }
.flash-message.alert-success .close { color: #13927a; }

.modal-content .flash-message { margin: 0 0 20px 0; }

.error, form.std label.error { font-size: 16px; font-weight: 400; color: #ff0030; display: block; margin-top: 5px; }

#flash-messages { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; }
#flash-messages .flash-message { margin: 0 auto; width: 100%; max-width: 1180px; display: block; }

/************************************************************************************
TABS
*************************************************************************************/

.tabs { position: relative; }

.tab-nav ul { margin: 0 0 0 -1px; padding: 0; }
.tab-nav li { float: left; list-style-type: none; padding: 0; background: none; margin: 0 0 0 1px; }
.tab-nav li a { display: block; text-decoration: none; outline: 0; padding: 15px 30px; background: #000; color: #fff; }
.tab-nav li a:hover {  background: #a0a0a0; color: #000; }
.tab-nav li a.active { background: #e3e3e3; color: #000; }

/* Tab nav - basic */

.tab-nav-basic li { margin: 0; width: 33.33333%; position: relative; top: 1px; z-index: 20; }
.tab-nav-basic li a { font-size: 15px; font-weight: 600; color: #0071aa; background: #fff; text-transform: uppercase; text-align: center; border: 1px solid #ced0d0; border-right: none; }
.tab-nav-basic li:last-child a { border-right: 1px solid #ced0d0; }
.tab-nav-basic li a:hover { background: #fff; color: #db3214; }
.tab-nav-basic li a.active { background: #fff; color: #db3214; border-bottom: 1px solid #db3214; }

/* Tabs - region */

.tabs-region .tab { display: none; }
.tabs-region .tab.active { display: block; }

/************************************************************************************
QTIP
*************************************************************************************/

.qtip-default { font: normal 14px/22px 'Open Sans',sans-serif; padding: 10px; background-color: rgba(0,0,0,0.9); color: rgba(0,0,0,0.9); border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.qtip-content { font-size: 17px; color: #fff; }

/************************************************************************************
FANCYBOX
*************************************************************************************/

body .fancybox-wrap { padding-bottom: 20px; }
body .fancybox-inner { overflow-y: visible !important; height: auto !important; }

body .fancybox-close { font-size: 35px; width: 70px; height: 70px; text-align: center; line-height: 70px; background: none; right: 0; top: 0; text-decoration: none; }
body .fancybox-close:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 70px 70px 0; border-color: transparent #a70432 transparent transparent; }
body .fancybox-close:after { font-size: 30px; content: '×'; position: absolute; right: 11px; top: -13px; color: #fff; }
body .fancybox-close:hover:before { border-color: transparent #09255a transparent transparent; }

body .fancybox-prev { position: absolute; display: block; left: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #a70432; text-decoration: none; }
body .fancybox-prev:hover { background: #09255a; }
body .fancybox-prev span { content: ''; visibility: visible; background: none; position: absolute; left: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #fff; border-bottom: 0.2em solid #fff; transform: rotate(45deg); display: block; }

body .fancybox-next { position: absolute; display: block; right: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #a70432; text-decoration: none; }
body .fancybox-next:hover { background: #09255a; }
body .fancybox-next span { content: ''; visibility: visible; background: none; position: absolute; right: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff; transform: rotate(45deg); display: block; }

/************************************************************************************
DATEPICKER
*************************************************************************************/

body .ui-datepicker.ui-widget { font-size: 0.9em; width: 20em; }
body .ui-datepicker.ui-widget-content { background: #fff; }
body .ui-datepicker td span,
body .ui-datepicker td a { padding: 0.5em; line-height: 1.5em; }
body .ui-datepicker .ui-widget-header { background: #e65828; color: #fff; border: none; }
body .ui-datepicker .ui-datepicker-header { padding: 0.5em 0; }
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next { top: 6px; cursor: pointer; }
body .ui-datepicker .ui-state-default,
body .ui-datepicker .ui-widget-content .ui-state-default,
body .ui-datepicker .ui-widget-header .ui-state-default { background: #e5f2ff; border: none; }

body .ui-datepicker .ui-datepicker-prev span { position: absolute; left: 10px; top: 50%; margin: -5px 0 0 0; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #fff; border-bottom: 0.2em solid #fff; transform: rotate(45deg); display: block; }
body .ui-datepicker .ui-datepicker-next span { position: absolute; left: auto; right: 10px; top: 50%; margin: -5px 0 0 0; display: inline-block; width: 0.7em; height: 0.7em; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff; transform: rotate(45deg); display: block; }

body .ui-datepicker .ui-state-hover,
body .ui-datepicker .ui-widget-content .ui-state-hover,
body .ui-datepicker .ui-widget-header .ui-state-hover,
body .ui-datepicker .ui-state-focus,
body .ui-datepicker .ui-widget-content .ui-state-focus,
body .ui-datepicker .ui-widget-header .ui-state-focus { border: none; background: #e65828; color: #fff; }

/************************************************************************************
MODAL
*************************************************************************************/

.modal-box { display: none; background: #eee; }
.modal-content { padding: 40px; }

/* Modal contact */

.modal-contact { max-width: 600px; }

/* Modal campaign */

.modal-campaign { max-width: 700px; background: #fff; }
.modal-campaign p:last-child { margin-bottom: 0; }

/************************************************************************************
FIXER
*************************************************************************************/

.fixer-start { position: relative; }
.fixer { position: relative; top: 0; max-width: px; }
.fixer.fixed { position: fixed; }

/************************************************************************************
UNIFORM
*************************************************************************************/

/* Select */

div.selector { font-size: 18px; background: #fff; color: #024b41; line-height: 58px; height: 58px; padding: 0; position: relative; overflow: hidden; cursor: pointer; text-align: left; border: 2px solid #fdb813; border-radius: 5px; width: 100% !important; }
div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; /*white-space: nowrap;*/ border: none; padding: 0 60px 0 0; text-indent: 15px; height: 58px; line-height: 58px; cursor: pointer; display: block; width: 100% !important; background: url('../img/uniform/select.png') right center no-repeat; }
/*div.selector span:after { content: ''; position: absolute; right: 15px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; }*/
div.selector select { text-align: left; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 58px; line-height: 58px; top: 0; left: 0; width: 100%; cursor: pointer; }
div.selector select option { padding: 2px 10px; }

div.selector.disabled { opacity: 0.5; border: 2px solid #e3e3e3; cursor: default; }

div.selector.active span { background-position: right 16px; }
div.selector.focus span { background-position: right 16px; }
div.selector.hover span { background-position: right 16px; }
div.selector.hover.active span { background-position: right 16px; }
div.selector.focus.active span { background-position: right 16px; }

/* Checkbox */

div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 50px; height: 50px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -51px -5px no-repeat; }
div.checker span.checked { background-position: -51px -65px; }
div.checker input { margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

div.checker.active span { background-position: -51px -65px; }
div.checker.active span.checked { background-position: -51px -5px; }
div.checker.hover span, div.checker.focus span { background-position: -51px -5px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -51px -65px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -51px -5px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -51px -65px; }65/* Radio */

div.radio { position: relative; }
div.radio, div.radio span, div.radio input { width: 20px; height: 20px; cursor: pointer; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -11px -11px no-repeat; }
div.radio span.checked { background-position: -11px -51px; }
div.radio input { margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; margin: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; }

div.radio.active span { background-position: -11px -51px; }
div.radio.active span.checked { background-position: -11px -11px; }
div.radio.hover span, div.radio.focus span { background-position: -11px -51px; }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -11px -51px; }
div.radio.hover.active span, div.radio.focus.active span { background-position: -11px -51px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -11px -51px; }

/* Uploader */

div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }
div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }
div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
div.uploader.active span.action { background-position: right -465px; }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }

/************************************************************************************
SUDO SLIDERS
*************************************************************************************/

.slider ul, .slider li.panel { margin: 0; padding: 0; list-style: none; position: relative; display: block; }
.slider, .slider li.panel { overflow: hidden; background: none; }

.slider-nav { position: static; text-align: center; }
.slider-nav ol { margin: 0 0 0 -10px; }
.slider-nav li:before { content: ''; }
.slider-nav li { margin: 0 0 0 10px; padding: 0; background: none; display: inline-block; font-size: 0; }
.slider-nav li a { width: 20px; height: 20px; display: block; background: #fff; border: 3px solid #b4b4b4; text-indent: -80000px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.slider-nav li a span { width: 14px; height: 14px; border: 2px solid #fff; display: block; border-radius: 50%; }
.slider-nav li a:hover { background: #fff; }
.slider-nav li.current a span { background: #eeb938; }

.slider-nav .prev { position: absolute; left: 100px; top: 50%; margin-top: -24px; display: inline-block; width: 48px; height: 48px; display: block; background: #a70432; border-radius: 50%; }
.slider-nav .prev:hover { background: #ffcd54; }
.slider-nav .icon-prev { position: absolute; left: 18px; top: 50%; margin-top: -7px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.15em solid rgba(255,255,255,0.5); border-bottom: 0.15em solid rgba(255,255,255,0.5); transform: rotate(45deg); display: block; }

.slider-nav .next { position: absolute; right: 100px; top: 50%; margin-top: -24px; display: inline-block; width: 48px; height: 48px; display: block; background: #a70432; border-radius: 50%; }
.slider-nav .next:hover { background: #ffcd54; }
.slider-nav .icon-next { position: absolute; left: 14px; top: 50%; margin-top: -7px; display: inline-block; width: 0.7em; height: 0.7em; border-right: 0.15em solid rgba(255,255,255,0.5); border-top: 0.15em solid rgba(255,255,255,0.5); transform: rotate(45deg); display: block; }

/* Teaser slider */

.teaser-slider { position: relative; }
.teaser-slider li.panel { margin: 0; }

/* About slider */

.about-slider { margin-left: -15px; margin-right: -15px; }
.about-slider li.panel { background-size: cover !important; }
.about-slider li.panel h2 { font-size: 64px; line-height: 1em; font-weight: 700; color: #09255a; margin-bottom: 10px; }
.about-slider li.panel .subhead { font-size: 32px; line-height: 1.3em; font-weight: 700; color: #808080; text-transform: uppercase; }
.about-slider li.panel .text { background: #fff; padding: 100px 0 100px 200px; width: 700px; height: 650px; }
.about-slider li.panel .text .inner { max-width: 390px; position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); }
.about-slider .slider-nav ol { position: absolute; left: 200px; bottom: 50px; }

/************************************************************************************
AJAX
*************************************************************************************/

.loader-overlay { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_overlay.png');  }
.loader-box { position: absolute; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; opacity: 0.8; left: 50%; top: 50%; background-image: url('../img/fancybox/fancybox_sprite.png'); background-position: 0 -108px; background-repeat: no-repeat; }
.loader {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_loading.gif'); background-position: center center; background-repeat: no-repeat; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/*========================= Viewport width 1199px and lower =========================*/

@media screen and (max-width: 1199px) {
  h2, .h2 { font: 700 41px/1.1em 'Palanquin Dark',sans-serif; }

  .teaser .teaser-img { max-width: 490px; }

  .info-nav .item-inner { font-size: 17px; }

  .news .item h2 { padding-right: 200px; }

  .news-hl .item .text { flex-wrap: wrap; }
  .news-hl .item .btn-set { flex: 0 0 100%; padding-left: 0; display: flex; max-width: 100%; flex-wrap: wrap; }
  .news-hl .item .btn-set .btn { margin-right: 10px; }

  form.form-filter .cell { width: 50%; margin-bottom: 20px; }

  form.form-map .cell-set .cell { margin-bottom: 20px; }
  form.form-map .options .cell-set .cell { margin-bottom: 0; }
  form.form-map .cell .inner { display: block; }
  form.form-map .cell label { display: block; margin-bottom: 5px; }
}

/*========================= Viewport width 991px and lower =========================*/

@media screen and (max-width: 991px) {
  h1, .h1 { font-size: 45px; }
  h2, .h2 { font-size: 40px; }
  h3, .h3 { font-size: 30px; }

  .info-nav .item { width: 50%; margin-bottom: 20px; }

  .teaser .block-skew { padding: 80px 0 20px 0; }

  .about-slider li.panel h2 { font-size: 40px; }
  .about-slider li.panel .text { width: 400px; padding: 50px 50px 50px 100px; }

  .slider-nav .prev { left: 30px; }
  .slider-nav .next { right: 30px; }

  .call h3 { font-size: 40px; }

  .suphead { font-size: 27px; }

  .teaser .teaser-img { display: none; }

  .header.alt .quick-contact { display: none; }

  .try-app.alt { text-align: center; }
  .try-app.alt .img { margin-top: 10px; }

  .gmap-content h2 { font-size: 40px; }

  .gmap-content { padding-left: 0; }
  .gmap-content .box { width: 100%; padding: 30px 0; width: 100%; height: auto; position: static; }
  .gmap-content .box .img { display: none; }
  .gmap-content .box .skew { display: none; }
  .gmap-content .box .inner { padding: 0 15px; }

  .block { padding: 40px 0; }
  .block.narrow { padding: 30px 0; }

  .news .item h2 { font-size: 22px; line-height: 1.3em; padding-right: 130px; }
  .news .item .img { width: 220px; }
  .news .item .text { padding-left: 240px; min-height: 150px; }

  .news-detail .img { width: 350px; }
  .news-detail .text { padding-left: 380px; }

  .news-foot .pager { display: none; }

  .news-hl .item-inner { padding-right: 0; padding-bottom: 100px; }

  .table-wrap { overflow-x: scroll; max-width: 100%; }
  .table-wrap table { width: 100%; }
  .table-wrap table td { min-width: 90px; width: auto !important; }

  .entry table th { font-size: 14px; padding: 10px 15px; }
  .entry table td { font-size: 14px; padding: 10px 15px; }

  form.form-map .cell-set.set-5 .cell { width: 25%; }

  form.form-filter .cell { width: 100%; }
  form.form-filter .cell-set { padding-right: 0; }
  form.form-filter .btn { position: static; float: right; margin-right: 15px; }

  form.std label { font-size: 18px; margin-bottom: 10px; }
  form.std input.text { padding: 8px 10px 8px 10px; height: 50px; border-radius: 5px; }
  form.std textarea { padding: 8px 10px 8px 10px; border-radius: 5px; }
  form.std .cell { margin-bottom: 20px; }

  div.selector select { height: 50px; }
  div.selector { height: 50px; }
  div.selector span { height: 50px; line-height: 50px; }
}

/*========================= Viewport width 767px and lower =========================*/

@media screen and (max-width: 767px) {
  .scroll-b-wrap { padding-right: 0; }
  .scroll-b { position: relative; margin-top: 20px; }

  .logos .item { width: 33.33333%; }

  .header.alt .header-l { flex-grow: 1; }
  .header .quick-contact { display: none; }
  .header.alt .logo { max-width: 140px; margin-right: 10px; }
  .header.alt .logo .claim { font-size: 12px; display: none; }

  .about-slider li.panel .item { padding-top: 150px; }
  .about-slider li.panel .text { width: 100%; height: auto; }
  .about-slider li.panel .text .inner { top: 0;  -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }

  .news .item h2 { padding-right: 0; }
  .news .item .img { width: 150px; }
  .news .item .text { padding-left: 170px; }
  .news .item .tag { position: static; }

  .news-detail .img { position: static; margin-bottom: 20px; width: 100%; }
  .news-detail .text { padding-left: 0; }

  .news-head { text-align: left; height: auto; }
  .news-head .head { float: none; margin-bottom: 10px; }
  .news-head .head .region { margin-bottom: 10px; }
  .news-head .back-to { display: none; }

  .discounters .item .box .img { float: none; padding-left: 0; margin-bottom: 30px; }
  .discounters .item .box .img:empty { margin-bottom: 0; }

  .person-text .inner { flex-wrap: wrap; }
  .person-text .img { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; }
  .person-text .img .name { font-size: 22px; line-height: 1.3em; }

  .magazines h2 { font-size: 22px; line-height: 1.3em; }
  .magazines .item .text .head { font-size: 16px; }

  .footer .f_2 .inner { justify-content: center; }
  .footer .inner { justify-content: center; margin: 0; }
  .footer .copy { margin-bottom: 20px; text-align: center; }

  form.form-nl .btn-set { padding-left: 0; }

  form.form-register .cell { flex-wrap: wrap; }
  form.form-register .cell > label { margin-bottom: 10px; flex: 0 0 100%; max-width: 100%; }

  form.form-nl .cell { flex-wrap: wrap; }
  form.form-nl .cell > label { margin-bottom: 10px; flex: 0 0 100%; max-width: 100%; }

  form.form-map .cell-set.set-5 .cell { width: 33.33333%; }
  form.form-map .cell-set:last-child .btn { position: static; margin-left: 20px; margin-top: 30px; }
}

/*========================= Viewport width 640px and lower =========================*/

@media screen and (max-width: 640px) {
  body { font-size: 16px; line-height: 1.5em; }

  h1, .h1 { font-size: 35px; }
  h2, .h2 { font-size: 28px; }
  h3, .h3 { font-size: 22px; }

  .suphead { font-size: 18px; }

  .logos .item { width: 50%; }

  .header .region { padding-left: 55px; }
  .header .region-btn { font-size: 8px; }
  .header .inner { justify-content: flex-end; }

  .nav-btn { margin-left: 10px; padding: 0; width: 50px; height: 50px; }
  .nav-btn .txt { display: none; }

  .ask { padding-left: 0; }
  .ask .img { display: none; }

  .try-app { padding-right: 0; line-height: 1.5em; }
  .try-app .app { display: none; }
  .try-app .img { margin-top: 10px; }

  .nav-btn { font-size: 14px; }

  .teaser .btn { margin-bottom: 10px; }
  .teaser .block-skew { padding-top: 50px; padding-bottom: 20px; }
  .teaser .subhead { line-height: 1.2em; }

  .btn { font-size: 18px; }

  .intro-message { padding: 10px; }
  .intro-message .icon { display: none; }

  .register { padding-top: 0; }

  .scroll-b { top: 0; }

  .about-slider li.panel h2 { font-size: 30px; }
  .about-slider li.panel .subhead { font-size: 22px; }
  .about-slider li.panel .text { padding: 50px 70px; }
  .about-slider .slider-nav ol { bottom: 20px; left: 10px; width: 100%; text-align: center; }

  .slider-nav .prev { left: 10px; }
  .slider-nav .next { right: 10px; }

  .gmap-content h2 { font-size: 30px; }

  .news .item .img { position: static; margin-bottom: 20px; width: 100%; }
  .news .item .text { padding-left: 0; }
  .news .item .tag { position: static; }

  .news-hl .item-inner { flex-wrap: wrap; padding-bottom: 0; }
  .news-hl .item .img { margin-bottom: 20px; }
  .news-hl .item .text { padding-left: 0; }

  .pagebar { padding-left: 60px; padding-right: 60px; }
  .pagebar li a { width: 38px; height: 38px; line-height: 34px; }
  .pagebar .icon-prev { left: 16px; }
  .pagebar .icon-next { left: 10px; }

  .news .item-inner { padding: 50px 15px 15px 15px; }

  .footer h3 { font-size: 22px; }

  form.form-map .cell-set.set-5 .cell { width: 50%; }
}

/*========================= Viewport width 575px and lower =========================*/

@media screen and (max-width: 575px) {
  .block.narrow { padding: 20px 0; }

  .info-nav .item { width: 100%; }

  .logos .item { width: 100%; }

  .news .item h2 { padding-right: 0; }

  .region-nav { padding-top: 100px; }
  .region-nav .close { right: 15px; top: 30px; }
  .region-nav ul { margin: 0 -2px; }
  .region-nav ul li { padding: 0 2px; }
  .region-nav ul li a { font-size: 12px; width: auto; padding: 0 10px; height: 40px; }

  .teaser .btn-set { max-width: 200px; }
  .teaser .btn-set .btn { width: 100%; }

  .discounters .item .details .item { flex-wrap: wrap; }
  .discounters .btn-set .tag { font-size: 15px; }

  .footer .f_2 { text-align: center; }
  .footer .copy { margin-bottom: 10px; }
  .footer .mw { position: static; display: inline-block; vertical-align: top; }

  form.form-contact .cell { width: 100%; }

  form.form-map .cell label { position: static; font-size: 18px; }
  form.form-map .cell .inner { flex-wrap: wrap; }
  form.form-map .cell .inner label { width: 100%; margin-bottom: 10px; }
  form.form-map .cell-set .cell .inner { padding-left: 0; }
  form.form-map .cell-set.set-5 .cell { width: 100%; }
  form.form-map .cell-set:last-child { padding-right: 0; }
  form.form-map .btn-set .cell .inner { flex-wrap: nowrap; }
  form.form-map .btn-set .cell .inner label { margin-bottom: 0; }
}

/*========================= Viewport width 420px and lower =========================*/

@media screen and (max-width: 420px) {
    .discounters .item .details .item { padding-left: 0; }
    .discounters .item .details .item .label { position: static; display: block; }

    .discounters .item .head { letter-spacing: 0; }
}

/************************************************************************************
TRANSITIONS & ANIMATIONS
*************************************************************************************/

a {
  transition: color 0.1s;
  -moz-transition: color 0.1s;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  -ms-transition: color 0.1s;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}