@font-face {
    font-family: 'lemon_yellow_sunregular';
    src: url('lemon_yellow_sun-webfont.woff2') format('woff2'), url('lemon_yellow_sun-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1, h3 {
    font-family: 'lemon_yellow_sunregular';
}
h1 {
    font-size: 2.9rem;
    color: #E3032C
}
h3 {
    font-size: 2.5rem
}
.red {
    background-color: #E3032C;
    color: #fff;
}
body {
    font-family: 'Open Sans', sans-serif;
}
.top-bar {
    padding: 2rem 0;
    margin-bottom: 8rem
}
.logo {
    margin: 0 auto;
    max-height: 85px
}
.lang {position: absolute; right: 10px; top: 10px; }
.lang a {color:#fff; text-decoration: none; font-size: .8rem}
.lang a:hover, .lang a:focus, .lang a:active {color:#fff; text-decoration: underline}
.big-pack {
    z-index: 1;
    position: absolute;
    left: -100px;
    top: -30px;
}
.main_desc {
    position: relative
}
.main_desc p {
    margin-bottom: 0
}
.bg-mate {
    background-image: url(img-mate.jpg);
    background-size: cover;
}
.main_text {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.8rem;
    padding: 4rem 1rem 4rem 0;
}
.main_title {
    padding-left: 0
}
.container-footer {
    margin: 0 auto;
    max-width: 1140px;
    padding: 8rem 0;
    text-align: center
}
.products {
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 8rem;
}
.products h3 {
    color: #E3032C;
    margin-bottom: 4rem
}
.secondary_desc {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #E3032C;
    padding: 1rem 0 0 0
}
.carousel-inner {
    width: 70% !important;
    margin: 0 auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px
}
.carousel-control-prev-icon {
    background-image: url(arrow.svg);
    background-repeat: no-repeat;
}
.carousel-control-next-icon {
    background-image: url(arrow.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.carousel h5 {
    color: #E3032C;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1rem
}
input {
    border: 0 !important
}
input:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .25) !important;
    border: 0 !important
}
.btn-primary {
    font-family: 'lemon_yellow_sunregular';
    font-size: 2rem;
    padding: .4rem .8rem;
    border: 3px solid #fff;
    background: transparent;
    color: #fff
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    font-family: 'lemon_yellow_sunregular';
    font-size: 2rem;
    padding: .4rem .8rem;
    border: 3px solid #fff !important;
    background: #fff !important;
    color: #E3032C !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .25) !important;
}
::placeholder {
    color: #E3032C !important
}
/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left + .carousel-item, .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right + .carousel-item, .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%; /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}
.contact {
    margin: 2.5rem 0;
    padding: 0 1rem
}
.social_links {
    justify-content: center;
    display: flex;
}
.social_link {
    color: #fff;
    text-decoration: none;
    font-size: 2.5rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5rem;
    transition: all .5s ease;
    border: 2px solid transparent;
    margin: .5rem
}
.social_link:hover, .social_link:active, .social_link:focus {
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 5rem;
}
.thank_you_container {
    position: relative;
    max-width: 600px
}
.thank_you_text {
    font-family: 'lemon_yellow_sunregular';
    line-height: 1;
    padding: 3rem;
    text-align: center
}
.thank_contact {
    font-size: 2rem
}
.thank_thank {
    font-size: 5rem;
    margin-bottom: 0;
}
#thanks.thank_thank {
    font-size: 4.5rem;
    margin-bottom: 0.5rem;
}
#en .container-footer h3 {font-size: 3.8rem;    margin-bottom: 0;}

.big-pack_thanks {
    z-index: 1;
    position: absolute;
    left: -93px;
    top: -70px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .big-pack {
        left: -95px;
        top: 10px;
    }
    .big-pack img {
        width: 90%
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .big-pack {
        left: -77px;
        top: 138px;
    }
    .big-pack img {
        width: 80%
    }
    .secondary_desc {
        font-size: 1.2rem;
        line-height: 1.5rem
    }
    h1 {
        margin-bottom: 1.5rem;
        font-size: 3.5rem;
    }
}
@media (max-width: 768px) {
    .big-pack {
        position: relative;
        width: 50%;
        left: 0;
        top: 0
    }
    .big-pack img {
        width: 100%
    }
    .main_title {}
    .secondary_desc {
        font-size: 1.2rem;
        line-height: 1.5rem
    }
    h1 {
        margin-bottom: 1.5rem;
        font-size: 3.3rem;
        text-align: right
    }
    .main_text {
        padding: 2rem
    }
}
@media (max-width: 576px) {
    .big-pack {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center
    }
    .big-pack img {
        width: 70%
    }
    h1 {
        text-align: center
    }
    .main_text {
        text-align: center
    }
    .secondary_desc {
        padding: 1rem;
        text-align: center
    }
    .products {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .products h3 {
        margin-bottom: 2rem
    }
    .container-footer {
        padding: 4rem 0
    }
    .big-pack_thanks {
        display: none
    }
    body#thanks {
        background-color: #E3032C
    }
    .top-bar {
        margin-bottom: 2rem;
    }
}
    .footer {
        background-color: #e9e9e8;
        padding: 1rem 0
    }
    .footer-logo {
        width: 100%;
        max-width: 40px;
    }
    .copyright {
        margin-top: 20px;
    }