/*--------------FONTS--------------*/

    /*Newsreader*/
    @font-face {
        font-family: 'Newsreader';
        font-style: italic;
        font-weight: 200;
        src: url('../fonts/newsreader-v7-latin-200italic.eot');
        src: local(''),
            url('../fonts/newsreader-v7-latin-200italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/newsreader-v7-latin-200italic.woff2') format('woff2'),
            url('../fonts/newsreader-v7-latin-200italic.woff') format('woff'),
            url('../fonts/newsreader-v7-latin-200italic.ttf') format('truetype'),
            url('../fonts/newsreader-v7-latin-200italic.svg#Newsreader') format('svg');
    }

    /*Arimo*/
    @font-face {
        font-family: 'Arimo';
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/arimo-v17-latin-regular.eot');
        src: local(''),
            url('../fonts/arimo-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/arimo-v17-latin-regular.woff2') format('woff2'),
            url('../fonts/arimo-v17-latin-regular.woff') format('woff'),
            url('../fonts/arimo-v17-latin-regular.ttf') format('truetype'),
            url('../fonts/arimo-v17-latin-regular.svg#Arimo') format('svg');
    }
    
    @font-face {
        font-family: 'Arimo';
        font-style: normal;
        font-weight: 600;
        src: url('../fonts/arimo-v17-latin-600.eot');
        src: local(''),
            url('../fonts/arimo-v17-latin-600.eot?#iefix') format('embedded-opentype'),
            url('../fonts/arimo-v17-latin-600.woff2') format('woff2'),
            url('../fonts/arimo-v17-latin-600.woff') format('woff'),
            url('../fonts/arimo-v17-latin-600.ttf') format('truetype'),
            url('../fonts/arimo-v17-latin-600.svg#Arimo') format('svg');
    }
   
    @font-face {
        font-family: 'Arimo';
        font-style: italic;
        font-weight: 400;
        src: url('../fonts/arimo-v17-latin-italic.eot');
        src: local(''),
            url('../fonts/arimo-v17-latin-italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/arimo-v17-latin-italic.woff2') format('woff2'),
            url('../fonts/arimo-v17-latin-italic.woff') format('woff'),
            url('../fonts/arimo-v17-latin-italic.ttf') format('truetype'),
            url('../fonts/arimo-v17-latin-italic.svg#Arimo') format('svg');
    }
    
    @font-face {
        font-family: 'Arimo';
        font-style: italic;
        font-weight: 600;
        src: url('../fonts/arimo-v17-latin-600italic.eot');
        src: local(''),
            url('../fonts/arimo-v17-latin-600italic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/arimo-v17-latin-600italic.woff2') format('woff2'),
            url('../fonts/arimo-v17-latin-600italic.woff') format('woff'),
            url('../fonts/arimo-v17-latin-600italic.ttf') format('truetype'),
            url('../fonts/arimo-v17-latin-600italic.svg#Arimo') format('svg');
    }


:root{
    --red-primary: #F93822;
    --blue-dark: #151F6D;
    --almond-light: #FFF3ED;
    --black: #3D3935;
    --peach: #FFBE9F;
    --ice-blue:#E9EFF9;
    --ice-blue-dark:#D3DCF3;

    --font-family-sans: Arimo, Helvetica, Arial, sans-serif;
    --font-family-serif: Newsreader, Georgia, Times, serif;
}


html{
    font-size: 62.5%;
    box-sizing: border-box;
    min-height: 500px;
}

*, *:before, *:after{
    box-sizing: inherit;
}

body{
    background-color: var(--ice-blue);
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    -moz-osx-font-smoothing: grayscale;
}


