/*
@media (min-width: 768px) {  }

@media (min-width: 992px) {  }

@media (min-width: 1200px) { }

transition: all 0.25s ease-out;

background-image: url("data:image/svg+xml;utf8,<svg></svg>");

*/

/*
@font-face {
    font-family: "ProximaNova";
    src: url("fonts/ProximaNova-Semibold.eot");
    src: url("fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("fonts/ProximaNova-Semibold.woff2") format("woff2"), url("fonts/ProximaNova-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE
}
*/

@font-face {
    font-family: "raleway";
    src: url("fonts/raleway-regular.eot?v4");
    src: url("fonts/raleway-regular.eot?#iefix&v4") format("embedded-opentype"), url("fonts/raleway-regular.woff?v4") format("woff"), url("fonts/raleway-regular.ttf?v4") format("truetype");
    font-weight: normal;
    font-style: normal
}
/*
@font-face {
    font-family: "raleway-el";
    src: url("fonts/raleway-extralight.eot?v4");
    src: url("fonts/raleway-extralight.eot?#iefix&v4") format("embedded-opentype"), url("fonts/raleway-extralight.woff?v4") format("woff"), url("fonts/raleway-extralight.ttf?v4") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "raleway-l";
    src: url("fonts/raleway-light.eot?v4");
    src: url("fonts/raleway-light.eot?#iefix&v4") format("embedded-opentype"), url("fonts/raleway-light.woff?v4") format("woff"), url("fonts/raleway-light.ttf?v4") format("truetype");
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: "raleway-b";
    src: url("fonts/raleway-bold.eot?v4");
    src: url("fonts/raleway-bold.eot?#iefix&v4") format("embedded-opentype"), url("fonts/raleway-bold.woff?v3") format("woff"), url("fonts/raleway-bold.ttf?v3") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "numbers";
    src: url("fonts/lintel-regular.eot?v2");
    src: url("fonts/lintel-regular.eot?#iefix&v2") format("embedded-opentype"), url("fonts/lintel-regular.woff?v2") format("woff"), url("fonts/lintel-regular.ttf?v2") format("truetype");
    font-weight: normal;
    font-style: normal
}
*/

@font-face {
    font-family: Basis Grotesque;
    src: url(fonts/397db5a.eot);
    src: url(fonts/397db5a.eot?#iefix) format("embedded-opentype"), url(fonts/84be61f.woff) format("woff"), url(fonts/02ce71b.woff2) format("woff2"), url(fonts/1fb9feb.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Basis Grotesque;
    src: url(fonts/0f3b5d9.eot);
    src: url(fonts/0f3b5d9.eot?#iefix) format("embedded-opentype"), url(fonts/8ebb2f0.woff) format("woff"), url(fonts/e40fc93.woff2) format("woff2"), url(fonts/54228cb.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: raleway-m;
    src: url(fonts/raleway-medium.eot?v4);
    src: url(fonts/raleway-medium.eot#iefix&v4) format("embedded-opentype"), url(fonts/raleway-medium.woff?v4) format("woff"), url(fonts/raleway-medium.ttf?v4) format("truetype");
    font-weight: 400;
    font-style: normal
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }

    50% {
        -webkit-transform: translatey(-20px);
        transform: translatey(-20px);
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
    }
}

@-webkit-keyframes rotate {
    0% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }

    50% {

        -webkit-transform: rotate(0.1rad);

        transform: rotate(0.1rad);
    }

    100% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }
}

@keyframes rotate {
    0% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }

    50% {

        -webkit-transform: rotate(0.1rad);

        transform: rotate(0.1rad);
    }

    100% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }
}

@-webkit-keyframes rotate-2 {
    0% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }

    50% {

        -webkit-transform: rotate(-0.1rad);

        transform: rotate(-0.1rad);
    }

    100% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }
}

@keyframes rotate-2 {
    0% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }

    50% {

        -webkit-transform: rotate(-0.1rad);

        transform: rotate(-0.1rad);
    }

    100% {

        -webkit-transform: rotate(0px);

        transform: rotate(0px);
    }
}

/*http://scrollme.nckprsn.com/*/

/*http://jsfiddle.net/sergdenisov/3jouzkxr/10/*/
.animated .float {
    /*	transform: translatey(0px);*/
    -webkit-animation: float 6s ease-in-out infinite alternate;
    animation: float 6s ease-in-out infinite alternate;
}
.animated .float-r-2 {
    /*	transform: translatey(0px);*/
    -webkit-animation: float 4s ease-in-out infinite alternate;
    animation: float 4s ease-in-out infinite alternate;
}


