content,
content div,
content li,
content p {
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}


section .target {
transform: translateX(0) !important;
opacity: 1 !important;
}

.align-center {
text-align: center;
}

.clearleft {
float: none;
clear: left;
}

.clearright {
float: none;
clear: right;
}

.clearBoth {
clear: both;
}

.floatLeft,
.floatleft {
float: left !important;
}


.floatRight,
.floatright {
float: right;
}

.inlineBlock {
display: inline-block;
}

.posr {
position: relative;
}

p.legal {
font-size: 10px;
}

.brackets {
position: relative;
box-sizing: border-box;
padding-left:32px;
padding-top:25px;
padding-right:40px;
margin-right: 40px;
}

.brackets:before {
width: 51px;
height: 51px;
content: '';
position: absolute;
top: 0px;
left: 0px;
border-top: 18px solid #f88508;
border-left: 18px solid #f88508;
}

.brackets:after {
width: 51px;
height: 51px;
content: '';
position: absolute;
bottom:0;
right:0;
border-bottom: 18px solid #f88508;
border-right: 18px solid #f88508;
}

.greyBg {
background: #f5f5f5;
}

/************************************************************/

.section-1 {
    background: url("../image/s1-bg.jpg") no-repeat center top;
    min-height: 550px;
    color:#fff;
}

.section-1 .amcLogo {
    float: right;
    margin-top: 20px;
    margin-bottom: 10px;
}

.section-1 .brackets {
    padding-bottom:16px;
    clear: both;
    margin-right: 5rem;
    margin-left: 1rem;
}

.section-1 .brackets:before,
.section-1 .brackets:after {
    border-color:#fff;
}

.section-1 .brackets h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 48px;
    line-height: 1.2;
}

.section-1 .brackets h2 {
    margin-bottom: 0;
    font-size: 30px;
}

/************************************************************/

.section-2,
.section-7 {
    background: #698287;
    color:#fff;
    font-size: 20px;
    font-weight: 400;
    padding:3rem 1rem;
}

.section-2 a,
.section-7 a {
    color:#fff;
}

/************************************************************/

.section-3 {
    background: #25242b url("../image/s3-bg.jpg") no-repeat center top;
    color:#fff;
    padding:2rem 0;
}

.section-3 h2 {
    text-transform: uppercase;
    font-weight: 800;
    color:#698287;
    font-size: 32px;
    margin: 0 0 1rem;
}

.section-3 p {
    font-size: 16px;
}

.section-3 p.bigger {
    font-size: 120%;
}

/************************************************************/

.section-4,
.section-6 {
    background: #000;
    color:#fff;
    padding:3rem 0;
    font-size: 20px;
}

.section-4 p {
    padding: 0;
    margin: 0;
}

.section-4 .ctaBtnContainer,
.section-6 .ctaBtnContainer {
    float: right;
}

.section-4 .ctaBtn,
.section-6 .ctaBtn {
    background: #fff;
    color:#000;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    width: 210px;
    padding:10px 20px;
}

.section-4 .ctaBtn {
    float: right; 
    margin-right:5%;
}

.section-4 p {
    line-height: 1.2;
}

/************************************************************/

.section-7 .ctaBtn {
    background: #000;
    color:#fff;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    width: 210px;
    padding:10px 20px;
}

/************************************************************/

.section-5 {
    background: url("../image/s5-bg.jpg") no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    color:#fff;
    padding-top:5rem;
}

.section-5 .films {
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-5 .singleFilm {
    margin-bottom: 3rem;
}

.section-5 .filmBox {
    padding: 2rem;
    background: #698287;
    height:162px;
}

.section-5 .filmImage img {
    display: block;
    width: 100%;
}

.section-5 .filmBox .title {
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.section-5 .filmBox .date {
    margin: 0;
    padding: 0;
}


/************************************************************/

.section-6 span {
    font-weight: 800;
}

/************************************************************/


.section-cpgo {
    background: #fff;
}

.section-cpgo {
    padding: 50px 0;
}

.section-cpgo h2 {
    color:#f88508;
    font-size: 32px;
}


.section-cpgo .channels {
    margin-top:30px;
}

.section-cpgo .channels p {
    margin: 0;
}

.section-cpgo .appLinks {
    margin:30px 0;
}

.section-cpgo .appLinks a {
    margin-right:10px;
}

.section-cpgo p.legal {
    font-size: 10px;
}

/************************************************************/

@media screen and (max-width: 768px) {
    content {
        margin-top:3.8rem;
        background: #25242b;
    }

    .section-1 {
        background-image: none;
        background-color: #25242b;
    }

    .section-1 .amcLogo {
        margin:20px auto 30px;
        text-align: center;
        float: none;
        display: block;
    }

    .section-1 .brackets {
        margin: 1rem 1rem 2rem;
        padding: 0;
        text-align: center;
    }

    .section-1 .brackets:before,
    .section-1 .brackets:after {
        display: none;
    }

    .section-1 .bg-mobile {
        width: 100%;
    }

    .section-2,
    .section-3,
    .section-4,
    .section-6,
    .section-7 {
        margin-left:1rem;
        margin-right:1rem;
    }

    .section-3 {
        background-color: #25242b;
        background-image: none;
    }

    .section-4 .ctaBtnContainer,
    .section-6 .ctaBtnContainer,
    .section-7 .ctaBtnContainer {
        float: none;
        text-align: center;
    }

    .section-4 .ctaBtn,
    .section-6 .ctaBtn,
    .section-7 .ctaBtn {
        width: 98%;
        text-align: center;
        margin:2rem auto 0;
    }

    .section-5 .filmBox {
        height: auto;
    }

    .section-cpgo .deviceImg {
        text-align: center;
    }

    .section-4 .butelka {
        position: static;
    }

    .section-4 .butelka .butelkaImg {
        position: static;
        text-align: center;
        display: block;
        margin: 2rem auto 0;

    }
}

@media screen and (min-width: 769px) {
    .section-4 .butelka {
        position: relative;
    }

    .section-4 .butelka .butelkaImg {
        position: absolute;
        top:-70px;

    }

    .medium-25 {
        width: 21%;
    }

    .medium-95 {
        width: 80%;
    }

}