/*--------------TYPOGRAPHY--------------*/

    h1{
        font-family: var(--font-family-sans);
        font-weight: 600;
        color: var(--red-primary);
        font-size: 1.6rem;
        margin: 0;
    }

    @media (min-width: 768px) {
        h1{
            font-family: var(--font-family-sans);
            font-weight: 600;
            color: var(--red-primary);
            font-size: 1.6rem;
            margin: 0;
        }
    }


    h2{
        font-family: var(--font-family-sans);
        font-weight: 400;
        color: var(--red-primary);
        font-size: 1.6rem;
        line-height: 120%;
        margin:0;
    }

    @media (min-width: 768px) {
        h2{
            font-family: var(--font-family-sans);
            font-weight: 400;
            color: var(--red-primary);
            font-size: 1.6rem;
            line-height: 120%;
            margin:0;       
        }
    }


    blockquote{
        font-family: var(--font-family-serif);
        font-weight:200;
        font-style: italic;
        color: var(--blue-dark);
        font-size: 3.6rem;
        line-height: 120%;
        margin:0;
    }

    @media (min-width: 768px) {
        blockquote {
            font-family: var(--font-family-serif);
            font-weight:200;
            font-style: italic;
            color: var(--blue-dark);
            font-size: 6rem;
            line-height: 120%;
            margin:0;
        }
    }

    @media (min-width: 1140px) {
        blockquote {
            font-family: var(--font-family-serif);
            font-weight:200;
            font-style: italic;
            color: var(--blue-dark);
            font-size: 5.4rem;
            line-height: 120%;
            margin:0;
        }
    }

    @media (min-width: 1800px) {
        blockquote {
            font-family: var(--font-family-serif);
            font-weight:200;
            font-style: italic;
            color: var(--blue-dark);
            font-size: 7.2rem;
            line-height: 120%;
            margin:0;
        }
    }


    p{
        font-family: var(--font-family-sans);
        font-weight: 400;
        color: var(--blue-dark);
        font-size: 1.6rem;
        line-height: 160%;
        margin:0;
    }


    b{
        font-family: var(--font-family-sans);
        font-weight: 600;
    }


    .link {
        font-family: var(--font-family-sans);
        font-weight: 400;
        text-decoration: underline;
        color: var(--blue-dark);
        font-size: 1.6rem;
        line-height: 140%;
    }
    .link:hover{
        color: var(--red-primary);
    }
    


/*--------------LOGO--------------*/

    .logo{
        position: fixed;
        right: 0;
        margin-right: 3rem;
        transform: translate(0, 5%);
        z-index: 2;

    }

    .logo img{
        height: 5rem;
    }

    @media (min-width: 768px) {
        .logo{
            position: fixed;
            right: 0;
            margin-right: 6rem;
            transform: translate(-50%, -10%);
            z-index: 2;
        
        }
        
        .logo img{
            height: 5rem;
        }
    }

    @media (min-width: 1140px) {
    .logo{
        position: fixed;
        left: 50%;
        right: auto;
        margin-top: 1.5rem;
        transform: translate(-50%, -30%);
        z-index: 2;

    }

    .logo img{
        height: 5rem;
    }
    }





/*--------------CONTENT--------------*/

    /*MAIN*/

        .header{
            margin: 3rem 2rem;
        }

        @media (min-width: 768px) {
            .header{
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                gap: 3rem;
                align-items: center;
                margin: 4rem 6rem;
            }
        }

        @media (min-width: 1140px) {
            .header{
                width: 50%;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                gap: 3rem;
                align-items: center;
                margin: 4rem 6rem;
            }
        }
    
        .header-name{
            margin-bottom: 0.2rem;        
        }

        @media (min-width: 1140px) {
            .header-name{
                width: 33.3%;   
            }
            .header-description{
                width: 66.6%;
            } 
        }

        @media (min-width: 768px) {
            .header-name{
                width: 33.3%;   
            }
            .header-description{
                width: 66.6%;
            } 
        }

        .description {
            min-height: 200px;
            padding: 4rem 0;
            margin: 0 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 0.1rem solid var(--ice-blue-dark);
        }

        @media (min-width: 768px) {
            .description {
                padding: 6rem 0;
                margin: 0 6rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-top: 0.1rem solid var(--ice-blue-dark);
            }
        }

        @media (min-width: 1140px) {
            .description {
                min-height: calc(100vh - 33rem);
                width: calc(50% - 12rem);
                padding: 6rem 0;
                margin: 0 6rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-top: 0.1rem solid var(--ice-blue-dark);
            }
        }
        
        

    /*FOOTER*/
        .footer{
            margin: 0 2rem;
            display: flex;
            flex-direction: column;
            position: relative;
        }
        @media (min-width: 768px) {
            .footer{
                margin: 0 6rem;
                display: flex;
                flex-direction: column;
                position: relative;
            }
        }
        @media (min-width: 1140px) {
            .footer{
                width: calc(50% - 12rem);
                margin: 0 6rem;
                display: flex;
                flex-direction: column;
            }
        }
            .contact{
                padding: 3rem 0;

                border-top: 0.1rem solid var(--ice-blue-dark);
            }
            
            .footer-2{
                padding: 3rem 0;

                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                gap: 3rem;
                align-items: flex-start;

                border-top: 0.1rem solid var(--ice-blue-dark);
            }

                .location{
                    width: 33.3%;
                }

                .social{
                    width: 66.6%;
                }





