

/* Start:/local/templates/proopt_copy/components/bitrix/system.pagenavigation/gopro/style.css?17571657771148*/
.navigation {
    padding-top: 12px;
    font-size: 14px;
    font-family: latobold;
    text-align: center;
}

.navigation .arrow .icon {
    width: 7px;
    height: 14px;
}

.navigation span,
.navigation a {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #eaeaea;
    color: #8b8b8b;
    margin-right: -1px;
}

.navigation a:hover {
    display: inline-block;
    padding: 10px 15px;
    background-color: #eaeaea;
    color: #000;
    text-decoration: none;
}

.navigation span.current {
    display: inline-block;
    padding: 10px 15px;
    background-color: #eaeaea;
    color: #000;
}

.navigation a.arrow.left .icon {
    background-position: -14px -531px;
}

.navigation span.arrow.left .icon {
    background-position: 0px -531px;
}

.navigation a.arrow.right .icon {
    background-position: -14px -545px;
}

.navigation a.arrow.right i.fa,
.navigation span.arrow.right i.fa {
    font-size: 20px;
    line-height: 9px;
}

.navigation a.arrow.left i.fa,
.navigation span.arrow.left i.fa {
    font-size: 20px;
    line-height: 9px;
}


.navigation span.arrow.right .icon {
    background-position: 0px -545px;
}
/* End */


/* Start:/local/templates/proopt_copy/components/bitrix/news.list/brands/style.css?17571657772389*/
.brandslist.mainstyles {
    margin-top: 25px;
}

.brandslist.mainstyles .title {
    margin-bottom: 15px;
    padding: 0px 17px 15px 17px;
    border-bottom: 1px solid #F2F2F2;
}

.brandslist.mainstyles .title a {
    color: #0078d7;
    font-weight: normal;
    text-transform: uppercase;
}

.brandslist.mainstyles .item {
    padding: 0px 17px 17px 17px;
}

.brandslist .item {
    display: block;
    width: 14%;
    float: left;
    margin-bottom: 15px;
    padding: 0px 15px 15px 0px;
}

.brandslist .item span {
    display: block;
    margin-bottom: 6px;
    color: #0078d7;
}

.brandslist .item .subitem a {
    color: #0077CB;
}

.brandslist .separator {
    float: left;
}

.brandslist .separator {
    display: none;
    width: 100%;
    float: left;
}


@media screen and (min-width: 1261px) {
    body.adaptive .brandslist .separator.x7 {
        display: block;
    }
}

@media screen and (max-width: 1260px) {
    body.adaptive .brandslist {
        margin: 0 10px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1260px) and (min-width: 1025px) {
    body.adaptive .brandslist .item {
        width: 16%;
    }

    body.adaptive .brandslist .separator {
        display: none;
    }

    body.adaptive .brandslist .separator.x6 {
        display: block;
    }
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
    body.adaptive .brandslist .item {
        width: 20%;
    }

    body.adaptive .brandslist .separator {
        display: none;
    }

    body.adaptive .brandslist .separator.x5 {
        display: block;
    }
}

@media screen and (max-width: 750px) and (min-width: 576px) {
    body.adaptive .brandslist .item {
        width: 25%;
    }

    body.adaptive .brandslist .separator {
        display: none;
    }

    body.adaptive .brandslist .separator.x4 {
        display: block;
    }
}

@media screen and (max-width: 575px) and (min-width: 481px) {
    body.adaptive .brandslist .item {
        width: 33%;
    }

    body.adaptive .brandslist .separator {
        display: none;
    }

    body.adaptive .brandslist .separator.x3 {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    body.adaptive .brandslist .item {
        width: 50%;
    }

    body.adaptive .brandslist .separator {
        display: none;
    }

    body.adaptive .brandslist .separator.x2 {
        display: block;
    }
}
/* End */
/* /local/templates/proopt_copy/components/bitrix/system.pagenavigation/gopro/style.css?17571657771148 */
/* /local/templates/proopt_copy/components/bitrix/news.list/brands/style.css?17571657772389 */
