html, body { font-family: 'Play'; background-color: #16171D; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; position: relative; } .main-body .background { background: #16171D url(/local/templates/arkonoptics/img/main-background-night.png) 0 0/100% auto no-repeat local; position: absolute; height: 1030px; width: 100%; } .main-body .background.day { background: #9DACB7 url(/local/templates/arkonoptics/img/main-background-day.png) 0 0/100% auto no-repeat local; } .main-body-container { max-width: 1440px; margin: 0 auto; } .wrapper { max-width: 1180px; margin: 0 auto; padding: 0 10px; } .arkon-logo { width: 145px; height: 48px; position: relative; z-index: 3; } .arkon-logo.black { display: none; } .day-night-btn { width: 20px; height: 80px; cursor: pointer; margin-top: 75px; z-index: 49; } .day-night-btn .arkon-day { display: none; } .day-night-btn.day .arkon-day { display: block; z-index: 10; position: relative; } .day-night-btn.day .arkon-night { display: none; } .container { margin: 0 auto; padding: 0 10px; } .header { width: 100%; height: 135px; top: 0; left: 0; z-index: 60; position: sticky; background: linear-gradient(180deg, #16171D 81.45%, rgba(22, 23, 29, 0.719424) 90.67%, rgba(22, 23, 29, 0.425114) 95.73%, rgba(22, 23, 29, 0) 100%);}
/*.header.day {
        background: linear-gradient(180deg, #9DACB7 76.13%, rgba(157, 172, 183, 0.803797) 84.69%, rgba(157, 172, 183, 0.618306) 93.24%, rgba(157, 172, 183, 0) 100%);
}*/
.day .video-item span {
	color: #23242B;
}
.header__body {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 135px;
    align-items: center;
    padding-left: 80px;
    padding-right: 60px;
}
.category-swiper.main-page .product-series .slick-track {
	display: flex;
}
.header__list {
    display: flex;
    position: relative;
    z-index: 2;
    align-items: center;
}
.header__list li {
    margin-left: 40px;
    cursor: pointer;
}
.phone:hover a {
    color: #C6CF4F;
    transition: all 0.1s ease-in-out 0.1s;
}
.header__list li:hover a {
    color: #C6CF4F;
    transition: all 0.1s ease-in-out 0.1s;
}
.header__link {
    color: #D4DBE1;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.1s ease-in-out 0.1s;
} .header.day .header__link {
    color: #222A34;
} .header.day .arkon-logo.black {
    display: block;
} .header.day .arkon-logo.white {
    display: none;
}
.phone {
    margin-left: 20px;
    z-index: 70;
    min-width: 160px;
}
.phone a {
    text-decoration: none;
    color: #C6CF4F;
    font-size: 20px;
    font-weight: 700;
    transition: all 0.1s ease-in-out 0.1s;
} .header.day .phone a {
    color: #222A34;
}
.header__burger {
    display: none;
}
.move-to-catalog-block {
    display: flex;
    width: 180px;
}
.move-to-catalog-block .design-elem {
    transition: all 0.1s ease-in-out 0.1s;
}
.move-to-catalog-block:hover .design-elem {
    margin-left: 10px;
    transition: all 0.1s ease-in-out 0.1s;
}
.news .move-to-catalog-block:hover .move-to-catalog,
.news .move-to-catalog-block:hover .design-elem {
    background-color: #9DACB7;
}
.move-to-catalog {
    width: 143px;
    height: 35px;
    background-color: #C6CF4F;
    clip-path: polygon(0px 0px,100% 0px,93% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.design-elem {
    width: 22px;
    height: 35px;
    background-color: #C6CF4F;
    clip-path: polygon(3px 0px,100% 0px,50% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,11px 0px)
}
.detail-info .design-elem {
    background-color: #47647A;
}
.ask-me-section {
    position: fixed;
    width: 159px;
    height: 35px;
    right: 0;
    bottom: 20%;
    background: #47647A;
    transform: rotate(-90deg);
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 5px), calc(100% - 0px) 100%,0 100%,0 35px);
    cursor: pointer;
}
.ask-me-section a {
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}
.content {
    height: auto;
    padding: 65px 0 0 0;
    margin: 0px auto;
    position: relative;
}
.about-preview {
    width: 655px;
    padding-left: 80px;
}
.about-preview h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 48px;
    color: #9DACB7;
    margin-bottom: 16px;
}
.about-preview.day h1,
.about-preview.day p {
    color: #222A34;
}
.about-preview p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #9DACB7;
    margin: 0 0 20px 0;
}
.preview-series {
    margin-top: 270px;
    padding-left: 130px;
    width: 370px;
    height: 240px;
}
.preview-series-content {
    width: 355px;
    height: 238px;
    position: relative;
}
.preview-series-background {
    background-color: #222A34;
    clip-path: polygon(75px 0px,100% 0px,80% calc(100% - 0px), calc(100% - 0px) 100%, 0px 101%,0px 100%);
    width: 355px;
    height: 238px;
}
.preview-series-background.day {
    background-color: #9DACB7;
}
.preview-series-content .series-photo {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: -10px; width: 373px; }
.preview-series-content .series-block {
    width: 93px;
    height: 23px;
    position: absolute;
    top: 127px;
    z-index: 1;
    left: 150px;
}
.series-block div,
.product-preview-descroption .have-a-call.box div{
    padding-left: 7px;
}
.preview-series-description {
    margin-top: -13px;
    position: absolute;
    z-index: 1;
    top: 185px;
    right: 90px;
    width: 100px;
}
.preview-series-description.day a {
    color: #47647A;
}
.preview-series-description a {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #9DACB7;
}
.move-to-catalog a {
    font-weight: 700;
    font-size: 20px;
text-decoration: none;
    color: #16171D;
} .product-preview-descroption {
    width: 235px;
    margin: auto;
}
.product-preview-descroption.day .have-a-call.box {
    background-color: #47647A;
}
.product-preview-descroption .move-to-catalog-block {
    float: right;
}
.product-preview-descroption .move-to-catalog,
.product-preview-descroption .move-to-catalog-block .design-elem,
.product-preview-descroption .series-block {
    background-color: #222A34;
}
.product-preview-descroption .move-to-catalog-block .move-to-catalog a {
    color: #FFFFFF;
}
.product-preview-descroption.day .series-block,
.product-preview-descroption.day .design-elem,
.product-preview-descroption.day .move-to-catalog {
    background-color: #47647A;
}
.product-preview-descroption.day .move-to-catalog a {
    color: #FFFFFF;
}
.series-block:last-child img {
    margin-left: 15px;
}
.deer,
.deer-night {
    margin-top: 83px;
    margin-left: 172px;
    width: 43px;
}
.deer-night {
    display: none;
}
.detail-info {
    width: 143px;
    height: 35px;
    background-color: #47647A;
    clip-path: polygon(0px 0px,100% 0px,93% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.detail-info a {
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}
.series-block {
    width: 144px;
    height: 35px;
    background-color: #2B3846;
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 5px), calc(100% - 0px) 100%,0 100%,0 35px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.series-block:first-child {
    margin-right: 13px;
}
.series-block:last-child img {
    margin-left: 15px;
}
.series-description {
    width: 177px;
    height: 48px;
    margin: 10px 0 20px 0;
    float: right;
}
.series-description a {
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}
.main-advantages {
    margin-top: 145px;
    display: grid;
    justify-content: center;
}
.main-advantages .fresh-news-header {
    margin-bottom: 0px;
}
.main-advantages .fresh-news-header.to-list {
    align-items: center;
    margin-left: 190px;
    width: 350px;
}
.fresh-news-header:hover div a {
    background: #9DACB7;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main-advantages-header {
    display: flex;
    justify-content: right;
    align-items: center;
}
.advantages-header-title a {
    font-weight: 700;
    font-size: 36px;
    color: #D4DBE1;
}
.main-slides {
    margin-top: 60px;
    display: flex;
    filter: drop-shadow(-10px 10px 20px rgba(0, 0, 0, 0.5));
}
.main-slides div {
    margin-right: -64px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.main-slides div img {
    width: 440px;
    height: 170px;
}
.main-slides div a {
    width: 190px;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 30px;
    display: block;
    position: absolute;
    margin: auto;
}
.current-link {
    display: flex;
    align-items: center;
}
.current-link .header__link,
.current-link span {
    color: #C6CF4F!important;
}
.current-link .header__link {
    margin-left: 5px;
}
.current-link span{
    font-size: 30px;
}
.about-us.blocks {
    display: flex;
}
.mobile-slide-1,
.mobile-slide-2,
.mobile-slide-3,
.mobile-slide-4 {
    display: none;
}
.footer__top-left-col {
    flex-direction: column !important;
    flex-wrap: wrap;
}
.footer__top-left-col .footer__menu {
    width: 100%;
}
.footer-content-for-mobile {
    display: none;
}
.advantages {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 50px;
}
.advantages-content {
    display: inline-flex;
    width: 1300px;
    flex-wrap: wrap;
    justify-content: center;
}
.advantages-block {
    height: 248px;
    width: 641px;
    display: flex;
}
.advantages-block .info {
    width: 540px;
    height: auto;
    margin: auto;
}
.advantages-block .info a {
    background: linear-gradient(93.85deg, #47647A 12.1%, #769CB8 92.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.arkon-label {
    position: absolute;
    top: 37%;
    left: 46%;
}
.special-block {
    margin-top: 0;
    display: flex;
    justify-content: center;
}
.special {
    height: 322px;
    background: linear-gradient(-90deg, #2B3846 0%, #16171d 100%);
    position: relative;
    margin-bottom: 50px;
}
.special-content {
    position: absolute;
    bottom: 54px;
    left: 40%;
    margin: auto;
    width: 350px;
    z-index: 7;
    top: 20px;
}
.special-text {
    text-align: right;
}
.special-text a {
    font-weight: 700;
    font-size: 36px;
    color: #D4DBE1;
}
.special-text span {
    font-weight: 700;
    font-size: 36px;
    color: #C6CF4F;
    text-align: right;
}
.special-offer {
    margin-top: 55px;
    text-align: right;
    width: 293px;
    float: right;
}
.special-offer a {
    font-weight: 400;
    font-size: 16px;
    color: #9DACB7;
}
.special-product-1 {
    width: 420px;
    position: absolute;
    right: -92px;
    bottom: 40px;
    z-index: 5;
}
.special-product-2 {
    width: 367px;
    position: absolute;
    right: 0;
    z-index: 5;
    bottom: -115px;
}
.special-background-eye {
    width: 510px;
    height: 322px;
    bottom: 0;
    left: 0; }
.special-background {
    position: absolute;
    bottom: 0;
    left: 0;
}
.news {
    display: flex;
    margin-top: 20px;
    justify-content: center;
    padding-right: 50px;
}
.last-news {
    width: 407px;
    height: auto;
    background: #2B3846;
    left: 0;
}
.news-content-block {
    width: 289px;
    height: auto;
    padding: 65px 0;
    margin: auto;
}
.news-header {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}
.news-header a,
.move-to-news a {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
}
.news-content-block .fresh-news-header.to-list a {
    color: #FFFFFF;
    -webkit-text-fill-color: white;
}
.news-content-block .fresh-news-header.to-list .design-elem {
    background: #FFFFFF;
    -webkit-text-fill-color: white;
}
.news-content-block .fresh-news-header:hover a {
    color: #9DACB7;
    -webkit-text-fill-color: unset;
}
.news-content-block .fresh-news-header:hover .design-elem {
    background: #9DACB7;
    -webkit-text-fill-color: unset;
}
.article {
    width: 290px;
    height: auto;
    margin-bottom: 20px;
    transition: all 0.1s ease-in-out 0.1s;
    cursor: pointer;
    padding: 20px 0;
}
.media-articles .article {
    margin-bottom: 0;
    height: 100%;
}
.article-date {
    text-align: right;
    margin-bottom: 8px;
}
.article-date a {
    font-weight: 700;
    font-size: 14px;
    color: #C6CF4F;
  text-decoration: none;
}
.article-title {
    margin-bottom: 10px;
    min-height: 35px;
}
.article-title a {
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 17px;
  text-decoration: none;
}
.article-preview a {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
  text-decoration: none;
}
.news .move-to-catalog-block .move-to-catalog,
.news .move-to-catalog-block .design-elem {
    background-color: #2B3846;
}
.news .move-to-catalog-block .move-to-catalog a,
.series-item .move-to-catalog-block .move-to-catalog a {
    color: #FFFFFF;
}
.move-to-news {
    display: flex;
    align-items: center;
    justify-content: end;
}
.move-to-news .design-elem {
    background: #D4DBE1;
    margin-left: 15px;
    transition: all 0.3s ease-in-out 0.3s;
}
.move-to-news:hover .design-elem {
    margin-left: 20px;
    transition: all 0.3s ease-in-out 0.3s;
}
.fresh-news-header a,
.news-title a {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.fresh-news-header.to-list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fresh-news-header.to-list:hover .design-elem {
    margin-left: 10px;
    transition: all 0.1s ease-in-out 0.1s;
}
.fresh-news-header.to-list a {
    background: linear-gradient(93.85deg, #47647A 12.1%, #769CB8 92.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  text-decoration: none;
    cursor: pointer;
}
.news .fresh-news .fresh-news-header,
.all-news .fresh-news-header {
    margin-bottom: 50px;
}
.design-elem-box {
    width: 35px;
    margin-left: 15px;
}
.fresh-news-header.to-list .design-elem {
    background: linear-gradient(93.85deg, #47647A 12.1%, #769CB8 92.67%);
    width: 19px;
    clip-path: polygon(3px 0px,100% 0px,50% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,10px 0px);
    transition: all 0.1s ease-in-out 0.1s;
}
.fresh-news-header {
    text-align: center;
}
.news-title {
    width: 335px;
    height: auto;
    margin: 20px 0 15px 0;
}
.fresh-news {
    margin-left: 105px;
}
.news-preview {
    width: 290px;
    height: auto;
    margin-bottom: 20px;
}
/* Блок отзывов */
.reviews {
    height: auto;
    margin-top: 16px;
}
.reviews-header {
    margin: 30px;
    text-align: center;
}
.reviews-header a {
    font-weight: 700;
    font-size: 24px;
    color: #D4DBE1;
    line-height: 24px;
}
.news-preview a {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
  text-decoration: none;
    color: #FFFFFF;
}
.main-review {
    width: 570px;
    height: 218px;
    background: #2B3846;
    opacity: 0.9;
    position: relative;
    display: flex;
    align-items: center;
    margin: auto;
    z-index: 5;
    justify-content: center;
    clip-path: polygon(75px 0px,100% 0px,87% calc(100% - 0px), calc(100% - 0px) 100%, 0px 101%,0px 100%);
}
.review-text {
    width: 343px;
    height: 218px;
    position: relative;
    display: flex;
    align-items: center;
    margin: auto;
    z-index: 5;
    justify-content: center;
}
.review-info {
    width: 345px;
    height: auto;
}
.review-info a {
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}
.review-info span {
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
}
.review-info p {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 17px;
}
.reviews-background {
    position: absolute;
    top: 0;
}
.main-review .slick-dots {
    bottom: 0px;
}
.article.hover:hover {
    border-radius: 20px;
    background-color: #16171D;
    transition: all 0.1s ease-in-out 0.1s;
    padding: 20px;
}
.product-preview-descroption .have-a-call.border {
    background: none;
}
/* Футер */
.main__link a,
.main__link__list a {
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    color: #C6CF4F;
}
.test_link a,
.main__link__list li a,
.main__link p a {
    font-size: 14px;
    color: #D4DBE1;
    text-decoration: none;
    margin-bottom: 6px;
}
.about-us {
    margin-right: 75px;
}
.main__link p,
.support ul li,
.about-us ul li
 {
    font-size: 14px;
    color: #D4DBE1;
    margin-bottom: 6px;
  text-decoration: none;
}
.test_link p {
    font-size: 14px;
    color: #D4DBE1;
  text-decoration: none;
    margin-bottom: 6px;
}
.product-link {
    margin-top: 30px;
}
.product-link.other {
    margin-top: 15px;
}
.support {
    width: 127px;
    height: auto;
    margin-right: 55px;
}
.product {
    display: flex;
    width: 315px;
    height: auto;
    margin-right: 35px;
}
.product .main__link,
.product.last-item .main__link {
    margin-right: 30px;
}
.product.last-item {
    margin-top: 30px;
    margin-right: 200px;
}
.product-link a {
    font-weight: 700;
    font-size: 18px;
    color: #47647A;
}
ul {
    padding: 0;
  	text-decorating: none;
}
.where-to-buy {
    width: 126px;
    height: 35px;
    margin-top: 25px;
    background-color: #C6CF4F;
    clip-path: polygon(0px 0px,100% 0px,93% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.where-to-buy a {
    font-weight: 700;
    font-size: 16px;
  text-decoration: none;
    color: #23242B;
}
.have-a-call.border {
    position: relative;
    width: 166px;
    height: 37px;
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 5px), calc(100% - 0px) 100%,0 100%,0 35px);
    background-color: #DDE1A2;
}
.have-a-call.box {
    position: absolute;
    bottom: 1px;
    right: 1px;
    cursor: pointer;
    background-color: #222A34;
    width: 164px;
    height: 35px;
    align-items: center;
    display: flex;
    justify-content: center;
    clip-path: polygon(10px 0,100% 0,100% calc(100% - 5px), calc(100% - 0px) 100%,0 100%,0 35px);
}
.have-a-call a {
    font-weight: 700;
    font-size: 16px;
    color: #C6CF4F;
    top: 7px;
    right: 12px;
}
.contacts-number-time {
    margin-top: 25px;
    text-align: right;
}
.contacts-number-time a {
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
    color: #C6CF4F;
}
.contacts-number-time span {
    font-weight: 400;
    font-size: 10px;
    color: #D4DBE1;
}
.contact-email {
    margin-top: 30px;
}
.contact-email a {
    font-weight: 700;
    font-size: 16px;
    color: #C6CF4F;
}
.social-media {
    display: flex;
    position: relative;
    margin-top: 20px;
    align-items: center;
}
.copyrights {
    margin: 0 auto 0px auto;
    bottom: 42px;
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
}
.copyrights a,
.rights a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    z-index: 1;
}
.rights {
    position: absolute;
    bottom: 32px;
    left: -15px;
    display: flex;
    width: 360px;
    height: 35px;
    justify-content: right;
    align-items: center;
    padding-right: 20px;
    transition: all 0.3s ease-in-out 0.3s;
    border-radius: 0.5rem;
    transform: skew(-30deg);
    background: #47647A;
}
.rights:hover {
    width: 370px;
}
.rights img {
    margin-right: 6px;
    z-index: 1;
    transform: skew(30deg);
}
.rights a {
    transform: skew(30deg);
    text-decoration: none;
}
.arrow-up {
    position: absolute;
    bottom: 33px; 
    right: 60px;
    cursor: pointer;
}
.main-body .series-swiper {
    margin: 80px auto 0;
    width: 1400px;
}
.main-body .series-swiper .fresh-news-header{
    justify-content: right;
    margin-bottom: -25px;
    padding-right: 30px;
}
.series-swiper .fresh-news-header div {
    z-index: 30;
}
.product-category-item {
    width: 312px;
    height: 141px;
    background-color: #2B3846;
    border-radius: 20px;
    display: grid!important;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.product-category-item a {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #D4DBE1;
}
.main-body .series-item {
    width: 1316px;
    height: 320px;
    background: linear-gradient(90deg, #2B3846 0%, #16171d 100%);
    margin: auto;
    position: relative;
    margin: 0;
}
.main-body .series-img {
    position: absolute;
    top: -110px;
    left: -39px;
    z-index: 10;
}
.main-body .series-img img {
    width: 555px;
    height: 250px;
}
.main-body .series-background {
    position: absolute;
    top: 0;
    left: 300px;
    height: 100%;
}
.main-body .series-settings {
    width: 162px;
    height: 45px;
    border-radius: 5px;
    background-color: #2B3846;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 38px;
    left: 36px;
    z-index: 10;
}
.main-body .series-settings img {
    margin-right: 8px;
}
.main-body .series-name {
    padding-top: 140px;
    padding-left: 70px;
    display: flex;
}
.main-body .series-name a {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    margin-right: 10px;
}
.main-body .series-adv {
    margin-top: 40px;
    margin-left: 110px;
    width: 245px;
    height: 40px;
    text-align: right;
}
.main-body .series-adv a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #D4DBE1;
}
.pol-konf {
    position: absolute;
    bottom: 42px;
    right: 165px;
}
.pol-konf a {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    z-index: 1;
}
/* Ховеры для футера */
.main__link a:hover,
.main__link p:hover,
.main__link__list li:hover,
.pol-konf a:hover {
    color: #DDE1A2;
    cursor: pointer;
}
.where-to-buy:hover {
    background-color: #DDE1A2;
}
.where-to-buy:hover a {
    color: #47647A;
}
.contacts .have-a-call.box:hover {
    background-color: #47647A;
}
.contacts .have-a-call.box:hover a {
    color: #DDE1A2;
}
.youtube-hover.none,
.vk-hover.none,
.telegram-hover.none,
.arrow-up-hover.none {
    display: none;
}
.youtube-block:hover .youtube,
.vk-block:hover .vk,
.telegram-block:hover .telegram,
.arrow-up.button-top:hover .arrow-up-btn {
    display: none;
}
.youtube-block:hover .youtube-hover,
.vk-block:hover .vk-hover,
.telegram-block:hover .telegram-hover,
.arrow-up.button-top:hover .arrow-up-hover {
    display: block;
}
.arrow-up div {
    width: 30px;
    height: 30px;
}
.category-swiper {
    width: 1312px;
    height: 485px;
    display: flex;
    position: relative;
    margin: 0;
}
.product-category {
    width: 353px;
    height: 178px;
    position: absolute;
    right: 0px;
    top: 150px;
}
.product-category-series {
    height: 455px!important;
    display: flex !important;
    align-items: center;
}
.fresh-news-header.mobile {
    display: none;
}
.advantages-header-title {
    z-index: 10;
}
.fresh-news-header.tablet {
    display: none;
}
.pol-konf,
.youtube-block,
.telegram-block {
    display: none;
}
.category-swiper.main-page .slick-list {
    width: auto;
}
.review-text .slick-list {
    width: auto;
}
.news .fresh-news-header {
    height: 35px;
}
.fresh-news .article-priview-cover img,
.all-news  .article-priview-cover img {
    width: 439px;
    height: 219px;
    opacity: 0.6;
}
.fresh-news .article-priview-cover {
    clip-path: polygon(0px 0,100% 0,86% calc(101% - 6px), calc(-26% - 0px) 98%,0px 100%,0px 0px);
    background: #47647A;
}
.all-news  .article-priview-cover {
    clip-path: polygon(61px 0px,100% 0px,100% calc(100% - 0px), calc(106% - 1px) 98%,2px 98%,0px 225px);
    background: #47647A;
}
/* Индивидуальные стили для баннеров */
.special-background-eye img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
}
.special-product-3 {
    position: absolute;
    right: 0;
}
.special-product-1 img,
.special-product-2 img,
.special-product-3 img {
    width: 373px;
}
.special-block div:nth-child(3) .special .special-product-1 {
    right: -27px;
    top: 97px;
}
.special-block div:nth-child(3) .special .special-product-2 {
    right: -24px;
    top: 0;
}
.special-background-eye img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
}
.special-product-3 {
    position: absolute;
    right: 0;
}
.special-product-1 img,
.special-product-2 img,
.special-product-3 img {
    width: 373px;
}
.special-block div:nth-child(3) .special .special-product-1 {
    right: -27px;
    top: 97px;
}
.special-block div:nth-child(3) .special .special-product-2 {
    right: -24px;
    top: 0;
}
.series-block div:nth-child(2) img {
    width: 40px;
}
.main-slider {
    width: 677px;
}
.product-preview {
    width: 677px;
    height: auto;
    margin-left: 200px;
}
.main-page-slider {
    display: flex;
    margin-top: -252px;
}
.product-preview-descroption {
    width: 235px;
    margin: auto;
}
.main-page-preview .slick-list {
  width: 1500px;
}
.banner-new-link {
  width: 100%;
    height: 372px;
    display: block;
    position: absolute;
    z-index: 100;
}
.series-swiper-link-new {
  width: 100%;
    height: 65%;
    display: block;
    position: absolute;
    z-index: 50;
}
.category-swiper-link-new {
  display: block;
    width: 310px;
    height: 143px;
    position: absolute;
}
@media screen and (max-width: 1600px) {
    .main-body .series-swiper {
        width: 100%;
    }
	.video-carousel-content {
		width: 1200px;
	}	
}
@media screen and (max-width: 1305px) {
    .product.last-item {
        margin-right: 80px;
    }
	.video-carousel-content {
		width: 750px;
	}	
}
@media screen and (max-width: 1160px) {
    body.lock {
        overflow: hidden;
    }
    .media-page .artcle-item .slick-track, .media-page .artcle-item  .slick-slide {
        width: 100%!important;
        box-sizing: border-box;
    }
    .media-page .artcle-item  .slick-slide {
        display: none;
        left: 0!important;
    }
    .media-page .artcle-item  .slick-slide.slick-active {
        display: block;
    }
    .questions.media-page .questions-content {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        width: auto;
    }
    .header__burger {
        display: block;
        position: relative;
        width: 22px;
        height: 20px;
        right: 45px;
        z-index: 3;
    }
    .header__burger .header-burger-icon-close {
        display: none;
    }
    .header.day .header__menu {
        background-color: #9DACB7;
    }
    .header__menu {
        position: fixed;
        transition: all 0.3s ease 0s;
        top: -100%;
        left: 0;
        width: 100%;
        overflow: auto;
        background-color: #16171D;
    }
    .phone {
        position: absolute;
        right: 180px;
    }
    .header__list {
        display: block;
        position: absolute;
        right: 255px;
        top: 77px;
    }
    .header__list li {
        min-width: 60px;
        margin: 0 0 20px 0;
    }
    .header__menu.active {
        top: 100px;
        height: 100%;
        transition: all 0.3s ease 0s;
        z-index: 100;
    }
    .header__burger.active .header-burger-icon{
        display: none;
    }
    .header__burger.active .header-burger-icon-close.light {
        display: block;
    }
    .main-body .background {
        width: 130%;
    }
    .copyrights {
        bottom: 113px;
        left: -100px;
    }
    .pol-konf {
        bottom: 113px;
        right: 60px;
    }
    .product.last-item {
        margin-right: 120px;
    }
    .last-news {
        width: 400px;
    }
    .fresh-news {
        margin: 30px 0 40px 60px;
        width: 280px;
    }
    .all-news {
        margin: 20px 0 40px;
        width: 280px;
    }
    .news img {
        width: 278px;
    }
    .news-title a {
        font-size: 15px;
    }
    .about-us.blocks {
        display: grid;
    }
    .news-title {
        width: 266px;
    }
    .about-us {
        margin-right: 0;
    }
    .support {
        margin-top: 25px;
    }
    content:first-child {
        margin-left: 85px;
    }
    .news .move-to-catalog {
        width: 93px;
        clip-path: polygon(0px 0px,100% 0px,89% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,0px 0px);
    }
    .news .move-to-catalog a {
        font-size: 16px;
    }
    .news .move-to-catalog .design-elem {
        clip-path: polygon(3px 0px,100% 0px,45% calc(100% - 0px), calc(100% - 0px) 100%,0px 100%,11px 0px);
    }
    .news-content-block {
        padding: 45px 40px 45px 50px;
    }
    .news-preview {
        width: 240px;
    }
    .special-block {
        margin-top: -145px;
    }
    .special {
        height: 228px;
        width: 934px;
    }
    .special-text a,
    .special-text span {
        font-size: 24px;
    }
    .special-content {
        width: 248px;
        left: 230px;
        bottom: 45px;
        left: 306px;
    }
    .special-offer {
        width: 178px;
        margin-top: 20px;
    }
    .special-offer a {
        font-size: 10px;
        line-height: 12px;
    }
    .special-background-eye,
    .special-background-eye img {
        height: 100%;
    }
    .special-product-1,
    .special-product-1 img {
        width: 298px;
        right: -21px;
        bottom: 5px;
    }
    .special-product-2,
    .special-product-2 img{
        width: 260px;
        right: -40px;
        bottom: -108px;
    }
    .product-preview {
        display: grid;
        justify-content: right;
        padding-right: 120px;
        top: 286px;
    margin-left: 50px;
      margin-top: 201px;
    }
    .product-preview .series-photo {
        width: 422px;
    }
    .preview-series-background {
        width: 187px;
        height: 125px;
        clip-path: polygon(40px 0px,100% 0px,80% calc(100% - 0px), calc(100% - 0px) 100%, 0px 101%,0px 100%);
    }
    .preview-series .series-photo {
        width: 190px;
        left: 27px;
        top: -70px;
    }
    .preview-series .series-block {
        top: 30px;
        left: 64px;
    }
    .preview-series .preview-series-description {
        top: 53px;
        right: 177px;
    }
    .header-burger-icon.dark,
    .header-burger-icon-close.dark {
        display: none;
    }
    .header__burger.day .header-burger-icon.light,
    .header__burger.day .header-burger-icon-close.light {
        display: none;
    }
    .header__burger.day .header-burger-icon.dark {
        display: block;
    }
    .header__burger.day.active .header-burger-icon.dark {
        display: none;
    }
    .header__burger.day.active .header-burger-icon-close.dark {
        display: block;
    }
    .advantages-block {
        height: 175px;
        width: 454px;
    }
    .advantages-block .info a {
        font-size: 16px;
        line-height: 19px;
    }
    .advantages-block .info {
        width: 410px;
    }
    .advantages-block:nth-child(3) {
        text-align: right;
    }
    .main-body .series-item {
        width: 930px;
        height: 228px;
    }
    .main-body .series-background {
        width: 487px;
        left: 210px;
    }
    .main-body .series-img img {
        width: 378px;
        height: 170px;
    }
    .main-body .series-img {
        top: -85px;
    }
    .category-swiper {
        margin-left: -38px;
    }
    .product-category {
        right: 297px;
        top: 112px;
    }
    .product-category-item {
        width: 265px;
    }
    .main-body .series-settings {
        display: grid;
        background: transparent;
        width: auto;
        height: auto;
        top: 65px;
        left: 20px;
    }
    .main-body .series-settings img {
        margin-bottom: 7px;
    }
    .main-body .series-name {
        display: grid;
        padding-top: 70px;
    }
    .main-body .series-name a {
        font-size: 16px;
    }
    .main-body .series-name a.custom {
        text-align: left!important;
        margin-top: 20px;
    }
    .main-body .series-name img {
        padding-top: 8px;
        width: 106px;
    }
    .main-body .series-adv {
        width: 189px;
        text-align: left;
        margin-top: 10px;
        margin-left: 70px;
    }
    .main-body .series-adv a {
        font-size: 12px;
        line-height: 14px;
    }
    .product {
        display: grid;
        width: 170px;
    }
    .product .main__link:nth-child(1),
    .product.last-item {
        margin-top: 0;
    }
    .product .main__link,
    .product.last-item .main__link {
        margin-top: 30px;
    }
    .main-slides div img {
        width: 311px;
        height: 119px;
    }
    .main-slides div {
        margin-right: -45px;
    }
    .main-slides div a {
        font-size: 20px;
    }
    .main-advantages .fresh-news-header {
        z-index: 30;
    }
    .news {
      display: flex;
      margin-top: 20px;
    }
  .main-page-slider .preview-series {
    display: none;
  }
}
@media screen and (max-width: 975px) {
    .main-slides div img {
        width: 290px;
        height: 119px;
    }
    .main-slides div {
        margin-right: -42px;
    }
    .main-slides div a {
        font-size: 20px;
    }
    .fresh-news {
        margin: 30px 0 40px 20px;
    }
    .product-category {
        right: 360px;
    }
    .main-body .series-background {
        left: 165px;
    }
}
@media screen and (max-width: 897px) {
    .main-body .background {
        width: 188%;
        margin-top: 0;
    }
    .main-body .background {
      height: 925px;
    }
    .product-preview .series-photo {
        width: 354px;
    }
    .about-preview {
        width: 315px;
    }
    .about-preview h1 {
        font-size: 26px;
        line-height: 29px;
    }
    .preview-series {
        margin-top: 0px;
        padding-left: 89px;
    }
    .preview-series {
        margin-top: 70px;
    }
    .day-night-btn {
        position: absolute;
    }
    .main-advantages {
        margin-top: 200px;
    }
    .advantages-block {
        width: 384px;
        height: 148px;
    }
    .advantages-block .info a {
        font-size: 12px;
        line-height: 14px;
    }
    .advantages-block .info {
        padding-left: 35px;
    }
    .advantages-block:nth-child(3) {
        padding-left: 0;
        padding-right: 35px;
    }
    .main-body .series-background {
        left: 145px;
    }
    .main-body .series-item {
        width: 696px;
    }
    .product-category {
        right: 406px;
    }
    .special {
        width: 695px;
        height: 170px;
    }
    .special-background-eye, 
    .special-background-eye img {
        height: 100%;
    }
    .special-text a,
    .special-text span {
        font-size: 18px;
    }
    .special-content {
        bottom: 14px;
        left: 175px;
    }
    .special-product-2,
    .special-product-2 img {
        right: -47px;
        bottom: -82px;
    }
    .special-product-1,
    .special-product-1 img {
        right: -38px;
        bottom: -22px;
    }
    .fresh-news {
        position: relative;
    }
    .fresh-news-header.tablet {
        display: flex!important;
        position: absolute;
        top: -116px;
        right: -31px;
    }
    .news .fresh-news .fresh-news-header {
        display: none;
    }
    .fresh-news {
        margin: 152px 40px;
    }
    .news-content-block {
        width: 362px;
    }
    .all-news {
        display: none;
    }
    .main-slides div img {
        width: 273px;
        height: 110px;
    }
    .main-slides div {
        margin-right: -40px;
    }
    .main-slides div a {
        font-size: 20px;
    }
    .main-advantages .fresh-news-header.to-list {
        margin-left: 25px;
        width: 291px;
    }
}
@media screen and (max-width: 885px) {
    .advantages-block {
        width: 310px;
        height: 123px;
    }
    .product.last-item {
        margin-right: 45px;
    }
}
@media screen and (max-width: 845px) {
    .main-body .series-background {
        left: 100px;
    }
    .product-category {
        right: 450px;
    }
    .main-slides div img {
        width: 205px;
        height: 90px;
    }
    .main-slides div {
        margin-right: -30px;
    }
    .main-slides div a {
        font-size: 16px;
        line-height: 19px;
        width: 125px;
    }
}
@media screen and (max-width: 810px) {
    .preview-series {
        display: none!important;
    }
    .main-advantages {
        margin-top: 430px;
    }
    .main-body .background {
      height: 800px;
    }

	.video-carousel-content {
		width: 100%;
	}	
}
@media screen and (max-width: 667px) {
    .phone {
        display: none;
    }
    .last-news {
        width: 390px;
        margin: auto;
    }
    .main-review {
        clip-path: none;
    }
    .news {
        display: grid;
    }
    .special {
        width: 320px;
        height: 490px;
        background: linear-gradient(-180deg, #2B3846 0%, #16171d 100%)!important;
        margin: auto;
    }
    .special-background-eye,
    .special-background-eye img {
        width: 320px;
        height: 179px;
    }
    .special-product-1 img {
        width: 298px;
    }
    .special-product-2 img {
        width: 255px;
        height: 249px;
    }
    .special-content {
        width: 257px;
        bottom: 305px;
        left: 30px;
        top: 195px;
    }
    .special-offer {
        float: left;
        text-align: left;
        margin-top: 20px;
    }
    .special-text a,
    .special-text span {
        font-size: 24px;
    }
    .special-text {
        text-align: left;
    }
    .special-product-1 {
        bottom: -62px;
        right: -90px;
        width: 420px;
        height: auto;
    }
    .special-product-2 {
        right: -90px;
        bottom: -72px;
        width: 367px;
    }
    .advantages-content {
        display: grid;
        width: 318px;
        flex-wrap: unset;
    }
    .advantages-block {
        width: 318px;
        height: auto;
        margin-bottom: 40px;
    }
    .advantages-block img {
        width: 318px;
    }
    .advantages-block .info {
        width: 318px;
    }
    .advantages-block .info a {
        font-size: 16px;
    }
    .advantages-block.second {
        margin-bottom: 120px;
    }
    .arkon-label {
        top: 41%;
        left: 42%;
        width: 55px;
    }
    .about-preview h1 {
        font-size: 24px;
        line-height: 29px;
    }
    .about-preview p {
        font-size: 14px;
    }
    .about-preview {
        width: 327px;
        padding-left: 28px;
    }
    .header__body {
        padding-left: 28px;
    }
    .preview-series {
        display: none!important;
    }
    .product-preview-descroption {
        margin: -20px 0 0 0;
    }
    .product-preview-descroption .move-to-catalog-block {
        display: none;
    }
    .series-photo {
        width: 281px!important;
    }
    .product-preview {
        padding: 0;
        right: -313px;
        top: 245px;
        display: unset;
    }
    .day-night-btn {
        position: relative;
        margin-top: 320px;
        bottom: 0;
    }
    .main-body .background {
        height: 540px;
    }
    .advantages-header-title a {
        font-size: 24px;
    }
    .main-advantages .fresh-news-header.to-list {
        display: none;
    }
    .main-slides {
        display: grid;
    }
    .main-slides br {
        display: none;
    }
    .main-slides div img {
        width: 390px;
        height: 107px;
    }
    .mobile-slide-1,
    .mobile-slide-2,
    .mobile-slide-3,
    .mobile-slide-4 {
        display: block;
    }
    .slide-1,
    .slide-2,
    .slide-3,
    .slide-4 {
        display: none;
    }
    .main-slides div a {
        width: 345px;
    }
    .main-body .series-img {
        top: -50px;
        left: -4px;
        z-index: 10;
    }
    .main-body .series-img img {
        width: 272px;
        height: 123px;
    }
    .main-body .series-name {
        display: grid;
        padding-top: 49px;
        padding-left: 30px;
    }
    .main-body .series-name a {
        font-size: 16px;
        line-height: 19px;
    }
    .series-name img {
        width: 106px;
        margin-top: 12px;
        z-index: 10;
    }
    .main-body .series-adv {
        position: absolute;
        width: 200px;
        height: auto;
        text-align: left;
        margin-top: 10px;
        margin-left: 30px;
        z-index: 1;
    }
    .main-body .series-adv a {
        font-size: 12px;
        line-height: 14px;
    }
    .main-body .series-settings {
        width: 45px;
        height: 162px;
        display: grid;
        left: 16px;
        top: 26px;
        background-color: unset;
    }
    .main-body .series-background {
        left: 68px;
        height: 100%;
    }
    .main-body .series-item {
        width: 390px;
        height: 222px;
        margin: 0;
        margin-left: -17px;
    }
    .product-category {
        left: 0;
        top: -57px;
    }
    .header__burger {
        right: -25px;
    }
    .footer-content-for-desktop {
        display: none;
    }
    .footer-content-for-mobile {
        display: block;
        display: grid;
        width: 170px;
        margin: auto;
        justify-content: unset;
    }
    .rights {
        width: 295px;
        bottom: 65px;
    }
    .copyrights {
        width: 234px;
        bottom: 132px;
        left: 100px;
    }
    .pol-konf {
        bottom: 27px;
        right: 100px;
    }
    .contacts-number-time {
        text-align: unset;
    }
    .product,
    .about-us.blocks {
        margin-top: 35px;
    }
    .arrow-up {
        bottom: 270px;
        right: 35px;
    }
    .main-body .background {
        background: #16171D url(/local/templates/arkonoptics/img/main-background-night.png) 0 0/cover no-repeat local;
        padding-top: 270px;
        margin-top: 0;
        background-position: -30px -24px;
        background-size: 200% auto;
    }
    .main-body .background.day {
        background: #9DACB7 url(/local/templates/arkonoptics/img/main-background-day.png) 0 0/cover no-repeat local;
        background-position: -30px -24px;
        background-size: 200% auto;
    }
    .content {
        padding: 10px 0 0;
    }
    .fresh-news,
    .all-news {
        margin: 30px auto 40px;
    }
    .fresh-news-header.mobile {
        display: flex;
        justify-content: right;
    }
    .fresh-news-header.desktop {
        display: none;
    }
    .reviews {
        margin-top: 70px;
    }
    .main-advantages-header {
        justify-content: start;
        padding-left: 20px;
    }
    .main-advantages {
        margin-top: 120px;
    }
    .advantages-header-title.day a {
        color: #23242B;
    }
    .header-burger-icon.dark,
    .header-burger-icon-close.dark {
        display: none;
    }
    .header__burger.day .header-burger-icon.light,
    .header__burger.day .header-burger-icon-close.light {
        display: none;
    }
    .header__burger.day .header-burger-icon.dark {
        display: block;
    }
    .header__burger.day.active .header-burger-icon.dark {
        display: none;
    }
    .header__burger.day.active .header-burger-icon-close.dark {
        display: block;
    }
    .main-body .series-swiper {
        margin-top: 85px;
    }
    .main-body .series-swiper .fresh-news-header {
        margin-bottom: 60px;
    }
    .product-category-series {
        padding-top: 130px;
    }
    .special-block {
        margin-top: 0;
    }
    .product-category-item {
        width: 228px!important;
        height: 103px!important;
    }
    .product-category-item a {
        font-size: 12px;
    }
    .product-category-item .category {
        width: 120px;
    }
    .review-info {
        width: 318px;
    }
    .review-info.slick-slide {
        margin: 16px;
        padding: 0;
    }
    .reviews .slick-dots {
        z-index: 10;
    }
    .all-news {
        display: block;
    } 
    .news .fresh-news .fresh-news-header {
        display: block;
    }
    .fresh-news-header.tablet {
        display: none!important;
        position: relative;
    }
    .main-slides div {
        margin-right: 0;
    }
    .news-content-block {
        padding: 45px 0px 45px 0px;
        margin: auto;
    }
    .special-block div:nth-child(3) .special .special-product-1 {
        right: -100px;
        top: 420px;
    }
    .special-block div:nth-child(3) .special .special-product-2 {
        right: -41px;
        top: 365px;
    }
    .special-block div:nth-child(1) .special-background-eye img{
        width: 116%;
        height: 190px;
    }
    .special-block div:nth-child(3) .special .special-product-2 img{
        height: auto;
    }
   .special-block div:nth-child(2) .special-background-eye img:nth-child(2) {
        bottom: -60px;
        width: 290px;
        top: unset;
    }
   .special-block div:nth-child(4){
    }
    .special-block div:nth-child(4) .special-background-eye img:nth-child(2) {
        bottom: -60px;
        top: unset;
    }
    .special-block div:nth-child(4) .special-background-eye img:nth-child(1) {
        padding-top: 5px;
    }
    .special-block div:nth-child(4) .special-background-eye img {
        width: 100%;
    }
    .special-block div:nth-child(2) .special-background-eye img:nth-child(1) {
        padding-top: 25px;
    }
    .special-block {
        margin-bottom: 85px!important;
    }
  .main-page-slider {
    margin-top: -352px;
      margin-left: 43px;
  }
  .banner-new-link {
    height: 560px;
  }
}
@media screen and (max-width: 420px) {
    .main-body .background,
    .main-body .background.day {
        background-position: -30px 166px;
        background-size: 200% auto;
    }
}