/*--------------SLIDER--------------*/
.slider{
    width: 100%;
    min-height: 65rem;
    position: relative;
}
 
@media (min-width: 768px) {
    .slider{
        width: 100%;
        position: relative;
    }
}
 
@media (min-width: 1140px) {
    .slider{
        width: 50%;
        top:0;
        right: 0;
        bottom: 0;
        position: fixed;
    }
}
    .slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7,.slide7,.slide8,.slide9,.slide10,.slide11 {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .slide1 {
        background: url(/img/img1.jpg)no-repeat center;
        background-size: cover;
        animation:fade1 60s infinite;
        -webkit-animation:fade1 60s infinite;
    
    } 

    .slide2 {
        background: url(/img/img2.jpg)no-repeat center;
        background-size: cover;
        animation:fade2 60s infinite;
        -webkit-animation:fade2 60s infinite;
    }

    .slide3 {
        background: url(/img/img3.jpg)no-repeat center;
        background-size: cover;
        animation:fade3 60s infinite;
        -webkit-animation:fade3 60s infinite;
    }
    .slide4 {
        background: url(/img/img4.jpg)no-repeat center;
        background-size: cover;
        animation:fade4 60s infinite;
        -webkit-animation:fade4 60s infinite;
    } 

    .slide5 {
        background: url(/img/img5.jpg)no-repeat center;
        background-size: cover;
        animation:fade5 60s infinite;
        -webkit-animation:fade5 60s infinite;
    }
    .slide6 {
        background: url(/img/img6.jpg)no-repeat center;
        background-size: cover;
        animation:fade6 60s infinite;
        -webkit-animation:fade6 60s infinite;
    }
    .slide7 {
        background: url(/img/img7.jpg)no-repeat center;
        background-size: cover;
        animation:fade7 60s infinite;
        -webkit-animation:fade7 60s infinite;
    } 
    .slide8 {
        background: url(/img/img8.jpg)no-repeat center;
        background-size: cover;
        animation:fade8 60s infinite;
        -webkit-animation:fade8 60s infinite;
    }
    .slide9 {
        background: url(/img/img9.jpg)no-repeat center;
        background-size: cover;
        animation:fade9 60s infinite;
        -webkit-animation:fade9 60s infinite;
    }
    .slide10 {
        background: url(/img/img10.jpg)no-repeat center;
        background-size: cover;
        animation:fade10 60s infinite;
        -webkit-animation:fade10 60s infinite;
    } 


    @keyframes fade1
    {
        0%  {opacity: 0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 1}
    }

    @keyframes fade2
    {
        0%   {opacity:0}
        9.09% {opacity: 1}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }
    @keyframes fade3
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 1}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade4
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 1}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade5
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 1}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade6
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 1}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }


    @keyframes fade7
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 1}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade8
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 1}
        72.72% { opacity: 0}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade9
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 1}
        81.81% { opacity: 0}
        100% { opacity: 0}
    }

    @keyframes fade10
    {
        0%   {opacity:0}
        9.09% { opacity: 0}
        18.18% { opacity: 0}
        27.27% { opacity: 0}
        36.36% { opacity: 0}
        45.45% { opacity: 0}
        54.54% { opacity: 0}
        63.63% { opacity: 0}
        72.72% { opacity: 0}
        81.81% { opacity: 1}
        100% { opacity: 0}
    }

    
    .fade-in {
        animation: fadeIn ease 6s;
        -webkit-animation: fadeIn ease 6s;
        -moz-animation: fadeIn ease 6s;
        -o-animation: fadeIn ease 6s;
        -ms-animation: fadeIn ease 6s;
        }
        
        
        @keyframes fadeIn{
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-moz-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-webkit-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-o-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-ms-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }

    .fade-in-1 {
        animation: fadeIn ease 3s;
        -webkit-animation: fadeIn ease 3s;
        -moz-animation: fadeIn ease 3s;
        -o-animation: fadeIn ease 3s;
        -ms-animation: fadeIn ease 3s;
        }
        
        
        @keyframes fadeIn{
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-moz-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-webkit-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-o-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }
        
        @-ms-keyframes fadeIn {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
        }