.animated .rotate {
    /*	transform: rotate(0);*/
    -webkit-animation: rotate 12s ease-in-out infinite alternate;
    animation: rotate 12s ease-in-out infinite alternate;
}

.animated .rotate-2 {
    /*	transform: rotate(0);*/
    -webkit-animation: rotate 12s ease-in-out infinite alternate;
    animation: rotate 12s ease-in-out infinite alternate;
}


.deanimated .float {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.deanimated .rotate {
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.notransition {
    -webkit-transition: none !important;
    transition: none !important;
}



html,
body {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: Basis Grotesque,sans-serif;
}

body, .body-wrapper {
    overflow-x: hidden;
    position: relative;
}

@media (min-width: 1426px)
{.container {
    max-width: 1366px;
}}



/* Hheader*/


header.top .inner {
    width: 960px;
    margin: 0 auto;
    position: relative
}


header.top {
    /* -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 0 3px; */
    /* box-shadow: rgba(0, 0, 0, 0.25) 0 0 3px; */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background: #fff;
    margin-top: 0;
}

header.top .inner {
    position: static
}

header.top h1 {
    position: absolute
}

header.top h1 img {
    display: block;
    margin: 0
}

header.top a.homelink {
    display: none
}

nav.top {
    font-size: .9375em;
    line-height: 2.33333;
    text-transform: uppercase;
}

nav.top ul {
    width: 100%;
    margin-bottom: 0;
}

nav.top ul li {
    display: inline-block;
    border-bottom: 2px solid #fff
}

nav.top ul li.active {
    border-bottom: 6px solid #b31247
}

nav.top a {
    display: block;
    color: #777
}

nav.top a:hover {
    color: #b31247
}

nav.top .external a {
    position: relative;
    color: #b3b2b2;
    display: inline-block
}

nav.top .external a:after {
    content: "";
    display: block;
    position: absolute
}


nav.top .external a:after {
    width: 12px;
    height: 12px;
    background: url(images/sprite.png) no-repeat -80px -100px;
    top: -7px;
    right: 0
}

nav.top .external a:hover {
    color: #b31247
}

header.top {
    -webkit-transition-property: "margin-top";
    transition-property: "margin-top";
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    max-height: 180px;
    padding-top: 95px
}

header.top .header--fb,
header.top .header--insta {
    background: url(images/sprite.png);
    text-indent: -9999px
}

header.top .header--fb {
    background-position: -176px -125px;
    width: 15px
}

header.top .header--fb:hover {
    background-position: -199px -125px
}

header.top .header--insta {
    background-position: -173px -97px;
    width: 20px
}

header.top .header--insta:hover {
    background-position: -196px -97px
}

header.top h1 {
    top: 15px;
    left: 50%;
    margin: 0 0 0 -97px;
    text-align: center;
    line-height: 1em
}

header.top h1 a {
    display: inline-block;
    margin-bottom: 0 !important
}

header.top h1 i {
    display: block;
    font-size: 12px;
    line-height: 1em;
    font-style: normal;
    text-align: justify;
    text-align-last: justify
}

header.top h1 i:after {
    content: "";
    display: inline-block;
    width: 100%
}

header.top #logo-alt {
    display: none
}

header.slim {
    margin-top: -95px
}

header.slim .inner {
    position: relative
}

header.slim #logo-alt {
    display: block;
    position: absolute;
    width: 48px;
    height: 42px;
    left: -78px;
    top: 50%;
    margin: -22px 0 0;
    padding: 0
}

.ar_AE header.slim #logo-alt,
.he_IL header.slim #logo-alt {
    left: auto;
    right: -78px
}

header.slim #logo-alt a {
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    display: block;
    width: 100%;
    height: 100%;
    background: url(images/logo.png) no-repeat -70px 0
}

.lt-ie9 header.slim #logo-alt a {
    background-color: #fff
}

header.slim #logo-alt a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

nav.top ul {
    text-align: justify;
    font-size: .1px;
    padding: 0;
}

nav.top ul li {
    display: inline-block;
    padding: 15px 0;
    width: auto;
    font-size: 15px;
    line-height: 34px
}

nav.top ul li:hover > .inner_ul {
    display: inline-block
}

