@font-face {
    font-family: s2s-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/s2s-icons.eot?&1455055675#iefix) format("embedded-opentype"), url(/assets/fonts/s2s-icons.woff2) format("woff2"), url(/assets/fonts/s2s-icons.woff?1455055675) format("woff"), url(/assets/fonts/s2s-icons.ttf?1455055675) format("truetype"), url(/assets/fonts/s2s-icons.svg?1455055675#s2s-icons) format("svg")
}
[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: s2s-icons!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-down-open-mini:before {
    content: "\e001"
}
.icon-telefon:before {
    content: "\e000"
}
.icon-budoucnost:before {
    content: "\e002"
}
.icon-eticke-hodnoty:before {
    content: "\e003"
}
.icon-fair-play:before {
    content: "\e004"
}
.icon-lidsky-kapital:before {
    content: "\e005"
}
.icon-max:before {
    content: "\e006"
}
.icon-myslenky:before {
    content: "\e007"
}
.icon-nezavislost:before {
    content: "\e008"
}
.icon-odmenovani:before {
    content: "\e009"
}
.icon-smart:before {
    content: "\e00a"
}
.icon-system-vzdelavani:before {
    content: "\e00b"
}
.icon-x:before {
    content: "\e00c"
}
.icon-elektrina:before {
    content: "\e00d"
}
.icon-energie:before {
    content: "\e00e"
}
.icon-plyn:before {
    content: "\e00f"
}
.icon-mail:before {
    content: "\e010"
}
meta.foundation-version {
    font-family: "/5.5.3/"
}
meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0
}
meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0
}
meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.0625em)/";
    width: 40.0625em
}
meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.0625em) and (max-width:63.9375em)/";
    width: 40.0625em
}
meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64em)/";
    width: 64em
}
meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64em) and (max-width:90em)/";
    width: 64em
}
meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.0625em)/";
    width: 90.0625em
}
meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
    width: 90.0625em
}
meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.0625em)/";
    width: 120.0625em
}
meta.foundation-data-attribute-namespace {
    font-family: false
}
body, html {
    height: 100%
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body, html {
    font-size: 100%
}
body {
    background: #fff;
    color: #222;
    cursor: auto;
    font-family: museo-sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}
a:hover {
    cursor: pointer
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none!important
}
.left {
    float: left!important
}
.right {
    float: right!important
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.hide {
    display: none
}
.invisible {
    visibility: hidden
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    display: inline-block;
    vertical-align: middle
}
textarea {
    min-height: 50px
}
select {
    width: 100%
}
.accordion {
    margin-bottom: 0;
    margin-left: 0
}
.accordion:after, .accordion:before {
    content: " ";
    display: table
}
.accordion:after {
    clear: both
}
.accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0!important
}
.accordion .accordion-navigation.active>a, .accordion dd.active>a {
    background: #fff;
    color: #686a6f
}
.accordion .accordion-navigation>a, .accordion dd>a {
    background: #fff;
    color: #686a6f;
    display: block;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: .9375rem;
    padding: 1rem
}
.accordion .accordion-navigation>a:hover, .accordion dd>a:hover {
    background: #fff
}
.accordion .accordion-navigation>.content, .accordion dd>.content {
    display: none;
    padding: 1.5625rem
}
.accordion .accordion-navigation>.content.active, .accordion dd>.content.active {
    background: #fff;
    display: block
}
.text-left {
    text-align: left!important
}
.text-right {
    text-align: right!important
}
.text-center {
    text-align: center!important
}
.text-justify {
    text-align: justify!important
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility
}
h1, h2, h3, h4, h5, h6 {
    font-family: museo-sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-rendering: optimizeLegibility
}
a {
    color: #008CBA;
    line-height: inherit;
    text-decoration: none
}
a:focus, a:hover {
    color: #0078a0
}
a img {
    border: none
}
[data-magellan-expedition-clone], [data-magellan-expedition] {
    background: #fff;
    min-width: 100%;
    padding: 0;
    z-index: 50
}
.tabs {
    margin-bottom: 0!important;
    margin-left: 0
}
.tabs:after, .tabs:before {
    content: " ";
    display: table
}
.tabs:after {
    clear: both
}
.tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0!important;
    position: relative
}
.tabs .tab-title>a {
    display: block;
    background-color: #fff;
    color: #686a6f;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: .9375rem;
    padding: 1rem 2rem
}
.tabs .tab-title>a:hover {
    background-color: #fff
}
.tabs .tab-title.active>a {
    background-color: #fff;
    color: #61a9e0
}
.tabs-content {
    margin-bottom: 0;
    width: 100%
}
.tabs-content:after, .tabs-content:before {
    content: " ";
    display: table
}
.tabs-content:after {
    clear: both
}
.tabs-content>.content {
    display: none;
    float: left;
    padding: 0;
    width: 100%
}
.tabs-content>.content.active {
    display: block;
    float: none
}
.tabs-content>.content.contained {
    padding: 0
}
.no-js .tabs-content>.content {
    display: block;
    float: none
}
form {
    margin: 0 0 3.125rem
}
form .row {
    width: auto;
    margin: 0 -1.5625rem
}
form .row .column, form .row .columns {
    padding: 0 1.5625rem
}
form .row.collapse {
    margin: 0
}
form .row.collapse .column, form .row.collapse .columns {
    padding: 0
}
form .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
form input.column, form input.columns, form textarea.column, form textarea.columns {
    padding-left: 1.5625rem
}
input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 5.5rem;
    margin: 0 0 3.125rem;
    padding: 1.5625rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow .45s, border-color .45s ease-in-out
}
input:not([type]):focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
    box-shadow: 0 0 5px #999;
    background: #fafafa;
    border-color: #999;
    outline: 0
}
fieldset[disabled] input:not([type]), fieldset[disabled] input[type=color], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=email], fieldset[disabled] input[type=month], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=search], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=text], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=week], fieldset[disabled] textarea, input:not([type]):disabled, input:not([type])[disabled], input:not([type])[readonly], input[type=color]:disabled, input[type=color][disabled], input[type=color][readonly], input[type=date]:disabled, input[type=date][disabled], input[type=date][readonly], input[type=datetime-local]:disabled, input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=datetime]:disabled, input[type=datetime][disabled], input[type=datetime][readonly], input[type=email]:disabled, input[type=email][disabled], input[type=email][readonly], input[type=month]:disabled, input[type=month][disabled], input[type=month][readonly], input[type=number]:disabled, input[type=number][disabled], input[type=number][readonly], input[type=password]:disabled, input[type=password][disabled], input[type=password][readonly], input[type=search]:disabled, input[type=search][disabled], input[type=search][readonly], input[type=tel]:disabled, input[type=tel][disabled], input[type=tel][readonly], input[type=text]:disabled, input[type=text][disabled], input[type=text][readonly], input[type=time]:disabled, input[type=time][disabled], input[type=time][readonly], input[type=url]:disabled, input[type=url][disabled], input[type=url][readonly], input[type=week]:disabled, input[type=week][disabled], input[type=week][readonly], textarea:disabled, textarea[disabled], textarea[readonly] {
    background-color: #ddd;
    cursor: default
}
input:not([type]).radius, input[type=color].radius, input[type=date].radius, input[type=datetime-local].radius, input[type=datetime].radius, input[type=email].radius, input[type=month].radius, input[type=number].radius, input[type=password].radius, input[type=search].radius, input[type=tel].radius, input[type=text].radius, input[type=time].radius, input[type=url].radius, input[type=week].radius, textarea.radius {
    border-radius: 3px
}
label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0
}
label.right {
    float: none!important;
    text-align: right
}
label.inline {
    margin: 0 0 3.125rem;
    padding: 1.625rem 0
}
label small {
    text-transform: capitalize;
    color: #676767
}
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0
}
textarea[rows] {
    height: auto
}
textarea {
    max-width: 100%
}
::-webkit-input-placeholder {
    color: #666
}
:-moz-placeholder {
    color: #666
}
::-moz-placeholder {
    color: #666
}
:-ms-input-placeholder {
    color: #666
}
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 3.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}
[data-abide] small.error, [data-abide] span.error {
    display: none
}
small.error, span.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 3.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}
.error input, .error select, .error textarea {
    margin-bottom: 0
}
.error input[type=checkbox], .error input[type=radio] {
    margin-bottom: 3.125rem
}
.error label, .error label.error {
    color: #f04124
}
.error small.error {
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 3.125rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
    background: #f04124;
    color: #fff
}
.error>label>small {
    background: 0 0;
    color: #676767;
    display: inline;
    font-size: 60%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-transform: capitalize
}
.error span.error-message {
    display: block
}
input.error, select.error, textarea.error {
    margin-bottom: 0
}
label.error {
    color: #f04124
}
.row {
    margin: 0 auto;
    max-width: 75rem;
    width: 100%
}
.row:after, .row:before {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.column {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    width: 100%;
    float: left;
    position: relative
}
.column+.column:last-child {
    float: right
}
.column+.column.end {
    float: left
}
.small-12 {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    width: 100%;
    float: left
}
@media only screen and (min-width:40.0625em) {
    .medium-6 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        width: 50%;
        float: left
    }
    .medium-9 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        width: 75%;
        float: left
    }
}
@media only screen and (min-width:64em) {
    .large-4 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        width: 33.33333%;
        float: left
    }
    .large-6 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        width: 50%;
        float: left
    }
    .large-8 {
        padding-left: 1.5625rem;
        padding-right: 1.5625rem;
        width: 66.66667%;
        float: left
    }
    .large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.large-centered:last-child {
        float: none
    }
}
body, html {
    -webkit-text-size-adjust: 100%
}
.down {
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    margin-left: -1.375rem;
    width: 2.75rem;
    height: 2.75rem;
    display: block;
    line-height: 2.75rem;
    text-align: center;
    color: #fff;
    font-size: 1.75rem;
    z-index: 20
}
.button {
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: museo-sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #61a9e0;
    border-color: #2b8cd5;
    color: #fff;
    border-radius: .25rem;
    transition: background-color 300ms ease-out;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .01) 0, rgba(255, 255, 255, .01) 100%);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .01) 0, rgba(255, 255, 255, .01) 100%)
}
.button:focus, .button:hover {
    background-color: #2b8cd5;
    color: #fff
}
header {
    height: 3.125rem
}
@media only screen and (min-width:40.0625em) {
    header {
        height: 6rem
    }
}
header #menu-switch {
    float: right;
    color: #3E3A3B;
    text-transform: uppercase;
    line-height: 1.25rem;
    border: 1px solid #e0e0e0;
    padding: .375rem .6875rem;
    margin-top: .5625rem
}
header #menu-switch.active {
    color: #fff;
    background: #5ea5de;
    border: 1px solid #5ea5de
}
header #menu-switch span {
    font-size: .75rem
}
@media only screen and (min-width:40.0625em) {
    header #menu-switch {
        display: none
    }
}
header #logo a {
    display: block;
    text-indent: -9999em;
    width: 100%;
    height: 100%;
    color: #174da1
}
@media only screen and (max-width:40em) {
    header #logo {
        width: 13.5rem;
        height: 1.6875rem;
        float: left;
        margin-top: .6875rem
    }
    header #logo a {
        background: url(/assets/images/logo-small.png?1455177639) no-repeat
    }
}
@media only screen and (max-width:40em) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:40em) and (min--moz-device-pixel-ratio:1.5), only screen and (max-width:40em) and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (max-width:40em) and (min-resolution:144dpi), only screen and (max-width:40em) and (min-resolution:1.5dppx) {
    header #logo a {
        background-image: url(/assets/images/logo-small@2x.png?1455177649);
        background-size: 13.5rem 1.6875rem
    }
}
@media only screen and (max-width:40em) and (-webkit-min-device-pixel-ratio:3), only screen and (max-width:40em) and (min--moz-device-pixel-ratio:3), only screen and (max-width:40em) and (-o-min-device-pixel-ratio:3 / 1), only screen and (max-width:40em) and (min-resolution:288dpi), only screen and (max-width:40em) and (min-resolution:3dppx) {
    header #logo a {
        background-image: url(/assets/images/logo-small@3x.png?1455177662);
        background-size: 13.5rem 1.6875rem
    }
}
@media only screen and (min-width:40.0625em) {
    header #logo {
        width: 10.625rem;
        height: 6.75rem;
        position: absolute;
        top: 0;
        left: 0;
        background: url(/assets/images/bg-logo.png?1455177637) 0 100% no-repeat;
        padding-left: .8125rem;
        padding-top: .8125rem;
        z-index: 49
    }
}
@media only screen and (min-width:40.0625em) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:40.0625em) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width:40.0625em) and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (min-width:40.0625em) and (min-resolution:144dpi), only screen and (min-width:40.0625em) and (min-resolution:1.5dppx) {
    header #logo {
        background-image: url(/assets/images/bg-logo@2x.png?1454945070);
        background-size: 6.125rem .8125rem
    }
}
@media only screen and (min-width:40.0625em) and (-webkit-min-device-pixel-ratio:3), only screen and (min-width:40.0625em) and (min--moz-device-pixel-ratio:3), only screen and (min-width:40.0625em) and (-o-min-device-pixel-ratio:3 / 1), only screen and (min-width:40.0625em) and (min-resolution:288dpi), only screen and (min-width:40.0625em) and (min-resolution:3dppx) {
    header #logo {
        background-image: url(/assets/images/bg-logo@3x.png?1454945075);
        background-size: 6.125rem .8125rem
    }
}
@media only screen and (min-width:40.0625em) {
    header #logo a {
        height: 4.5625rem;
        background: url(/assets/images/logo.png?1454945068) no-repeat
    }
}
@media only screen and (min-width:40.0625em) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:40.0625em) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width:40.0625em) and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (min-width:40.0625em) and (min-resolution:144dpi), only screen and (min-width:40.0625em) and (min-resolution:1.5dppx) {
    header #logo a {
        background-image: url(/assets/images/logo@2x.png?1454945078);
        background-size: 9.8125rem 4.5625rem
    }
}
@media only screen and (min-width:40.0625em) and (-webkit-min-device-pixel-ratio:3), only screen and (min-width:40.0625em) and (min--moz-device-pixel-ratio:3), only screen and (min-width:40.0625em) and (-o-min-device-pixel-ratio:3 / 1), only screen and (min-width:40.0625em) and (min-resolution:288dpi), only screen and (min-width:40.0625em) and (min-resolution:3dppx) {
    header #logo a {
        background-image: url(/assets/images/logo@3x.png?1454945096);
        background-size: 9.8125rem 4.5625rem
    }
}
@media only screen and (min-width:40.0625em) {
    header nav {
        height: 6rem;
        width: 100%;
        padding-left: 11.875rem;
        text-align: right
    }
}
header ul {
    width: 100%;
    background: #fff;
    margin: 0
}
@media only screen and (max-width:40em) {
    header ul {
        border-top: 3px solid #5ea5de;
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        background: #fff;
        padding: 10px 20px;
        height: auto;
        width: 100%;
        z-index: 49
    }
    header ul.active {
        display: block
    }
}
@media only screen and (max-width:40em) {
    header ul {
        text-align: center;
        padding-top: .625rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    header ul {
        height: auto;
        text-align: center;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width:64em) {
    header ul {
        float: right;
        height: 6rem
    }
}
header ul li {
    display: inline-block
}
@media only screen and (min-width:64em) {
    header ul li {
        height: 100%
    }
    header ul li:last-child a {
        padding-right: 0!important
    }
}
header ul li a {
    display: block;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    color: #2f323d;
    font-size: .9375rem;
    font-weight: 500
}
header ul li a:hover {
    color: #5ea5de
}
@media only screen and (max-width:40em) {
    header ul li a {
        line-height: 1.875rem;
        height: 1.875rem;
        padding: .25rem .625rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    header ul li a {
        line-height: 1.875rem;
        height: 1.875rem;
        padding: 0 .625rem
    }
}
@media only screen and (min-width:64em) {
    header ul li a {
        line-height: 6rem;
        padding: 0 1.25rem
    }
}
header ul li.active {
    position: relative
}
header ul li.active a {
    color: #5ea5de
}
@media only screen and (min-width:64em) {
    header ul li.active:before {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -.5rem;
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: .5rem inset;
        border-color: #5ea5de transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0
    }
}
#placeholder {
    position: relative
}
@media only screen and (max-width:20rem) {
    #placeholder {
        background: url(/assets/images/placeholder-small.jpg?1455177636) 50% 0 no-repeat
    }
}
@media only screen and (max-width:20rem) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:20rem) and (min--moz-device-pixel-ratio:1.5), only screen and (max-width:20rem) and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (max-width:20rem) and (min-resolution:144dpi), only screen and (max-width:20rem) and (min-resolution:1.5dppx) {
    #placeholder {
        background-image: url(/assets/images/placeholder-small@2x.jpg?1455177636);
        background-size: 320px 350px
    }
}
@media only screen and (max-width:20rem) {
    #placeholder .row {
        padding-top: 21.875rem
    }
}
@media only screen and (min-width:20.0625rem) and (max-width:40em) {
    #placeholder {
        background: url(/assets/images/placeholder-small-2.jpg?1455177636) 50% 0 no-repeat
    }
}
@media only screen and (min-width:20.0625rem) and (max-width:40em) and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-width:20.0625rem) and (max-width:40em) and (min--moz-device-pixel-ratio:1.5), only screen and (min-width:20.0625rem) and (max-width:40em) and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (min-width:20.0625rem) and (max-width:40em) and (min-resolution:144dpi), only screen and (min-width:20.0625rem) and (max-width:40em) and (min-resolution:1.5dppx) {
    #placeholder {
        background-image: url(/assets/images/placeholder-small-2@2x.jpg?1455177636);
        background-size: 640px 350px
    }
}
@media only screen and (min-width:20.0625rem) and (max-width:40em) {
    #placeholder .row {
        padding-top: 21.875rem
    }
}
@media only screen and (max-width:40em) {
    #placeholder .column {
        background: url(/assets/images/cta-small.jpg?1455177636) 50% 50% no-repeat
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #placeholder {
        background: url(/assets/images/placeholder-medium.jpg?1455177636) 50% 0 no-repeat
    }
    #placeholder .row {
        padding-top: 37.5rem
    }
    #placeholder .row .column {
        background: url(/assets/images/cta-medium.jpg?1455177636) 50% 50% no-repeat
    }
}
@media only screen and (min-width:64em) {
    #placeholder {
        background: url(/assets/images/placeholder-large.jpg?1454945065) 50% 0 no-repeat
    }
    #placeholder:after {
        display: block;
        content: "";
        width: 100%;
        height: 1.375rem;
        position: absolute;
        bottom: -1px;
        left: 0;
        background: url(/assets/images/bg-placeholder.png?1455177663) 50% 0 no-repeat
    }
    #placeholder .down {
        bottom: 0
    }
    #placeholder .row {
        height: 41.875rem;
        padding-bottom: 1.375rem
    }
    #placeholder .content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width:120.0625em) {
    #placeholder {
        background-size: cover
    }
}
@media only screen and (max-width:63.9375em) {
    #placeholder:before {
        position: absolute;
        bottom: -1.3125rem;
        left: 50%;
        margin-left: -1.375rem;
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 1.375rem inset;
        border-color: #2d76c4 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0
    }
    #placeholder .down {
        bottom: -1.375rem
    }
    #placeholder .down:hover {
        color: #fff
    }
}
#placeholder .column {
    position: relative;
    height: 100%
}
@media only screen and (max-width:40em) {
    #placeholder .column {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #placeholder .column {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem
    }
}
@media only screen and (min-width:64em) {
    #placeholder .column {
        width: 25rem
    }
}
#placeholder .column h2 {
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.875rem;
    line-height: 1.875rem;
    font-weight: 500;
    margin-bottom: .5rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #placeholder .column h2 {
        margin-bottom: 1.25rem;
        font-size: 2.5rem;
        line-height: 2.5rem
    }
}
@media only screen and (min-width:64em) {
    #placeholder .column h2 {
        margin-bottom: 2.25rem;
        font-size: 3.125rem;
        line-height: 3.125rem
    }
}
@media only screen and (max-width:63.9375em) {
    #placeholder .column h2 {
        color: #fff
    }
}
#placeholder .column p {
    color: #686a6f;
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-bottom: .5rem;
    font-weight: 500
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #placeholder .column p {
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}
@media only screen and (min-width:64em) {
    #placeholder .column p {
        padding-right: 1.25rem;
        margin-bottom: 2.625rem;
        font-size: 1.0625rem;
        line-height: 1.625rem
    }
}
@media only screen and (max-width:63.9375em) {
    #placeholder .column p {
        color: #fff
    }
}
#placeholder .column #call {
    padding-left: 3.5rem;
    position: relative
}
#placeholder .column #call:before {
    position: absolute;
    left: -.625rem;
    top: 50%;
    margin-top: -1.5rem;
    width: 2.625rem;
    height: 3.25rem;
    line-height: 3.25rem;
    font-family: s2s-icons!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 3.25rem;
    color: #61a9e0
}
#placeholder .column #call em {
    display: block;
    color: #686a6f;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: .875rem;
    font-style: normal;
    line-height: 1.25rem;
    font-weight: 900
}
#placeholder .column #call strong {
    display: block;
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 500
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #placeholder .column #call strong {
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}
@media only screen and (min-width:64em) {
    #placeholder .column #call strong {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}
#placeholder .column #call strong a {
    color: #61a9e0
}
@media only screen and (max-width:63.9375em) {
    #placeholder .column #call em, #placeholder .column #call strong, #placeholder .column #call:before {
        color: #fff
    }
}
#produkty-a-servis .bg, #vize-spolecnosti .bg {
    border-bottom: .0625rem solid #e0e0e0
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .bg, #vize-spolecnosti .bg {
        display: none
    }
}
#produkty-a-servis .tabs, #vize-spolecnosti .tabs {
    display: block
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs, #vize-spolecnosti .tabs {
        display: table;
        width: 100%;
        position: relative;
        bottom: -.125rem
    }
}
#produkty-a-servis .tabs li, #vize-spolecnosti .tabs li {
    display: table-cell;
    float: none;
    text-align: center
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .tabs li, #vize-spolecnosti .tabs li {
        float: left;
        clear: both;
        width: 100%
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs li, #vize-spolecnosti .tabs li {
        padding: 0 .625rem
    }
}
#produkty-a-servis .tabs li a, #vize-spolecnosti .tabs li a {
    display: inline-block;
    font-weight: 500;
    line-height: 1.375rem;
    padding: 1.5rem 0 1.3125rem
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .tabs li a, #vize-spolecnosti .tabs li a {
        display: block
    }
}
#produkty-a-servis .tabs li a:hover, #vize-spolecnosti .tabs li a:hover {
    color: #61a9e0
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs li.active a, #vize-spolecnosti .tabs li.active a {
        border-bottom: 3px solid #61a9e0
    }
}
#produkty-a-servis .accordion-navigation>a, #produkty-a-servis .tabs li>a, #vize-spolecnosti .accordion-navigation>a, #vize-spolecnosti .tabs li>a {
    display: inline-block;
    font-weight: 500;
    line-height: 1.375rem;
    padding: 1.5rem 0 1.3125rem;
    outline: 0
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .accordion-navigation>a, #produkty-a-servis .tabs li>a, #vize-spolecnosti .accordion-navigation>a, #vize-spolecnosti .tabs li>a {
        display: block
    }
}
#produkty-a-servis .accordion-navigation>a:hover, #produkty-a-servis .tabs li>a:hover, #vize-spolecnosti .accordion-navigation>a:hover, #vize-spolecnosti .tabs li>a:hover {
    color: #61a9e0
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .accordion-navigation.active a, #produkty-a-servis .tabs li.active a, #vize-spolecnosti .accordion-navigation.active a, #vize-spolecnosti .tabs li.active a {
        border-bottom: 3px solid #61a9e0
    }
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .accordion-navigation>a, #vize-spolecnosti .accordion-navigation>a {
        text-align: center;
        color: #686a6f;
        border: 1px solid #e0e0e0;
        margin-bottom: .625rem
    }
    #produkty-a-servis .accordion-navigation>a[aria-expanded=true], #vize-spolecnosti .accordion-navigation>a[aria-expanded=true] {
        color: #61a9e0;
        margin-bottom: 0
    }
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .accordion-navigation>a, #vize-spolecnosti .accordion-navigation>a {
        display: none
    }
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs-content .content, #vize-spolecnosti .tabs-content .content {
        padding: 0!important
    }
}
#vize-spolecnosti {
    padding-top: .9375rem;
    padding-bottom: 2.5rem
}
#vize-spolecnosti .down {
    color: #dedfe0
}
#vize-spolecnosti:before {
    display: block;
    border: 1.375rem inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #vize-spolecnosti {
        padding-top: 2.5rem;
        padding-bottom: 0
    }
}
@media only screen and (min-width:64em) {
    #vize-spolecnosti {
        padding-top: 1.875rem;
        padding-bottom: 1.25rem
    }
}
@media only screen and (max-width:40em) {
    #vize-spolecnosti .accordion-navigation>a {
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}
#vize-spolecnosti .tabs-content {
    margin-bottom: 0;
    padding-top: 1.875rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #vize-spolecnosti .tabs-content {
        padding-top: 2.5rem
    }
}
@media only screen and (min-width:64em) {
    #vize-spolecnosti .tabs-content {
        padding-top: 3.75rem
    }
}
@media only screen and (max-width:63.9375em) {
    #vize-spolecnosti .tabs-content ul {
        display: block;
        padding: 0;
        margin: 0 -1.5625rem
    }
    #vize-spolecnosti .tabs-content ul:after, #vize-spolecnosti .tabs-content ul:before {
        content: " ";
        display: table
    }
    #vize-spolecnosti .tabs-content ul:after {
        clear: both
    }
    #vize-spolecnosti .tabs-content ul>li {
        display: block;
        float: left;
        height: auto;
        list-style: none;
        padding: 0 1.5625rem 3.125rem;
        width: 100%
    }
    #vize-spolecnosti .tabs-content ul>li:nth-of-type(1n) {
        clear: none
    }
    #vize-spolecnosti .tabs-content ul>li:nth-of-type(1n+1) {
        clear: both
    }
}
@media only screen and (min-width:64em) {
    #vize-spolecnosti .tabs-content ul {
        display: block;
        padding: 0;
        margin: 0 -1.5625rem
    }
    #vize-spolecnosti .tabs-content ul:after, #vize-spolecnosti .tabs-content ul:before {
        content: " ";
        display: table
    }
    #vize-spolecnosti .tabs-content ul:after {
        clear: both
    }
    #vize-spolecnosti .tabs-content ul>li {
        display: block;
        float: left;
        height: auto;
        list-style: none;
        padding: 0 1.5625rem 3.125rem;
        width: 50%
    }
    #vize-spolecnosti .tabs-content ul>li:nth-of-type(1n) {
        clear: none
    }
    #vize-spolecnosti .tabs-content ul>li:nth-of-type(2n+1) {
        clear: both
    }
}
#vize-spolecnosti .tabs-content ul>li {
    clear: none!important
}
#vize-spolecnosti .tabs-content li {
    position: relative
}
@media only screen and (max-width:40em) {
    #vize-spolecnosti .tabs-content li {
        padding-bottom: 0!important
    }
    #vize-spolecnosti .tabs-content li+li {
        padding-top: 1.625rem!important
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #vize-spolecnosti .tabs-content li {
        padding-bottom: 2.25rem
    }
}
@media only screen and (min-width:64em) {
    #vize-spolecnosti .tabs-content li {
        padding-bottom: 2.875rem
    }
}
#vize-spolecnosti .tabs-content li:before {
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    line-height: 6.25rem;
    text-align: center;
    font-size: 4.75rem;
    position: absolute;
    left: 0;
    top: .1875rem;
    color: #61a9e0
}
@media only screen and (max-width:40em) {
    #vize-spolecnosti .tabs-content li:before {
        width: 3.75rem;
        height: 3.75rem;
        line-height: 3.75rem;
        font-size: 3.5rem;
        top: 1.25rem
    }
}
#vize-spolecnosti .tabs-content h2 {
    color: #2f323d;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding-left: 6.25rem;
    margin-bottom: .625rem
}
@media only screen and (max-width:40em) {
    #vize-spolecnosti .tabs-content h2 {
        padding-left: 3.75rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #vize-spolecnosti .tabs-content h2 {
        margin-bottom: .875rem
    }
}
@media only screen and (min-width:64em) {
    #vize-spolecnosti .tabs-content h2 {
        margin-bottom: 1.125rem
    }
}
#vize-spolecnosti .tabs-content p {
    color: #686a6f;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding-left: 6.25rem;
    margin-bottom: 0
}
@media only screen and (max-width:40em) {
    #vize-spolecnosti .tabs-content p {
        padding-left: 3.75rem
    }
}
#vize-spolecnosti .tabs-content p+p {
    margin-top: .625rem
}
#predstaveni-spolecnosti .down {
    color: #fff
}
#predstaveni-spolecnosti:before {
    display: block;
    border: 1.375rem inset;
    border-color: #b4d0dd transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0
}
@media only screen and (min-width:40.0625em) {
    #predstaveni-spolecnosti:before {
        border-color: #9fc2d6 transparent transparent
    }
}
@media only screen and (max-width:40em) {
    #predstaveni-spolecnosti {
        background: url(/assets/images/ps-ilustrace-small.jpg?1455177636) 50% 50%/cover no-repeat;
        padding-top: 3.125rem;
        padding-bottom: 1.875rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #predstaveni-spolecnosti {
        background: url(/assets/images/ps-ilustrace-medium.jpg?1455177636) 50% 50% no-repeat
    }
    #predstaveni-spolecnosti .row {
        height: 47.5rem
    }
}
@media only screen and (min-width:64em) {
    #predstaveni-spolecnosti {
        background: url(/assets/images/ps-ilustrace-large.jpg?1455177636) 50% 50% no-repeat
    }
    #predstaveni-spolecnosti .row {
        height: 47.5rem
    }
}
@media only screen and (min-width:120.0625em) {
    #predstaveni-spolecnosti {
        background-size: cover
    }
}
@media only screen and (min-width:40.0625em) {
    #predstaveni-spolecnosti .column {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
#predstaveni-spolecnosti h2 {
    color: #2d76c4;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.25rem;
    margin-bottom: .5rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #predstaveni-spolecnosti h2 {
        margin-bottom: .9375rem
    }
}
@media only screen and (min-width:64em) {
    #predstaveni-spolecnosti h2 {
        margin-bottom: 1.5625rem
    }
}
#predstaveni-spolecnosti h3 {
    color: #2f323d;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.5rem;
    margin-top: 1.25rem;
    margin-bottom: .5rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #predstaveni-spolecnosti h3 {
        margin-top: 1.875rem;
        margin-bottom: 1rem
    }
}
@media only screen and (min-width:64em) {
    #predstaveni-spolecnosti h3 {
        margin-top: 2.5rem;
        margin-bottom: 1.625rem
    }
}
#predstaveni-spolecnosti p {
    color: #2f323d;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5rem
}
#predstaveni-spolecnosti p+p {
    margin-top: 1.25rem
}
#produkty-a-servis {
    padding-top: 2.5rem;
    padding-bottom: 1.25rem
}
#produkty-a-servis:before {
    display: block;
    border: 1.375rem inset;
    border-color: #fff transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis {
        padding-top: 3.75rem;
        padding-bottom: 2.5rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis {
        padding-top: 5.625rem;
        padding-bottom: 2.5rem
    }
}
#produkty-a-servis .down {
    color: #dedfe0
}
#produkty-a-servis h2 {
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.25rem;
    text-align: center;
    margin-bottom: 1.25rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis h2 {
        margin-bottom: 1.875rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis h2 {
        margin-bottom: 3.125rem
    }
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs li {
        width: 33.33%
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs li {
        padding-left: 0;
        padding-right: 0
    }
}
#produkty-a-servis .tabs li.active a {
    color: #61a9e0
}
#produkty-a-servis .tabs li a {
    color: #2f323d;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs li a {
        position: relative;
        padding: 1.875rem 0 2.8125rem 4.6875rem;
        line-height: 1.25rem
    }
}
@media only screen and (min-width:40.0625em) {
    #produkty-a-servis .tabs li a i {
        position: absolute;
        left: 0;
        top: .3125rem
    }
}
#produkty-a-servis .tabs li a i:before {
    font-size: 4.625rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs li a {
        font-size: 1rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs li a {
        font-size: 1.25rem
    }
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .accordion-navigation>a {
        display: block;
        clear: both;
        color: #2f323d;
        font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 500;
        width: 15rem;
        margin: 0 auto .625rem;
        padding: 0;
        height: 3.75rem;
        text-align: center
    }
    #produkty-a-servis .accordion-navigation>a>a[aria-expanded=true] {
        margin-bottom: 0
    }
    #produkty-a-servis .accordion-navigation>a span {
        display: inline-block;
        line-height: 3.75rem;
        height: 3.75rem;
        padding-left: .3125rem
    }
    #produkty-a-servis .accordion-navigation>a i {
        display: inline-block;
        vertical-align: middle
    }
    #produkty-a-servis .accordion-navigation>a i:before {
        font-size: 2.75rem
    }
}
@media only screen and (max-width:63.9375em) {
    #produkty-a-servis .content>.row>.column {
        padding-bottom: 1.25rem
    }
}
#produkty-a-servis .content>.row>.column+.column {
    position: relative;
    padding-bottom: 0
}
@media only screen and (max-width:63.9375em) {
    #produkty-a-servis .content>.row>.column+.column {
        padding-top: 1.25rem
    }
}
#produkty-a-servis .content>.row>.column+.column:after {
    position: absolute;
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    text-align: center;
    font-family: s2s-icons!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e00c";
    color: #dedfe0;
    font-size: 3.25rem
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .content>.row>.column+.column:after {
        font-size: 2.625rem
    }
}
@media only screen and (max-width:63.9375em) {
    #produkty-a-servis .content>.row>.column+.column:after {
        left: 50%;
        margin-left: -1.875rem;
        top: -1.875rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .content>.row>.column+.column:after {
        top: 11.25rem;
        left: -1.875rem;
        margin-top: -1.875rem
    }
}
#produkty-a-servis .tabs-content {
    text-align: center
}
@media only screen and (max-width:40em) {
    #produkty-a-servis .tabs-content {
        padding-top: .625rem;
        padding-bottom: 1.25rem
    }
    #produkty-a-servis .tabs-content .column {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs-content {
        padding-top: 0;
        padding-bottom: 1.875rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs-content {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
}
#produkty-a-servis .tabs-content h4 {
    color: #2f323d;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: .625rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs-content h4 {
        margin-top: 1rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs-content h4 {
        margin-top: 1.375rem
    }
}
#produkty-a-servis .tabs-content h3 {
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: .5rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs-content h3 {
        margin-bottom: .8125rem;
        font-size: 1.625rem;
        line-height: 1.625rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs-content h3 {
        margin-bottom: 1.0625rem;
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}
#produkty-a-servis .tabs-content p {
    color: #686a6f;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.5rem
}
#produkty-a-servis .tabs-content p+p {
    margin-top: .5rem
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs-content p {
        width: 28.125rem;
        margin-left: auto;
        margin-right: auto
    }
}
#produkty-a-servis .tabs-content .button {
    margin-top: .6875rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #produkty-a-servis .tabs-content .button {
        margin-top: 1rem
    }
}
@media only screen and (min-width:64em) {
    #produkty-a-servis .tabs-content .button {
        margin-top: 1.4375rem
    }
}
#spolupracujeme {
    background: #f6f7f7;
    padding-top: 2.5rem;
    padding-bottom: 1.875rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #spolupracujeme {
        padding-top: 2.875rem;
        padding-bottom: 3.625rem
    }
}
@media only screen and (min-width:64em) {
    #spolupracujeme {
        padding-top: 4.125rem;
        padding-bottom: 4.875rem
    }
}
@media only screen and (max-width:40em) {
    #spolupracujeme .column+.column {
        padding-top: 1.25rem
    }
}
#spolupracujeme .down {
    color: #dedfe0
}
#spolupracujeme:before {
    display: block;
    border: 1.375rem inset;
    border-color: #f6f7f7 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0
}
#spolupracujeme h2 {
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: .9375rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #spolupracujeme h2 {
        margin-bottom: 1.25rem
    }
}
@media only screen and (min-width:64em) {
    #spolupracujeme h2 {
        margin-bottom: 1.625rem
    }
}
#spolupracujeme .firmy {
    display: block;
    padding: 0;
    margin: 0
}
#spolupracujeme .firmy:after, #spolupracujeme .firmy:before {
    content: " ";
    display: table
}
#spolupracujeme .firmy:after {
    clear: both
}
#spolupracujeme .firmy>li {
    display: block;
    float: left;
    height: auto;
    padding: 0;
    list-style: none
}
@media only screen and (max-width:20rem) {
    #spolupracujeme .firmy>li {
        width: 50%
    }
    #spolupracujeme .firmy>li:nth-of-type(1n) {
        clear: none
    }
    #spolupracujeme .firmy>li:nth-of-type(4n+1) {
        clear: both
    }
}
@media only screen and (min-width:20.0625rem) and (max-width:40em) {
    #spolupracujeme .firmy>li {
        width: 25%
    }
    #spolupracujeme .firmy>li:nth-of-type(1n) {
        clear: none
    }
    #spolupracujeme .firmy>li:nth-of-type(4n+1) {
        clear: both
    }
}
@media only screen and (min-width:40.0625em) and (max-width:57.5rem) {
    #spolupracujeme .firmy>li {
        width: 33.33333%
    }
    #spolupracujeme .firmy>li:nth-of-type(1n) {
        clear: none
    }
    #spolupracujeme .firmy>li:nth-of-type(3n+1) {
        clear: both
    }
}
@media only screen and (min-width:57.5625rem) {
    #spolupracujeme .firmy>li {
        width: 25%
    }
    #spolupracujeme .firmy>li:nth-of-type(1n) {
        clear: none
    }
    #spolupracujeme .firmy>li:nth-of-type(4n+1) {
        clear: both
    }
}
#spolupracujeme .firmy span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    border: .0625rem solid #dedfe0
}
#spolupracujeme .firmy span:active, #spolupracujeme .firmy span:focus, #spolupracujeme .firmy span:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
#spolupracujeme .firmy span:hover {
    position: relative;
    box-shadow: 0 .0625rem .625rem rgba(128, 133, 138, .15);
    -webkit-filter: grayscale(0%);
    filter: none;
    filter: grayscale(0%);
    background: #fff;
    z-index: 20
}
#kontakt {
    background: url(/assets/images/cta-small.jpg?1455177636) 50% 50% no-repeat;
    text-align: center
}
#kontakt .row {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
@media only screen and (min-width:40.0625em) {
    #kontakt .row {
        height: 27.125rem
    }
    #kontakt .row .column {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontakt {
        background: url(/assets/images/cta-medium.jpg?1455177636) 50% 50% no-repeat
    }
}
@media only screen and (min-width:64em) {
    #kontakt {
        background: url(/assets/images/cta-large.jpg?1455177636) 50% 50% no-repeat
    }
}
@media only screen and (min-width:120.0625em) {
    #kontakt {
        background-size: cover
    }
}
#kontakt .column>a {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: museo-sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem;
    font-size: 1rem;
    background-color: #fff;
    border-color: #ccc;
    border-radius: .25rem;
    transition: background-color 300ms ease-out;
    margin: 1.25rem 0 0;
    color: #2d76c4
}
#kontakt .column>a:focus, #kontakt .column>a:hover {
    background-color: #ccc;
    color: #333
}
#kontakt .column>a:hover {
    color: #2d76c4
}
@media only screen and (min-width:64em) {
    #kontakt .column>a {
        margin-top: 1.875rem
    }
}
#kontakt .column>div {
    background-color: #2d76c4;
    border: .0625rem solid #6c9fd6;
    border-radius: .25rem;
    margin-bottom: 1.5rem
}
#kontakt .column>div .mail, #kontakt .column>div .tel {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300
}
#kontakt .column>div .mail i, #kontakt .column>div .tel i {
    font-size: 1.25rem;
    vertical-align: middle
}
#kontakt .column>div .info {
    color: #fff;
    padding-top: .5rem;
    background-color: #4d8bcd;
    border-radius: 0 0 .25rem .25rem
}
#kontakt .column>div .info span, #kontakt .column>div .info strong {
    display: block
}
#kontakt .column>div .info span {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}
#kontakt .column>div .info strong {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5rem
}
@media only screen and (max-width:40em) {
    #kontakt .column>div .info, #kontakt .column>div .mail, #kontakt .column>div .tel {
        display: block;
        width: 100%;
        clear: both;
        height: 3.125rem
    }
    #kontakt .column>div .mail, #kontakt .column>div .tel {
        line-height: 3.125rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontakt .column>div {
        margin-bottom: .9375rem
    }
}
@media only screen and (min-width:40.0625em) {
    #kontakt .column>div .mail, #kontakt .column>div .tel {
        line-height: 4.25rem;
        font-size: 1.5rem
    }
    #kontakt .column>div .mail i, #kontakt .column>div .tel i {
        font-size: 2.5rem;
        vertical-align: middle
    }
    #kontakt .column>div .info, #kontakt .column>div .mail, #kontakt .column>div .tel {
        height: 100%
    }
    #kontakt .column>div .info {
        padding-top: 1rem
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontakt .column>div .mail, #kontakt .column>div .tel {
        width: 50%;
        float: left
    }
    #kontakt .column>div .info {
        width: 100%;
        clear: both;
        text-align: center;
        height: 4.25rem
    }
}
@media only screen and (min-width:64em) {
    #kontakt .column>div {
        margin: 0 auto 1.5625rem;
        height: 70px;
        width: 824px
    }
    #kontakt .column>div .info, #kontakt .column>div .mail, #kontakt .column>div .tel {
        float: left;
        padding-left: 1.875rem;
        text-align: left
    }
    #kontakt .column>div .mail {
        width: 17.75rem
    }
    #kontakt .column>div .tel {
        width: 19.25rem
    }
    #kontakt .column>div .info {
        width: 14.375rem;
        border-radius: 0 .25rem .25rem 0
    }
}
#kontakt h2 {
    color: #fff;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 1.625rem;
    line-height: 1.625rem;
    margin-bottom: 1.875rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontakt h2 {
        font-size: 1.875rem;
        line-height: 1.875rem;
        margin-bottom: 1.5625rem
    }
}
@media only screen and (min-width:64em) {
    #kontakt h2 {
        margin-bottom: 2.8125rem;
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}
#kontakt p {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem
}
#kontakt p strong {
    font-weight: 700
}
#predstaveni-spolecnosti, #produkty-a-servis, #spolupracujeme, #vize-spolecnosti {
    position: relative
}
#predstaveni-spolecnosti:before, #produkty-a-servis:before, #spolupracujeme:before, #vize-spolecnosti:before {
    content: "";
    position: absolute;
    bottom: -1.3125rem;
    left: 50%;
    width: 2.75rem;
    height: 1.375rem;
    margin-left: -1.375rem;
    z-index: 10
}
#kontaktni-formular {
    padding-top: 1.875rem;
    padding-bottom: 1.25rem
}
#kontaktni-formular form {
    margin-bottom: .625rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontaktni-formular {
        padding-top: 3.125rem;
        padding-bottom: 2.5rem
    }
}
@media only screen and (min-width:64em) {
    #kontaktni-formular {
        padding-top: 4.375rem;
        padding-bottom: 3.75rem
    }
}
#kontaktni-formular h2 {
    color: #61a9e0;
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.25rem;
    margin-bottom: .625rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #kontaktni-formular h2 {
        margin-bottom: 1.25rem
    }
}
@media only screen and (min-width:64em) {
    #kontaktni-formular h2 {
        margin-bottom: 1.875rem
    }
}
#kontaktni-formular label {
    padding-bottom: 22px
}
#kontaktni-formular label span {
    display: block;
    color: #333;
    padding-bottom: 10px
}
#kontaktni-formular label small {
    margin-bottom: 0;
    text-transform: none
}
#kontaktni-formular input {
    height: 50px;
    padding: 13px;
    margin-bottom: 0
}
#kontaktni-formular textarea {
    padding: 13px;
    height: 150px;
    min-height: 150px;
    margin-bottom: 0
}
@media only screen and (min-width:40.0625em) {
    #kontaktni-formular textarea {
        height: 254px;
        min-height: 254px;
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
}
#kontaktni-formular .button {
    float: right;
    margin-bottom: 0
}
#kontaktni-formular #age {
    display: none
}
#kontaktni-formular .status {
    float: left;
    width: 100%;
    clear: both;
    margin-top: .625rem
}
#kontaktni-formular .alert {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: .8125rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #fff;
    border-radius: true
}
#kontaktni-formular .alert .close {
    right: .25rem;
    background: inherit;
    color: #333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -.6875rem;
    opacity: .3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%
}
#kontaktni-formular .alert .close:focus, #kontaktni-formular .alert .close:hover {
    opacity: .5
}
#kontaktni-formular .alert.alert-close {
    opacity: 0
}
#kontaktni-formular .alert.error {
    background-color: #f04124
}
#kontaktni-formular .alert.info {
    background-color: #f08a24
}
@media only screen and (max-width:40em) {
    #navstivte {
        background: url(/assets/images/navstivte-small.jpg?1462273820) 50% 0 no-repeat #f0f0f0;
        padding-top: 2.1875rem;
        padding-bottom: 2.1875rem
    }
}
@media only screen and (min-width:40.0625em) {
    #navstivte .column {
        height: 13.125rem
    }
    #navstivte .content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #navstivte {
        background: url(/assets/images/navstivte-medium.jpg?1462273820) 50% 0 no-repeat #f0f0f0
    }
}
@media only screen and (min-width:64em) {
    #navstivte {
        background: url(/assets/images/navstivte-large.jpg?1462273820) 50% 0 no-repeat #f0f0f0
    }
}
#navstivte h3 {
    font-family: museo-slab, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    color: #ef8110;
    font-size: 1.375rem;
    line-height: 1.375rem;
    margin-bottom: .5rem
}
@media only screen and (min-width:40.0625em) and (max-width:63.9375em) {
    #navstivte h3 {
        margin-bottom: .625rem;
        font-size: 1.625rem;
        line-height: 1.625rem
    }
}
@media only screen and (min-width:64em) {
    #navstivte h3 {
        margin-bottom: .75rem;
        font-size: 1.875rem;
        line-height: 1.875rem
    }
}
#navstivte p {
    color: #353330;
    font-family: museo-sans, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.125rem;
    margin-bottom: 0
}
@media only screen and (min-width:40.0625em) {
    #navstivte p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}
#navstivte .content {
    display: block;
    position: relative;
    padding-left: 6.25rem
}
#navstivte .content:before {
    content: "";
    display: block;
    width: 4.375rem;
    height: 4.375rem;
    background: url(/assets/images/smartenergo.png?1462273532) no-repeat;
    position: absolute;
    top: 0;
    left: 0
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:1.5 / 1), only screen and (min-resolution:144dpi), only screen and (min-resolution:1.5dppx) {
    #navstivte .content:before {
        background-image: url(/assets/images/smartenergo@2x.png?1462273538);
        background-size: 4.375rem 4.375rem
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3), only screen and (min--moz-device-pixel-ratio:3), only screen and (-o-min-device-pixel-ratio:3 / 1), only screen and (min-resolution:288dpi), only screen and (min-resolution:3dppx) {
    #navstivte .content:before {
        background-image: url(/assets/images/smartenergo@3x.png?1462273545);
        background-size: 4.375rem 4.375rem
    }
}
@media only screen and (min-width:40.0625em) {
    #navstivte .content {
        padding-left: 8.125rem
    }
    #navstivte .content:before {
        left: .625rem;
        width: 5.5rem;
        height: 5.5rem;
        background-size: 5.5625rem 5.5625rem
    }
}
footer {
    background-color: #2f323d;
    text-align: center;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}
footer p {
    font-size: .8125rem;
    font-weight: 300;
    line-height: 1.25rem;
    color: #6e7283
}
footer p a {
    color: #61a9e0
}