﻿@font-face { font-family: 'BebasKai'; src: url('/skin/fonts/BebasKai_2.ttf'); font-style: normal }
@font-face { font-family: 'IBMPlexSans-Regular'; src: url('/skin/fonts/IBMPlexSans-Regular.ttf'); font-style: normal }

.video > .text > .box > .bl { max-width:600px;}
img { max-width: 100%; }
.itembg { width: 100%; }
.itembig { width: 100%; max-width: 1800px; padding: 10rem 8% 10rem 8%; margin: 0px auto; text-align: center; }
    .itembig > ul.list { display: flex; flex-wrap: wrap;justify-content:center; }
        .itembig > ul.list > li { width: 33.33%; padding: 0px 13px; }
            .itembig > ul.list > li > .img { width: 100%; }
            .itembig > ul.list > li > a { display: flex; align-items: center; position: relative; margin-top: 1.5rem; margin-bottom: 1.5rem; background-color: #f6f6f6; border-radius: 2rem; padding: 1rem; text-align: center; line-height: 1; color: #000; font-size: 1.5rem; }
                .itembig > ul.list > li > a > span { flex: 1; }
                .itembig > ul.list > li > a > img { margin-right: 1rem; }
.nav { margin-top: 5rem; margin-bottom: 2rem; text-transform: uppercase; background-image: linear-gradient(to right, #f5f5f5, #fff); margin-left: 13px; margin-right: 13px; border-radius: 5rem; padding: 1rem 2rem; line-height: 1.5; color: #000; font-size: 1.375rem; text-align: left; }
    .nav > i { color: #fe0000; font-style: normal; text-decoration: underline }
.itembig > ul.list > li:nth-child(4) { margin-left:6%}


@media only screen and (max-width:1280px) { .itembig { padding-top: 7rem; padding-bottom: 7rem; }
        .itembig > ul.list > li > a { font-size: 1.35rem; }
}



@media only screen and (max-width:768px) {
    .itembig { padding: 5rem 3% 5rem 3%; }
        .itembig > ul.list > li { width: 50%; padding: 0px 5px; }
            .itembig > ul.list > li > a { font-size: 1.15rem; }
    .nav { font-size: 1.15rem; }
    .itembig > ul.list > li:nth-child(4) { margin-left: 0% }
}