nav.top ul:after {
    content: "";
    display: inline-block;
    width: 100%
}

nav.top ul .inner_ul {
    position: absolute;
    display: none;
    text-align: left;
    width: 100%;
    background-color: #15577f;
    margin-top: 17px;
    left: 0px;
    height: 64px
}

nav.top ul .inner_ul div {
    width: 960px;
    margin: 0 auto
}

nav.top ul .inner_ul li {
    border-bottom: none;
    margin-right: 20px;
    color: #fff;
    text-transform: none
}

nav.top ul .inner_ul li a {
    color: #fff;
    text-transform: uppercase
}

a.homelink {
    font-size: .9375em;
    line-height: 2.33333;
    font-family: "raleway-m";
    color: #777;
    position: absolute;
    padding-left: 30px;
    text-transform: uppercase;
    top: 62px;
    left: 50%;
    margin-left: -480px
}

a.homelink:hover {
    color: #b31247
}

a.homelink:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 13px;
    height: 21px;
    background: url(images/sprite.png) no-repeat -170px -13px
}

.slim .top li {
    padding: 15px 0
}

.slim .top .external:after {
    top: 7px
}

/* Cookies */

.cookies .cookies--button,
.more-about-magnesium .button {
    font-size: 1.125em;
    line-height: 1;
    border-radius: 4px;
    background-clip: padding-box;
    text-shadow: 0 -1px 0 rgba(10, 71, 102, 0.75);
    border: 0;
    padding: 15px 25px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

.cookies .cookies--button {


    background-color: #fff;
    -webkit-box-shadow: 0 2px 0 #8c0119;
    box-shadow: 0 2px 0 #42000b;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e8e8e8), to(#ffffff));
    background-image: linear-gradient(to top, #e8e8e8 0%, #ffffff 100%);
    font-family: "raleway";
    color: #00040d;
    
    
}

.cookies .cookies--button:hover {
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#e8e8e8));
    background-image: linear-gradient(to top, #ffffff 0%, #e8e8e8 100%)
}


.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #8e0119;
    padding: 20px;
    z-index: 100;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    text-align: center
}

.cookies p {
    color: #fff;
    font-size: .75em;
    line-height: 1.6;
    font-family: "raleway";
    margin-bottom: 0
}

.cookies.visible {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

@media (min-width: 1024px) {
    .cookies {
        padding: 20px 210px 20px 20px;
        text-align: left
    }

    .cookies p {
        font-size: .8125em;
        line-height: 1.47692
    }
}

.cookies .cookies--button {
    margin-top: 15px;
    font-size: .8125em;
    line-height: 1;
    padding: 10px 20px !important
}

@media (min-width: 1024px) {
    .cookies .cookies--button {
        font-size: .8125em !important;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0
    }
}




/* Section Scrollspy : A Bootstrap Nav */
.floating-scrollspy {
    display: block;
    position: fixed;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 4;
}

.floating-scrollspy .nav {
    display: block;
}

.floating-scrollspy .nav-link {
    display: block;
    padding: 5px;
    line-height: 0;
    font-size: 0;
}

.floating-scrollspy .nav-link span {
    display: none;
}

.floating-scrollspy .nav-link i {
    width: 8px;
    height: 8px;
    margin: 1em auto;
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.5;
    -webkit-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

.floating-scrollspy .nav-link.active i,
.floating-scrollspy .nav-link:hover i {
    opacity: 0.9;
}

.socials[data-v-44c34bb3] {
    position: fixed;
    width: 100%;
    top: 108px;
    top: 218px;
    z-index: 5;
    pointer-events: none;
    padding-right: 31px;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
}
.slim .socials[data-v-44c34bb3]{
    top: 100px;
}

nav[data-v-44c34bb3] {
    margin-left: auto;
    text-align: center;
    pointer-events: all;
}
nav[data-v-44c34bb3], nav a[data-v-44c34bb3] {
    width: 50px;
}
nav a[data-v-44c34bb3] {
    display: block;
    height: 50px;
    background-color: #dc0246;
    margin-bottom: 1px;
    line-height: 50px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}
nav a[data-v-44c34bb3]:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.socials.\--pink nav a[data-v-44c34bb3] {
    background-color: #f4566f;
}
.svg {
    vertical-align: middle;
}
.svg.\--youtube {
    width: 20px;
    height: 16px;
}
.svg.\--facebook {
    width: 8px;
    height: 16px;
}
.svg.\--instagram {
    width: 17px;
    height: 17px;
}

.svg.\--youtube * {
    stroke: #fff;
    fill: transparent;
}
.svg.\--facebook * {
    fill: #fff;
}
.socials nav a:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

nav a[data-v-44c34bb3]:hover {
    background-color: #f4566f;
}

nav a[data-v-44c34bb3]:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* Section */


section {
    position: relative;
}

section#slide-4, section.auto {
    overflow: hidden;
}

section .container {
    min-height: 100vh;
    position: relative;
    z-index: 2;
}

.content {
	width:100%;
    position: relative;
    padding: 50px 0;
    z-index: 3
}
section.auto .content{
    padding-top: 268px;
}
section > img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    min-width: 100%;
    min-height: 100%;
    height: auto;
}

@media (max-width: 992px) {
    section#slide-1 > img {
        left: 60%;
    }

}

@media (max-width: 767px) {
    section#slide-1 > img {
        left: 80%;
    }
    section.auto .content{
        padding-top: 180px;
        text-align: center;
    }
}

@media (max-width: 600px) {
    section#slide-1 > img {
        left: 100%;
    }   
}





#main .logo{
    margin-bottom: 26px;
    display: inline-block;
}

@media only screen and (min-width: 992px) {
    #main {
        padding-top: 164px;
    }
}

@media only screen and (max-width: 991px)
    {
        #main {
        padding-top: 95px;
    }
}

.modal .close {
    position: absolute;
    height: 27px;
    width: 27px;
    background-image: url(data:image/svg+xml,%3Csvg%20id%3D%225e3113ce-6a62-46ea-b014-0acd64454e42%22%20data-name%3D%22Vrstva%203%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2226.12%22%20height%3D%2226.12%22%20viewBox%3D%220%200%2026.12%2026.12%22%3E%3Ctitle%3Evideo__close%3C/title%3E%3Cpolyline%20points%3D%221.06%201.06%2013.06%2013.06%201.06%2025.06%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3Cpolyline%20points%3D%2225.06%2025.06%2013.06%2013.06%2025.06%201.06%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    right: -50px;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    left: auto;
    background-color: transparent!important;
}

.embed-responsive.embed-responsive-16by9 {
    background: black;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
}
@media(max-width: 767px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
    .modal .close {
        right: 0px;
        top: -36px;
    }
    .modal-red .close {
        right: 5px;
        top: -36px;
        top: 7px;
        opacity: 1;
    }
    .modal-content.modal-red {
        padding-top: 41px;
    }
    .modal-red h3{
        font-size: 20px;
        
    }
    .modal-red h5{
        font-size: 14px;
        font-weight: 700;
        
    }
}

@media (min-width: 1240px)
    {.modal-lg, .modal-xl {
        max-width: 992px;
    }
}


.modal  .close:hover {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
    opacity: 1;
}
.close span{
    display: none;
}

/* content */

h2{
    font-size: 54.13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height:1.25em;
    margin-bottom: 15px;
}

@media(max-width: 768px) {
    h2{
        font-size: 30px;
    }
}


.upper-title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}
a,a:hover{
    color: #fff;
    text-decoration: none;
}
p{
    margin-bottom: 25px;
}
.anim{
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}
.anim .scrollme{
        position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.anim-pos .anim{
    
/*  cursor: move;*/

}

[class^="anim ovoce"]{
    z-index: 1;
}

.btn{
    font-size: 14.48px;
    font-weight: 700;
    text-transform: uppercase;
    height: 60px;
    line-height: 60px;
    padding: 0 28px;
}
.btn-red{
    background: #a41515;
    outline: none!important;
    color: #fff;
}
.btn-red:hover{
    background: #fff;
    color: #a41515;
}

.btn-white{
    background: #fff;
    color: #a41515;
    outline: none!important;
}
.btn-white:hover{
    background: #a41515;
    color: #fff;
}

.btn-red:hover i.arr-right{
    background-image: url('images/i-arr-right-red.svg')
}
.btn-white i.arr-right{
    background-image: url('images/i-arr-right-red.svg')
}
.btn-white:hover i.arr-right{
    background-image: url('images/i-arr-right.svg')
}


i.arr-down {
    background: url(images/i-arr-down.svg);
    width: 8px;
    height: 4px;
    vertical-align: middle;
    display: inline-block;
        position: relative;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
}

i.arr-right {
    background: url(images/i-arr-right.svg);
    width: 4px;
    height: 9px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 19px;
        position: relative;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center center;
}

.vitaminy-margin{
    margin-bottom: 80px; 
    margin-bottom: 28px;   
}

.anim-1{top: 59.1917%; left: 9.22401%;}
.anim-2{top: 68.4485%; left: 84.1142%;}

.ovoce-5{ top: 99.7888%; left: 35.8712%;}


.vitamin-1{ top: 24.158%; left: 87.3958%;}
.vitamin-2{ top: 34.8432%; left: 69.9854%;}
.vitamin-3{ top: 55.7491%; left: 86.3836%;}

.ovoce-2-1{ top: 2.53432%; left: 76.6471%;}
.ovoce-2-2{ top: 2.74551%; left: 61.2738%;}
.ovoce-2-3{ top: 9.18691%; left: 47.2182%;}
.ovoce-2-4{ top: 18.2682%; left: 23.8653%;}
.ovoce-2-5{ top: 23.0201%; left: 41.5813%;}
.ovoce-2-6{ top: 25.4488%; left: 57.6135%;}
.ovoce-2-7{ top: 15.5227%; left: 71.1567%;}
.ovoce-2-8{ top: 57.7614%; left: -13.836%;}
.ovoce-2-9{ top: 49.5248%; left: 9.95608%;}
.ovoce-2-10{ top: 52.6927%; left: 34.9195%;}
.ovoce-2-11{ top: 78.2471%; left: 25.3294%;}
.ovoce-2-12{ top: 68.6378%; left: 56.8082%;}
.ovoce-2-13{ top: 28.8279%; left: 100.952%;}
.ovoce-2-14{ top: 45.5121%; left: 99.2679%;}
.ovoce-2-15{ top: 43.9282%; left: 79.5022%;}
.ovoce-2-16{ top: 69.7994%; left: 73.1332%;}
.ovoce-2-17{ top: 89.4403%; left: 65.0073%;}
.ovoce-2-18{ top: 103.168%; left: 85.3587%;}
.ovoce-2-19{ top: 81.3094%; left: 114.129%;}

.ovoce-3-1{ top: 105.28%; left: 49.2679%;}

.anim-3-1{top: 13.4841%; left: 12.6647%;}
.anim-3-2{top: 70.1887%; left: 9.80966%;}
.anim-3-3{top: 26.4657%; left: 88.287%;}

.ovoce-4-1{top: -0.849057%; left: 15.5198%;}
.ovoce-4-2{top: 6.22642%; left: 27.9649%;}
.ovoce-4-3{top: 4.85849%; left: 39.1654%;}
.ovoce-4-4{top: -3.16038%; left: 56.2225%;}
.ovoce-4-5{top: 10.3774%; left: 51.3177%;}
.ovoce-4-6{top: 9.29245%; left: 80.6735%;}
.ovoce-4-7{z-index: 4;top: 22.2642%; left: 6.88141%;}
.ovoce-4-8{z-index: -1;top: 45.1887%; left: 18.448%;}
.ovoce-4-9{z-index: -1;top: 52.8774%; left: 17.4963%;}
.ovoce-4-10{top: 31.7453%;left: 78.0381%;z-index: 4;}
.ovoce-4-11{top: 36.2264%; left: 67.4231%;}
.ovoce-4-12{top: 51.8396%; left: 104.539%;}
.ovoce-4-13{top: 72.7358%; left: 104.758%;}
.ovoce-4-14{top: 85.0472%; left: 92.3133%;}
.ovoce-4-15{top: 98.1132%; left: 56.9546%;}

@media (max-width: 992px) {
        .anim-3-1{top: 6.49485%; left: 14.3056%; transform: scale(0.75);}
    .anim-3-2{top: 60.2244%; left: 2.91667%; transform: scale(0.3) rotate(0.1rad)!important;}
    .anim-3-3{top: 6.13402%; left: 83.0556%; transform: scale(0.75);}
    .ovoce-4-7{top: 8.65979%; left: 28.8889%; transform: scale(0.6);}
    .ovoce-4-13{top: 98.9175%; left: 8.05556%;}
}

@media (max-width: 767px) {
    .anim-1{top: 66.7602%; left: 20.911%;}
    .anim-2{top: 17.1108%; left: 77.0186%;}
    
    .ovoce-5{ top: 93.4081%; left: 49.2754%;}
    
    .anim-3-1{top: 6.63265%; left: 19.0476%;}
    .anim-3-2{top: 53.288%; left: 5.7971%; transform: scale(0.3) rotate(0.1rad)!important;}
    .anim-3-3{top: 6.17914%; left: 78.882%;}
    .ovoce-4-7{top: 8.23991%; left: 35.3075%;}
    .ovoce-4-13{top: 94.5578%; left: 11.1801%;}
    .anim-3-2{top: 50.9685%; left: 5.69476%;}
    .ovoce-4-10,.ovoce-4-11,.anim-3-2,.ovoce-4-13{
        z-index: -1;
    }
}
    
.bottles{
    text-align: center;
    padding-top: 25px;
}
.bottles .bottle{
    width:  180px;
    height: auto;
    display: inline-block;
    max-width: 50%;
    position: relative;
}
.bottles .bottle img{
    max-width: 100%;
    height: auto;
}

.bottles .bottle:before {
    content: "";
    background: url(images/i-plus.png) no-repeat;
    background-size: 100% 100%;
    width: 89.5px;
    height: 89.5px;
    position: absolute;
    top: 106px;
    left: -8%;
}
.red__description {
    border-radius: 5px;
    background-color: #fff;
    margin-top: 30px;
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(239, 39, 42);
    box-shadow: 0 0 0 0.2rem rgb(239, 39, 42);
}

.red__description {
    position: absolute;
    margin-top: 0;
    top: 151px;
    left: 50%;
    margin-left: -95px;
    width: 190px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.red__description strong{
    text-transform: uppercase;
    display: block;
}
.bottle:hover .red__description, .bottle.hover .red__description {
/*    top: 25px;*/
/*    height: 242px;*/
    max-height: 500px;
}
.red__bottles.cs_CZ .bottle:nth-child(2) .red__description {
    margin-left: -105px;
}
.red__description__content {
    font-size: 15px;
    color: #dc0246;
    text-align: center;
    padding: 25px 20px;
    display: table;
    height: 100%;
}
footer{
    position: relative;
    z-index: 4;
    padding: 0 40px 30px;
}
   footer .col-sm-7.text-right {
        text-align: left!important;
    } 
@media (min-width: 634px) {
   footer .col-sm-7.text-right {
        text-align: right!important;
    } 
}
@media (max-width: 767px) {
    
    footer{
        padding: 0 15px 30px;
        font-size: 14px;
    }
    p {
        margin-bottom: 15px;
    }
    .anim {
        transform: scale(0.5);
    }
}

@media (max-width: 991px) {
    .socials[data-v-44c34bb3] {
        top: 128px;
    }
    .slim .socials[data-v-44c34bb3]{
        top: 32px;
    }
    .socials[data-v-44c34bb3] nav {
        transform: scale(0.75) translate(25%,-25%);
    }
   .menu-button {
        display: block;
        width: 44px;
        height: 44px;
        background: url(images/sprite.png) no-repeat -184px -50px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -22px
    } 
    
    nav.top {
        font-size: .9375em;
        line-height: 2.33333;
        text-transform: uppercase;
    }

    nav.top ul {
        width: 100%
    }

    nav.top ul li {
        display: inline-block;
        border-bottom: 2px solid #fff
    }

    nav.top ul li.active {
        border-bottom: 2px solid #b31247
    }

    nav.top a {
        display: block;
        color: #777
    }

    nav.top a:hover {
        color: #b31247
    }

    nav.top .external a {
        position: relative;
        color: #b3b2b2;
        display: inline-block
    }

    nav.top .external a:after {
        width: 12px;
        height: 12px;
        background: url(images/sprite.png) no-repeat -80px -100px;
        top: -7px;
        right: 0
    }

    nav.top .external a:hover {
        color: #b31247
    }
        nav.top {
        display: none;
        position: absolute;
        top: 90px;
        z-index: 4;
        width: 100%;
        max-width: 100%;
                z-index: 6;
    }

    nav.top:before {
        content: "";
        height: 0;
        border-top: 1px solid #eee;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 10
    }

    nav.top ul {
        background: #fff;
        border-bottom: 1px solid #ccc;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px;
        box-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px
    }

    nav.top ul li {
        display: block;
        padding: 7px 15px
    }

    nav.top ul li.active {
        border-bottom: 2px solid #b31247
    }

    nav.top ul li + li {
        border-top: 1px solid #eee
    }

    nav.top .external a:after {
        right: -20px;
        top: 50%;
        margin-top: -6px
    }

}

@media (min-width: 992px) {
    nav.top{
        display: block!important;
    }
}

.modal-red {
    background: url(https://www.magnesia.cz/_nuxt/red/images/slide-2.jpg);
    background-size: cover;
    padding: 20px 15px 6px;
    font-size: 14px;
    background-position: center center;
}
.modal-red p, .modal-red h5, .modal-red h4, .modal-red h3 {
    margin-bottom: 14px;
}

.video-inline .embed-responsive{
    border: 10px solid #dc0246;
    margin-bottom: 80px;
}
.video-inline iframe{
    background: #000;
}
.otazka{
    padding: 0 66px;
    height: 160px;
/*    background: url('images/otazka-bg.svg') center center;*/
    background-size: cover;
    font-size: 20px;
    margin-bottom: 40px;
    text-align: left;
}
@media (max-width: 767px) {
    .otazka {
        padding: 0 30px;
        font-size: 16px;
    }
}
.otazka:before{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: url('images/otazka-bg.svg') center left;
        height: 159px;
        width: 51%;
}
.otazka:after{
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        background: url('images/otazka-bg.svg') center right;
        height: 159px;
        width: 51%;
}
.otazka div{
    width: 579px;
    max-width: 100%;
    position: relative;
    z-index: 2;
}
.input-small{
    width: 115px;
    height: 60px;
    background: url('images/input-small.svg') center center;
    background-size: cover;
    position: relative;
}
input{
    color: #dc0246;
    font-size: 20px;
}
.input-small input{
    width: 75%;
    background: none;
    border: none;
    text-align: center;
    outline:none!important;
}
.input-small:after{
    content: "";
    position: absolute;
    right: -27%;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.input-ovoce-1:after{
    background: url('images/input-ovoce-1.png') center center;
    width: 52px;
    height: 52px;
}
.input-ovoce-2:after{
    background: url('images/input-ovoce-2.png') center center;
    width: 62px;
    height: 45px;
        right: -37%;
}
.input-ovoce-3:after{
    background: url('images/input-ovoce-3.png') center center;
    width: 52px;
    height: 41px;
        right: -23%;
    
}
.input-big{
    width: 552px;
    height: 60px;
    background: url('images/input.svg') center center;
    background-size: cover;
    position: relative;
}
@media (max-width: 767px) {
    .input-big{
        background: none;
        max-width: 100%;
    }
    .input-big:before{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: url('images/input.svg') center left;
        height: 60px;
        width: 51%;
    }
    .input-big:after{
        position: absolute;
        top: 0;
        right: 0;
        content: "";
        background: url('images/input.svg') center right;
        height: 60px;
        width: 51%;
    }
}
.input-big input{
    width: 100%;
    padding: 0 10px;
    margin: 0 50px;
    background: none;
    border: none;
    text-align: left;
    outline:none!important;
    position: relative;
    z-index: 2;
}
.form{
    max-width: 577px;
    margin-bottom: 100px;
    text-align: left;
}
.form .row>div{
    margin-bottom: 32px;
}
.form label{
    text-transform: uppercase;
    margin: 0 0 5px 22px;
}
.form label.checkbox{
    font-size: 14px;
    text-transform: none;
    margin: 0px 0 0 18px;
        margin: 0px 0 0 45px;
}

input[type="checkbox"] {
    display:none;
}



input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 10px 0 -25px;
    vertical-align: middle;
    background: url(images/checkbox.svg) left top no-repeat;
    cursor: pointer;
    position: absolute;
}

input[type="checkbox"]:checked + label span:before {
    width: 11px;
    height: 12px;
    position: absolute;
    background:url(images/checkbox-check.svg) left top no-repeat;
    top: 2px;
    left: 3px;
    content: "";
}


.button{
    background: url('images/button.svg') center center;
    width: 198px;
    height: 60px;
    line-height: 60px;
    border: none;
    color: #fff;
    font-size: 14px;
    outline:none!important;
}
.button i{
    margin-right: 12px;
    margin-left: 0;
}

@media all and (-ms-high-contrast:none) {
        *::-ms-backdrop, #slide-3 .content h2 {
             margin-top: 100px;
        }
 }