/* Start:/local/templates/primapremium_copy/components/bitrix/menu/index_horizontal1/style.min.css?172422118010544*/
.bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:var(--ui-font-weight-bold);display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:56px;margin-left:-10px}.bx-top-nav-container>ul{box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:var(--ui-font-weight-bold);border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700 !important}.bx-opened .bx-footer,.bx-opened .workarea{display:none !important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo,.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:47px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:37px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}}
/* End */
/* Start:/local/templates/primapremium_copy/components/bitrix/menu/store_v3_swipe_dark2/style.css?17180304162540*/
.menu-main {
display: block;
padding-left: 16px;
padding-top: 5px;
margin: 5px 0 35px;
width: 100%;
list-style: none;
}
.menu-swipe-btn {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
}
.menu-swipe-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 100vh;
pointer-events: none;
z-index: 190;
background: rgba(0, 0, 0, 0.5);
transition: opacity 170ms ease;
opacity: 0;
}
.menu-swipe-container.opened .menu-swipe-overlay {
opacity: 1;
pointer-events: auto;
}
.menu-swipe-container.opened {}
.menu-swipe-items-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-height: 100vh;
box-sizing: border-box;
z-index: 195;
width: 0;
transition: width 170ms ease;
max-width: 275px;
}
.menu-swipe-container.opened .menu-swipe-items-container {
width: calc(100% - 100px);
}
.menu-swipe-items-scroll-block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 100vh;
box-sizing: border-box;
overflow-y: auto;
}
.menu-swipe-items {
display: block;
padding: 0;
margin: 0;
}
.menu-swipe-item {
display: block;
padding: 0 0 0 17px;
margin: 0;
}
.menu-swipe-item-link {
padding: 0 17px 0 0;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
min-height: 40px;
text-decoration: none !important;
vertical-align: middle;
}
.menu-swipe-item-text {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
color: #121212;
opacity: 0.6;
}
.menu-swipe-item:active,
.menu-swipe-item:hover,
.menu-swipe-item.selected .menu-swipe-item-text { opacity: 1; }
.menu-swipe-item-angle {
display: block;
transform: rotate(-45deg);
border-bottom: 1px solid;
border-right: 1px solid;
color: #121212;
opacity: 0.6;
width: 7px;
height: 7px;
}
.menu-swipe-close-btn {
position: absolute;
right: calc(0 - 19px - 38px);
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.4);
box-sizing: border-box;
border-radius: 50%;
top:15px;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
transition: right 170ms ease;
opacity: 0;
display: none;
}
.menu-swipe-container.opened .menu-swipe-close-btn {
right: calc(100% + 19px);
opacity: 1;
display: flex;
}
.menu-swipe-items-scroll-block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 100vh;
box-sizing: border-box;
overflow-y: auto;
/* background-color: #f3f3f3; */
color: white;
}
/* End */
/* Start:/local/templates/primapremium_copy/components/bitrix/news.list/flat/style.css?17144851514003*/
.bx-newslist {}
.bx-newslist-block {
padding: 0 14px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.bx-newslist .bx-newslist-container:nth-child(3n+1) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.bx-newslist .bx-newslist-container:nth-child(2n+1) {
clear: both;
}
}
/* POST FORMATS */
.bx-newslist-img,
.bx-newslist-audio,
.bx-newslist-youtube,
.bx-newslist-slider {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.bx-newslist-slider img,
.bx-newslist-img img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%
}
.bx-newslist-video {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0.7;
z-index: 1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
background: url("/local/templates/primapremium_copy/components/bitrix/news.list/flat/images/bx-video.png") no-repeat center;
}
.bx-newslist-video:hover {
opacity: 1;
}
/* POST FORMATS /// SLIDER */
.bx-newslist-slider {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.bx-newslist-slider-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.bx-newslist-slider-slide {
float: left;
z-index: 100;
}
.bx-newslist-slider-arrow-container-left,
.bx-newslist-slider-arrow-container-right {
position: absolute;
top: 0;
bottom: 0;
width: 15%;
cursor: pointer;
}
.bx-newslist-slider-arrow-container-left {
left: 0;
}
.bx-newslist-slider-arrow-container-right {
right: 0;
}
.bx-newslist-slider-arrow {
position: absolute;
line-height: 34px;
vertical-align: middle;
color: #fff;
cursor: pointer;
font-size: 48px;
height: 48px;
width: 20px;
top: 50%;
margin-top: -24px;
z-index: 110;
opacity: .5;
text-shadow:0 0 2px rgba(0,0,0,.5);
}
.bx-newslist-slider-arrow-container-left:hover .bx-newslist-slider-arrow,
.bx-newslist-slider-arrow-container-right:hover .bx-newslist-slider-arrow {
color: #FFF;
display: block;
opacity: 1;
}
.bx-newslist-slider-arrow-container-left .bx-newslist-slider-arrow {
left: 20px;
}
.bx-newslist-slider-arrow-container-right .bx-newslist-slider-arrow {
right: 20px;
}
.bx-newslist-slider-control {
margin: 0;
padding: 0;
position: absolute;
width: 100%;
bottom: 10px;
z-index: 110;
text-align: center;
word-spacing: -4px;
}
.bx-newslist-slider-control li {
display: inline-block;
border-radius: 50%;
background: #fff;
width: 10px;
height: 10px;
word-spacing: -4px;
margin: 0 3px;
opacity: .5;
}
.bx-newslist-slider-control li:hover,
.bx-newslist-slider-control li.current {
background: #FFF;
opacity: 1;
}
bx-newslist-slider-arrow,
.bx-newslist-slider-control li {
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.bx-newslist-title,
.bx-newslist-title a {
color: #000;
margin: 0;
padding: 2px 0 15px;
font-size: 18px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.bx-newslist-title a:hover {
text-decoration: none;
border-bottom-color: transparent;
}
.bx-lg .bx-newslist-title {
font-size: 24pt;
}
.bx-md .bx-newslist-title {
font-size: 20pt;
}
.bx-xs .bx-newslist-title {
font-size: 18pt;
}
.bx-newslist-view,
.bx-newslist-date,
.bx-newslist-comments,
.bx-newslist-author,
.bx-newslist-other {
color: #a4a4a4;
display: flex;
font-size: 13px;
padding-bottom: 5px;
/* white-space: wrap; */
flex-direction: column;
}
.bx-newslist-view i.fa,
.bx-newslist-date i.fa,
.bx-newslist-comments i.fa,
.bx-newslist-author i.fa,
.bx-newslist-tags i.fa,
.bx-newslist-other i.fa {
width: 13px;
color: #b4b4b4;
}
.bx-newslist-tags {
color: #a4a4a4;
font-size: 13px;
padding-bottom: 5px;
}
.bx-newslist-content {
font-size: 14px;
margin-bottom: 5px;
}
.bx-newslist-more {
margin-top: 5px;
margin-bottom: 5px;
}
/* End */
/* Start:/local/templates/primapremium_copy/components/bitrix/news.list/flat/themes/blue/style.min.css?1711872411205*/
.bx-newslist .fa.bx-star-active{color:#1485ce}.bx-newslist .btn{background-color:#1485ce;border-color:#1485ce}.bx-newslist .btn:active,.bx-newslist .btn:hover{background-color:#53a4d8;border-color:#53a4d8}
/* End */
/* Start:/local/templates/primapremium_copy/styles.css?172588195674545*/
/* ------------------------------------------------------------
Template Name: Moo Slider
Description: Moo Slider - A Modern Image Slider with Advanced Effects.
Template URI: https://maindustries.in/mooslider
Version: 1.0
Author: Alteen
------------------------------------------------------------- */
/* CSS INDEX ------------------------------------------------
1. General CSS
2. Header
3. Carousel
4. Navigation Arrows
5. Buttons
6. Next click slider effect
7. Previous click slider effect
8. Item detail effect
9. Media queries
*/
@import url('/local/templates/primapremium_copy/overdozesans.ttf');
:root{
--item1-transform: translateX(-100%) translateY(-5%) scale(1.5);
--item1-filter: blur(3rem);
--item1-zIndex: 11;
--item1-opacity: 0;
--item2-transform: translateX(0);
--item2-filter: blur(0rem);
--item2-zIndex: 10;
--item2-opacity: 1;
--item3-transform: translate(50%,10%) scale(0.8);
--item3-filter: blur(1rem);
--item3-zIndex: 9;
--item3-opacity: 1;
--item4-transform: translate(90%,20%) scale(0.5);
--item4-filter: blur(3rem);
--item4-zIndex: 8;
--item4-opacity: 1;
--item5-transform: translate(120%,30%) scale(0.3);
--item5-filter: blur(4rem);
--item5-zIndex: 7;
--item5-opacity: 0;
}
/* ********************************
1. General CSS
******************************** */
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-family: "Dudu Cyryllic", sans-serif;
color: #333;
margin: 0;
background-image: url(/upload/images/vecteezy.png),linear-gradient(70deg, #082096, #6c20b1);
z-index: 101;
}
a {
text-decoration: none;
}
ul {
list-style: none;
}
*:focus {
outline: none;
box-shadow: 0 0 0 0.2rem hsla(277, 82%, 59%, 0.664);
}
@font-face {
font-family: 'Overdose Sans';
src: url('/local/templates/primapremium/overdozesans.otf') format('opentype');
}
@font-face {
font-family: "Overdose Sans";
src: url("/local/templates/primapremium/overdozesans.ttf");
}
@font-face {
font-family: "Dudu Cyryllic";
src: url("/local/templates/primapremium/DuduCyrillic-BrWw.ttf");
}
/* ********************************
2. Header
******************************** */
/* Below 992px (Tablets) */
@media screen and (max-width: 62em){
.header {
padding-top: 20px;
display: flex;
/* justify-content: space-between;*/
flex-direction: column;
align-items: center;
width: 114rem;
height: 9.6rem;
max-width: 90%;
margin: auto;
position: relative;
z-index: 999;
}
.menu-phone-container{
display: flex;
padding-top: 15px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
}
@media screen and (min-width: 62em){
.header {
display: flex;
justify-content: space-between;
align-items: center;
width: 114rem;
height: 9.6rem;
max-width: 90%;
margin: auto auto 60px auto;
position: relative;
z-index: 999;
top: 30px;
}
}
/* .neurocourse__timer {
background-color: rgba(255, 255, 255, .2);
border-radius: 8px;
padding: 6px 12px;
font-size: 16px;
font-style: normal;
font-weight: 400;
display: flex;
gap: 4px;
white-space: nowrap;
}*/
.logo-prima-container{
display: flex;
align-items: center;
}
.logo-prima {
margin-right: 10px;
/* margin-left: 10px; */
}
.logo {
font-size: 3rem;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
font-family: "Dudu Cyryllic", sans-serif;
}
.logo span {
color: #f52eab;
font-family: "Dudu Cyryllic", sans-serif;
}
.logo-block{
display: flex;
margin-top: -10px;
}
.logo-text {
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
padding-top: 3px;
}
.logo-stars {
}
.back-index{
display: flex;
position: relative;
padding-bottom: 10px;
justify-content: center;
}
.menu-index-container{
display: flex;
position: relative;
padding-bottom: 10px;
}
.menu-phone-container{
display: flex;
/* padding-top: 5px; */
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.phone-container{
align-items: center;
display: flex;
/* padding-top: 5px; */
padding-right: 10px;
}
.phone-container-icon{
display: flex;
/* padding-top: 5px; */
}
.icon_phone-container{
/* padding-bottom: 20px; */
width: 40px;
height: 40px;
}
.icon_soc-container2{
/* padding-bottom: 20px; */
width: 35px;
height: 35px;
margin-left: 5px;
margin-right: 5px;
}
.icon_soc-container3{
/* padding-bottom: 20px; */
width: 40px;
height: 40px;
margin-right: 5px;
}
.phone-container-phone{
font-family: "Yanone Kaffeesatz", sans-serif;
font-size: 14px;
font-weight: 600;
display: flex;
color: #ffffff;
/* padding-top: 5px; */
}
.menu-container{
display: flex;
/* padding-top: 5px; */
}
.bx-newslist-block {
padding: 0 0px;
margin-bottom: 40px;
border-radius: 20px;
border: solid;
border-color: #2b0349;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
background: linear-gradient(to right, #69119f, #39106a);
/* padding-top: 5px; background-image: url(/upload/images/texture-card3.png);background-size: 100px auto;*/
}
.bx-newslist-block:hover {
padding: 0 0px;
margin-bottom: 40px;
border-radius: 20px;
border: solid;
border-color: #9e1fff;
box-shadow: 0 14px 23px 0 rgba(30, 30, 30, 0.44);
background: linear-gradient(to right, #69119f, #39106a);
/* padding-top: 5px; background-image: url(/upload/images/texture-card2.png);*/
}
.bx-newslist-title, .bx-newslist-title a {
text-align: center;
display: flex;
color: #f3f3f3;
margin: 0;
padding: 2px 0 15px;
font-size: 18px;
font-family: "Dudu Cyryllic", sans-serif;
font-weight: var(--ui-font-weight-semi-bold, 600);
justify-content: center;
}
.bx-newslist-content {
text-align: center;
display: flex;
font-size: 14px;
color: aliceblue;
margin-bottom: 5px;
justify-content: center;
padding: 0px 10px;
}
.bx-newslist-slider img, .bx-newslist-img img {
border-radius: 20px 20px 0px 0px;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
.bx-newslist-more {
display: flex;
margin-top: 15px;
margin-bottom: 15px;
justify-content: center;
}
@media screen and (min-width: 62em){
/*ЗÐГÐЛОВОК ГЛÐÐÐЯ(Ð´Ð»Ñ ÐºÐ°Ñ‚ÐµÐ³Ð¾Ñ€Ð¸Ð¹)*/
.categori-zag-index{
z-index: 99;
position: relative;
font-family: 'Overdose', sans-serif;
font-size: 48px;
padding-top: 0px;
color: aliceblue;
Text-align: center;
font-weight: 600;
letter-spacing: 1px;
/* box-shadow: 0px -15px 15px 0px #000000;*/
}
}
@media screen and (max-width: 62em){
/*ЗÐГÐЛОВОК ГЛÐÐÐЯ(Ð´Ð»Ñ ÐºÐ°Ñ‚ÐµÐ³Ð¾Ñ€Ð¸Ð¹)*/
.categori-zag-index{
z-index: 99;
position: relative;
font-family: 'Rubik', sans-serif;
font-size: 48px;
padding-top: 70px;
color: aliceblue;
Text-align: center;
font-weight: 600;
letter-spacing: 1px;
/* box-shadow: 0px -15px 15px 0px #000000;*/
}
}
/*КÐТЕГОРИИ ТОП ГЛÐÐÐЯ(Ð´Ð»Ñ ÐºÐ°Ñ‚ÐµÐ³Ð¾Ñ€Ð¸Ð¹)*/
.categori-top-index{
/*background: #f8f8f8;*/
/*padding-right: 100px;*/
/* padding-left: 100px; */
padding-bottom: 50px;
z-index: 99;
padding-top: 80px;
display: block;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0px 15px 14px 0px #000000;
}
.bx-newsdetail-title, .bx-newsdetail-title a {
color: #fff;
margin: 0;
padding: 2px 0 15px;
font-size: 24px;
border-bottom: 0;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.bx-newsdetail-content {
margin: 5px;
color: aliceblue;
font-size: 16px;
margin-bottom: 5px;
}
.catalog-zag
{
Text-align: center;
}
.logobrand1 {
width: 135px;
height: 45px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
/*КОÐТЕÐТ ГЛÐÐÐЯ*/
.parent_text {
text-align: center;
}
.tabs {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.tabs>input[type="radio"] {
display: none;
}
.tabs>input[type="radio"]:checked+label {
padding-top: 10px;
background:linear-gradient(to right, rgb(40 7 62 / 66%), rgb(94 21 183 / 58%));
color: #00ffc4;
box-shadow: 0 14px 18px 0 rgba(49, 49, 49, 0.3);
}
.bx-newslist .btn:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.bx-newslist .btn{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 250px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
font-family: "Dudu Cyryllic", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.bx-newslist .btn:active {
color: #000
}
.bx-newslist .btn:active:after {
background: transparent;
}
.bx-newslist .btn:hover:before {
opacity: 1;
}
.bx-newslist .btn:after {
z-index: -1;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
.tabs>div {
/* Ñкрыть контент по умолчанию */
display: none;
padding: 10px 15px;
border-radius: 20px;
margin-top: 40px;
}
.ya-share2__popup {
z-index: 99;
position: relative;
}
.but-slide{
top: 10x;
position: relative;
display: flex;
justify-content: center;
}
/* отобразить контент, ÑвÑзанный Ñ Ð²Ð°Ð±Ñ€Ð°Ð½Ð½Ð¾Ð¹ радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6 {
display: block;
text-align: center;
}
.tabs>label {
padding-top: 10px;
position: relative;
width: 200px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.tabs>label:first-of-type {
margin-left: 0;
}
.content-index-container{
padding-top: 60px;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0px 15px 14px 0px #000000;
}
.active-zagolovok{
position: relative;
font-family: 'Rubik', sans-serif;
font-size: 48px;
padding-top: 80px;
Text-align: center;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 60px;
margin-top: 60px;
}
.basket-checkout-block-total-inner {
display: none;
max-width: 100%;
text-align: left;
}
.basket-checkout-block-total-price {
padding-left: 10px;
text-align: right;
display: none;
}
.basket-item-block-price {
display: none;
position: relative;
padding-top: 20px;
text-align: right;
white-space: nowrap;
}
.bx-newslist .btn:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.bx-newslist .btn{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 250px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
font-family: "Dudu Cyryllic", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.bx-newslist .btn:active {
color: #000
}
.bx-newslist .btn:active:after {
background: transparent;
}
.bx-newslist .btn:hover:before {
opacity: 1;
}
.bx-newslist .btn:after {
z-index: -1;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
.product-problock{
width: 92%;
margin-top: 10px;
display: flex;
position: absolute;
z-index: 99;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.product-timer {
font-weight: 500;
display: flex;
font-size: 12px;
color: #ffffff;
/* height: auto; */
/* width: auto; */
/* box-sizing: border-box; */
border: 2px solid transparent;
border-radius: 8px;
box-shadow: 0px 2px 2px 0px #15051e;
background-color: #4f0896;
padding: 3px 3px 3px 3px;
margin-left: 5px;
}
.product-sale {
font-weight: 600;
display: flex;
font-size: 12px;
color: #ffffff;
/* height: auto; */
/* width: auto; */
/* box-sizing: border-box; */
border: 2px solid transparent;
border-radius: 8px;
box-shadow: 0px 2px 2px 0px #15051e;
background-color: #4f0896;
padding: 3px 3px 3px 3px;
margin-right: 3px;
}
.product-sale-title {
font-family: 'Rubik', sans-serif;
/* -webkit-font-smoothing: antialiased; */
font-weight: 600;
/* display: flex; */
flex-direction: row;
font-size: 12px;
color: #ffffff;
padding-left: 3px;
}
.product-problock2{
width: 92%;
margin-top: -40px;
display: flex;
position: absolute;
z-index: 99;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.product-timer2 {
font-weight: 500;
display: flex;
font-size: 12px;
color: #ffffff;
/* height: auto; */
/* width: auto; */
/* box-sizing: border-box; */
border: 2px solid transparent;
border-radius: 8px;
box-shadow: 0px 2px 2px 0px #15051e;
background-color: #4f0896;
padding: 3px 3px 3px 3px;
margin-left: 5px;
}
.product-sale2 {
font-weight: 600;
display: flex;
font-size: 12px;
color: #ffffff;
/* height: auto; */
/* width: auto; */
/* box-sizing: border-box; */
border: 2px solid transparent;
border-radius: 8px;
box-shadow: 0px 2px 2px 0px #15051e;
background-color: #4f0896;
padding: 3px 3px 3px 3px;
margin-right: 3px;
}
.product-sale-title2 {
font-family: 'Rubik', sans-serif;
/* -webkit-font-smoothing: antialiased; */
font-weight: 600;
/* display: flex; */
flex-direction: row;
font-size: 12px;
color: #ffffff;
padding-left: 3px;
}
.bx-newslist-view, .bx-newslist-date, .bx-newslist-comments, .bx-newslist-author, .bx-newslist-other {
color: #a4a4a4;
display: none;
font-size: 13px;
padding-bottom: 5px;
/* white-space: wrap; */
flex-direction: column;
}
/* ********************************
3. Carousel
******************************** */
.carousel .showDetail
{
/* background-color: aqua; */
background-image: linear-gradient(70deg, #082096, #6c20b1);
z-index: 101;
}
.carousel {
margin-top: -9.6rem;
height: 80rem;
overflow: hidden;
position: relative;
background-image: linear-gradient(70deg, #082096, #6c20b1);
z-index: 101;
}
.carousel .list {
position: absolute;
top: 0;
left: 50%;
width: 114rem;
max-width: 90%;
height: 80%;
transform: translateX(-50%);
}
.carousel .list .item {
position: absolute;
left: 0;
top: 0;
width: 70%;
height: 100%;
font-size: 1.6rem;
}
.carousel .list .item img {
position: absolute;
width: 50%;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.carousel .list .item .detail {
opacity: 0;
pointer-events: none;
}
.carousel .list .item .intro {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40rem;
opacity: 0;
pointer-events: none;
}
.carousel .list .item:nth-child(2) .intro {
opacity: 1;
pointer-events: auto;
transition: opacity 0.5s;
}
.carousel .list .item:nth-child(n + 6) {
opacity: 0;
pointer-events: none;
}
.carousel .list .item:nth-child(2) {
opacity: var(--item2-opacity);
filter: var(--item2-filter);
transform: var(--item2-transform);
z-index: var(--item2-zIndex);
}
.carousel .list .item:nth-child(1) {
opacity: var(--item1-opacity);
filter: var(--item1-filter);
transform: var(--item1-transform);
z-index: var(--item1-zIndex);
pointer-events: none;
}
.carousel .list .item:nth-child(3) {
opacity: var(--item3-opacity);
filter: var(--item3-filter);
transform: var(--item3-transform);
z-index: var(--item3-zIndex);
}
.carousel .list .item:nth-child(4) {
opacity: var(--item4-opacity);
filter: var(--item4-filter);
transform: var(--item4-transform);
z-index: var(--item4-zIndex);
}
.carousel .list .item:nth-child(5) {
opacity: var(--item5-opacity);
filter: var(--item5-filter);
transform: var(--item5-transform);
z-index: var(--item5-zIndex);
pointer-events: none;
}
/* ********************************
4. Navigation Arrows
******************************** */
.arrows {
position: absolute;
width: 20rem;
max-width: 90%;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 0.5rem;
left: 50%;
bottom: 25%;
transform: translateX(-50%);
}
.arrows #prev,
.arrows #next,
.arrows #back {
font-size: 3.6rem;
font-family: Poppins;
cursor: pointer;
border: none;
color: hsla(0, 0%, 20%, 0.7);
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
width: 6rem;
height: 6rem;
border-radius: 50%;
transition: all 0.3s;
}
.arrows #prev:hover,
.arrows #next:hover,
.arrows #back:hover {
color: #333;
}
.arrows #back {
pointer-events: none;
opacity: 0;
}
.arrows #back span {
display: inline-block;
animation: move 1s infinite alternate;
}
@keyframes move {
0% {
transform: translateX(0rem);
}
100% {
transform: translateX(-1rem);
}
}
.carousel .list .item .intro .title {
font-weight: 500;
color: #ffffff;
}
.carousel .list .item .intro .topic {
font-family: "Yanone Kaffeesatz", sans-serif;
font-size: 4rem;
font-weight: 600;
margin-bottom: 1.2rem;
line-height: 1.1;
color: #ffffff;
}
.carousel .list .item:nth-child(2) .intro .description,
.carousel.showDetail .list .item:nth-child(2) .detail .description {
margin-bottom: 2.4rem;
color: #ffffff;
}
/* ********************************
5. Buttons
******************************** */
.seeMore:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.seeMore:active {
color: #000
}
.seeMore:active:after {
background: transparent;
}
.seeMore:hover:before {
opacity: 1;
}
.seeMore:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
.buynow:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.buynow:active {
color: #000
}
.buynow:active:after {
background: transparent;
}
.buynow:hover:before {
opacity: 1;
}
.buynow:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
.carousel .list .item .intro .seeMore, .detail {
position: relative;
padding: 1.2rem 2.4rem;
background: linear-gradient(to right, #aa3fec, #8430ea);
border: none;
border-radius: 3rem;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
}
.carousel .list .item:nth-child(2) .intro .title,
.carousel .list .item:nth-child(2) .intro .topic,
.carousel .list .item:nth-child(2) .intro .description,
.carousel .list .item:nth-child(2) .intro .seeMore {
opacity: 0;
animation: showContent 0.5s 0.7s ease-in-out 1 forwards;
}
@keyframes showContent{
from{
transform: translateY(5rem);
filter: blur(3rem);
}to{
transform: translateY(0);
opacity: 1;
filter: blur(0px);
}
}
.seeMore span {
font-family: 'Poppins';
}
.carousel .list .item:nth-child(2) .intro .topic {
animation-delay: 0.9s;
}
.carousel .list .item:nth-child(2) .intro .description {
animation-delay: 1.1s;
}
.carousel .list .item:nth-child(2) .intro .seeMore {
animation-delay: 1.3s;
}
/* ********************************
6. Next click slider effect
******************************** */
.carousel.next .list .item:nth-child(1) {
animation: positionItem2 0.5s ease-in-out 1 forwards;
}
@keyframes positionItem2 {
from{
transform: var(--item2-transform);
filter: var(--item2-filter);
opacity: var(--item2-opacity);
z-index: var(--item2-zIndex);
}
}
.carousel.next .list .item:nth-child(2){
animation: positionItem3 0.7s ease-in-out 1 forwards;
}
@keyframes positionItem3 {
from{
transform: var(--item3-transform);
filter: var(--item3-filter);
opacity: var(--item3-opacity);
z-index: var(--item3-zIndex);
}
}
.carousel.next .list .item:nth-child(3) {
animation: positionItem4 0.9s ease-in-out 1 forwards;
}
@keyframes positionItem4 {
from{
transform: var(--item4-transform);
filter: var(--item4-filter);
opacity: var(--item4-opacity);
z-index: var(--item4-zIndex);
}
}
.carousel.next .list .item:nth-child(4) {
animation: positionItem5 1.1s ease-in-out 1 forwards;
}
@keyframes positionItem5 {
from{
transform: var(--item5-transform);
filter: var(--item5-filter);
opacity: var(--item5-opacity);
z-index: var(--item5-zIndex);
}
}
/* ********************************
7. Previous click slider effect
******************************** */
.carousel.prev .list .item:nth-child(2) {
animation: positionItem1 0.5s ease-in-out 1 forwards;
}
@keyframes positionItem1 {
from {
transform: var(--item1-transform);
filter: var(--item1-filter);
opacity: var(--item1-opacity);
z-index: var(--item1-zIndex);
}
}
.carousel.prev .list .item:nth-child(3) {
animation: positionItem2 0.7s ease-in-out 1 forwards;
}
.carousel.prev .list .item:nth-child(4) {
animation: positionItem3 0.9s ease-in-out 1 forwards;
}
.carousel.prev .list .item:nth-child(5) {
animation: positionItem4 1.1s ease-in-out 1 forwards;
}
/* ********************************
8. Item detail effect
******************************** */
.carousel .list .item {
transition: left 0.5s, opacity 0.5s, width 0.5s;
}
.carousel.showDetail .list .item:nth-child(3),
.carousel.showDetail .list .item:nth-child(4) {
left: 100%;
opacity: 0;
pointer-events: none;
}
.carousel.showDetail .list .item:nth-child(2) {
width: 100%;
}
.carousel.showDetail .list .item:nth-child(2) .intro {
opacity: 0;
pointer-events: none;
}
.carousel .list .item:nth-child(2) img {
transition: right 0.5s;
}
.carousel.showDetail .list .item:nth-child(2) img {
right: 50%;
}
.carousel.showDetail .list .item:nth-child(2) .detail {
opacity: 1;
width: 45%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
pointer-events: auto;
}
.carousel.showDetail .list .item:nth-child(2) .detail .title {
font-size: 4rem;
font-weight: 500;
}
.carousel.showDetail .list .item:nth-child(2) .detail .description {
border-bottom: 1px solid #999;
padding-bottom: 2rem;
}
.carousel.showDetail .list .item:nth-child(2) .detail .specifications {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 3.2rem;
margin: 2rem 0 3.2rem;
}
.carousel.showDetail .list .item:nth-child(2) .detail .specifications div p:nth-child(1) {
font-weight: bold;
}
.carousel.showDetail .list .item:nth-child(2) .detail .title,
.carousel.showDetail .list .item:nth-child(2) .detail .description,
.carousel.showDetail .list .item:nth-child(2) .detail .specifications,
.carousel.showDetail .list .item:nth-child(2) .detail .buynow{
opacity: 0;
animation: showContent 0.5s 1s ease-in-out 1 forwards;
}
.carousel.showDetail .list .item:nth-child(2) .detail .description {
animation-delay: 1.2s;
}
.carousel.showDetail .list .item:nth-child(2) .detail .specifications{
animation-delay: 1.4s;
}
.carousel.showDetail .list .item:nth-child(2) .detail .buynow{
animation-delay: 1.6s;
}
.carousel.showDetail #next,
.carousel.showDetail #prev {
opacity: 0;
pointer-events: none;
}
.carousel.showDetail #back {
opacity: 1;
pointer-events: auto;
}
.carousel::before{
background-color: #8720b1;
content: '';
width: 100%;
height: 100%;
content: '';
background-image: linear-gradient(70deg, #4f0896, #8720b1);
position: absolute;
transition: 1s;
}
.carousel.showDetail::before{
transform: translate(-100%, -50%) rotate(90deg);
filter: blur(13rem);
}
/* ********************************
9. Media queries
******************************** */
/* Below 992px (Tablets) */
@media screen and (max-width: 62em){
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0px;
/* this padding is used to align the text */
padding-top: 70px;
text-align: center;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-hero-slider .cd-img-container img {
position: absolute;
left: 50%;
top: 30%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.carousel .list .item {
width: 90%;
}
}
/* Below 768px (Smaller tablets) */
@media screen and (max-width: 48em) {
html {
font-size: 58%;
}
.carousel .list .item {
width: 100%;
}
.carousel .list .item:nth-child(2) .intro {
width: 50%;
}
.carousel.showDetail .list .item:nth-child(2) .detail {
top: 20%;
transform: none;
}
.carousel.showDetail .list .item:nth-child(2) .detail .title {
font-size: 3.2rem;
}
}
/* Below 544px (Phones) */
@media screen and (max-width: 34em) {
html {
font-size: 55%;
}
.carousel {
height: 90rem;
}
.carousel .list {
top: -12%;
}
.carousel .list .item:nth-child(2) .intro, .carousel.showDetail .list .item:nth-child(2) .detail {
width: 100%;
top: 75%;
text-align: center;
transform: none;
}
.carousel .list .item img, .carousel.showDetail .list .item:nth-child(2) img {
right: 25%;
}
.carousel .list .item img, .carousel.showDetail .list .item:nth-child(2) .top-video {
right: 25%;
}
.carousel.showDetail .list .item:nth-child(2) .detail .specifications {
justify-content: space-evenly;
gap: 1.8rem;
}
.arrows {
position: relative;
top: 40%;
width: 48rem;
}
.arrows #back {
position: absolute;
top: 0%;
}
.carousel.showDetail::before{
filter: blur(15rem);
}
@-moz-document url-prefix() {
.carousel::before {
background: linear-gradient(to right, #aa3feca8, #8430ea93);
filter: blur(20rem);
transform: translate(-10%, -90%);
}
}
}
/* Below 384px (Phones) */
@media screen and (max-width: 24em) {
html {
font-size: 50%;
}
}
}
.top-video:before {
right: 50%;
}
.carousel.showDetail .list .item:nth-child(2) .top-video {
right: 50%;
}
.carousel .list .item:nth-child(2) .top-video {
transition: right 0.5s;
}
.carousel .list .item .top-video {
position: absolute;
width: 50%;
right: 0;
top: 50%;
transform: translateY(-50%);
}
/* 2 БЛОК */
.wrapper { z-index: 99;
position: relative;
display: flex;
justify-content: center;
margin-top: 80px;
margin-bottom: 80px;
}
.text {
width: 31ch;
color: white;
font-family: monospace;
font-size: 20px;
white-space: nowrap; /* не переноÑить текÑÑ‚ на другую Ñтроку */
overflow: hidden; /* Ñкрываем переполнение контентом */
border-right: 3px solid white; /* риÑуем курÑор */
animation: cursor 0.75s step-end infinite, printed_text 5s steps(29);
}
label {
color: beige;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
@keyframes cursor {
0% {
border-color: white;
}
50% {
border-color: transparent;
}
100% {
border-color: white;
}
}
@keyframes printed_text {
from {
width: 0;
}
}
/* 3 БЛОК */
/* Below 992px (Tablets) */
@media screen and (max-width: 62em){
.buynow {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 130px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
font-family: "Dudu Cyryllic", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
}
.bx-newsdetail-picta {
margin: 20px;
position: absolute;
display: flex;
/* flex-direction: column; */
/* flex-wrap: wrap; */
/* align-content: flex-end; */
/* justify-content: center; */
}
.bx-newsdetail-texta {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-top: 290px;
}
.HomepageAnonHeader_bg-btg1n {
display: none;
}
.phone{
display: none;
}
.part-container {
position: relative;
top: 300px;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
align-content: flex-start;
}
.cd-hero {
position: relative;
margin-top: 200px;
height: 600px;
width: 100%;
}
.body_container{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
align-items: center;
}
.body_ind1{
z-index: 99;
position: relative;
width: 500px;
height: auto;
margin: 20px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.body_ind1:hover {
z-index: 99;
transform: translateY(-5px);
box-shadow: 0 125px 80px rgba(23,58,105,.07), 0 81.0185px 46.8519px rgba(23,58,105,.053), 0 48.1481px 25.4815px rgba(23,58,105,.043), 0 25px 13px rgba(23,58,105,.035), 0 10.1852px 6.51852px rgba(23,58,105,.027), 0 2.31481px 3.14815px rgba(23,58,105,.017);
}
.body_ind3_2{
border: solid;
border-color: #9e1fff;
width: 350px;
height: 400px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 0px;
margin-left: 0px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
position: relative;
z-index: 2;
}
.body_ind3{
border: solid;
border-color: #9e1fff;
width: 350px;
height: 350px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 0px;
margin-left: 0px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
position: relative;
z-index: 2;
}
.title2 {
padding-left: 100px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
letter-spacing: -1px;
border-radius: 6px 6px 0 0;
position: relative;
}
.top-video{
position: relative;
width: 350px;
overflow: hidden;
flex-shrink: 0;
border-radius: 32px;
right: 0;
top: -20px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
/* margin: 20px;*/
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
}
.body_container1 {
display: flex;
flex-direction: column-reverse;
align-items: center;
margin-bottom: 100px;
}
.body_container2 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 100px;
}
}
.HomepageAnonTopics_bg-2\+kb7 {
display: none;
}
.footer-up {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 99;
padding-top: 50px;
height: auto;
box-shadow: 0px -5px 16px 0px #ac04e38c;
background-image: url(/images/back-foot.png);
background-size: auto;
background-color: linear-gradient(to right, #aa3feca8, #8430ea93);
align-items: center;
}
}
.timeline-content {
line-height: 20px;
width: 100%;
height: auto;
/* float: left; */
padding-top: 10px;
margin: 5px 0 0 0;
border-radius: 6px;
/* box-shadow: 0px 15px 14px 0px #a19f9f; */
}
.timeline-content2 {
display: flex;
/* line-height: 20px; */
width: 100%;
height: auto;
/* float: left; */
/* padding-top: 10px; */
/* margin: 5px 0 0 0; */
border-radius: 6px;
/* box-shadow: 0px 15px 14px 0px #a19f9f; */
}
.timeline-icon {
box-shadow: 0px 1px 19px 0px #ab05d5 inset;
border: 3px solid #b100dd;
z-index: 99;
/* color: aqua; */
border-radius: 100%;
width: 80px;
height: 80px;
position: relative;
background-color: #ffffff;
top: -30px;
left: 30px;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.program-icon-container{
display: flex;
}
.program-block1 {
display: flex;
align-items: center;
flex-direction: column;
align-content: center;
justify-content: space-around;
top: 30px;
left: 0px;
right: 0px;
z-index: 99;
position: relative;
}
.program-icon {
box-shadow: 0px 1px 19px 0px #ab05d5 inset;
border: 3px solid #b100dd;
z-index: 99;
/* color: aqua; */
border-radius: 100%;
width: 80px;
height: 80px;
position: relative;
background-color: #ffffff;
top: 0px;
left: 0px;
right: 0px;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.timeline-icon {
box-shadow: 0px 1px 19px 0px #ab05d5 inset;
border: 3px solid #b100dd;
z-index: 99;
/* color: aqua; */
border-radius: 100%;
width: 80px;
height: 80px;
position: absolute;
background-color: #ffffff;
top: -30px;
left: 10px;
right: 0px;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.program-text {
display: flex;
align-items: center;
flex-direction: column;
align-content: center;
justify-content: space-around;
top: 20px;
left: 0px;
right: 0px;
z-index: 99;
position: relative;
color: #ffffff;
padding: 0px 0 0 10px;
font-size: 12px;
border-bottom: 0;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
}
.icon_course{
padding-bottom: 20px;
width: 80px;
height: 80px;
}
.icon_course2 {
width: 80px;
height: 80px;
padding: 12px;
/* margin-bottom: 20px;*/
}
.timeline-body {
font-family: "Dudu Cyryllic", sans-serif;
padding: 15px;
margin: 10px;
font-size: 14px;
color: #ffffff;
background: #6f00d5;
border-radius: 6px;
box-shadow: 0px 0px 9px 0px #3e3e3e inset;
}
.timeline-footer {
padding: 5px 15px 15px 15px;
}
.timeline-btn:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.timeline-btn
{
/* width: 80%; */
/* max-width: 550px; */
margin: 1em auto;
/* padding: 1em; */
/* border-radius: 10px; */
background: rgb(92 20 171) radial-gradient(circle at 0 0, rgb(121 73 195 / 65%), rgb(126 93 223 / 35%));
box-shadow: inset rgb(19 17 40 / 38%) -3px -3px 8px, inset rgb(166 81 219 / 90%) 3px 3px 8px, rgb(132 20 255 / 80%) 3px 3px 8px -3px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 150px;
height: 40px;
/* background: linear-gradient(to right, #aa3feca8, #8430ea93); */
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
}
.timeline-btn:active {
color: #000
}
.timeline-btn:active:after {
background: transparent;
}
.timeline-btn:hover:before {
opacity: 1;
}
.timeline-btn:after {
z-index: -1;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
/* Базовые Ñтили ÑÐ»Ð¾Ñ Ð·Ð°Ñ‚ÐµÐ¼Ð½ÐµÐ½Ð¸Ñ Ð¸ модального окна */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон Ð·Ð°Ñ‚ÐµÐ¼Ð½ÐµÐ½Ð¸Ñ */
background-color: rgb(51 4 74 / 91%);
opacity: 0;
position: fixed; /* фикÑированное поцизионирование */
cursor: default; /* тип курÑара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
z-index: 100;
visibility: visible;
opacity: 1;
background-image: url(/upload/images/purple-wallpapers-that-are-purple-iphone.jpg);
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: 10&;
width: 100%;
height: auto;
/* Ñкругление углов вÑтроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* вÑтроенные Ñлементы м-медиа, фреймы */
embed, iframe {
height: 300px;
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
.popup h1 { /* заголовок 1 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* заголовок 2 */
padding-left: 50px;
padding-top: 50px;
color: #ffffff;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/*** Формируем Ñтили модального окна ***/
.popup {
bottom: 10px;
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 102;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
height: auto;
min-width: 320px;
max-width: 600px;
/* фикÑированное позиционирование, окно Ñтабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #7c29b5;
/* Ñкругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 6px;
background: linear-gradient(to right, #aa3fec, #8430ea);
color: aliceblue;
/* внешнÑÑ Ñ‚ÐµÐ½ÑŒ блока */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* Ð¿Ð¾Ð»Ð½Ð°Ñ Ð¿Ñ€Ð¾Ð·Ñ€Ð°Ñ‡Ð½Ð¾ÑÑ‚ÑŒ окна, поÑвление при клике */
opacity: 0;
/* Ñффект перехода (поÑвление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.popup-body1{
background-color: #6f00d5;
border-radius: 6px;
box-shadow: 0px 0px 9px 0px #3e3e3e inset;
}
.popup-body2{
background-color: #6f00d5;
border-radius: 6px;
box-shadow: 0px 0px 9px 0px #3e3e3e inset;
}
.popup-body3{
background-color: #6f00d5;
border-radius: 6px;
box-shadow: 0px 0px 9px 0px #3e3e3e inset;
}
.popup-footer-btn{
padding-bottom: 10px;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.popup-footer{
padding-top: 10px;
padding-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.slider-footer{
padding-top: 10px;
display: flex;
flex-direction: row;
justify-content: center;
}
.btn-slider-footer{
padding-left: 10px;
display: flex;
flex-direction: row;
justify-content: space-around;
}
.popup-footer-vnutr{/* width: 80%; */
/* max-width: 550px; */
margin: 1em auto;
/* padding: 1em; */
/* border-radius: 10px; */
background: rgb(92 20 171) radial-gradient(circle at 0 0, rgb(121 73 195 / 65%), rgb(126 93 223 / 35%));
box-shadow: inset rgb(19 17 40 / 38%) -3px -3px 8px, inset rgb(166 81 219 / 90%) 3px 3px 8px, rgb(132 20 255 / 80%) 3px 3px 8px -3px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 150px;
height: 40px;
/* background: linear-gradient(to right, #aa3feca8, #8430ea93); */
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;}
.popup-btn:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left: -2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.popup-btn{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 250px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.popup-btn:active {
color: #000
}
.popupe-btn:active:after {
background: transparent;
}
.popup-btn:hover:before {
opacity: 1;
}
.popup-btn:after {
z-index: -1;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
/* активируем поÑвление окна и затемнение фона */
.overlay:target+.popup {
top: 7%; /* положение окна от верха Ñтраницы при поÑвлении */
visibility: visible;
opacity: 1; /* убираем прозрачноÑÑ‚ÑŒ */
}
/* формируем кнопку Ð·Ð°ÐºÑ€Ñ‹Ñ‚Ð¸Ñ */
.close {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
/* задаём Ð·Ð½Ð°Ñ‡ÐµÐ½Ð¸Ñ Ð¸ Ñффект перехода при наведении */
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
/* крутим кнопку при наведении */
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
/* опционально при добавлении вложений */
.popup p, .popup div {
margin-bottom: 10px;
}
/* button */
.sidebar {
position: fixed;
top: 0;
right: -100px; /* Ðачальное положение окна за пределами Ñкрана */
width: calc(66.666%); /* 2/3 Ñкрана по ширине */
height: 100vh; /* 100% выÑоты Ñкрана */
background-color: #f1f1f1;
transition: right 0.5s ease-in-out; /* Плавное движение окна */
}
.share-window-parent {
position: relative;
}
.share-delit-container{
display: none;
margin-left: 40px;
margin-top: 20px;
}
.share-delit-parent{
color: #00a2df;
}
@media screen and (min-width: 62em){
.b24-form-click-btn {
top: 0px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 150px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93) !important;
left: 0px;
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px !important;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3) !important;
/* color: rgb(255, 255, 255); */
border-color: rgb(103, 58, 182) !important;
/* background-color: rgb(103, 58, 182); */
}
.buynow{
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 150px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin-right: 20px;
font-family: "Dudu Cyryllic", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.bx-newsdetail-picta{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-end;
justify-content: center;
}
.bx-newsdetail-texta {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-bottom: 70px;
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
/* this padding is used to align the text */
padding-top: 100px;
text-align: center;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-hero {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-hero-slider .cd-img-container img {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.HomepageAnonHeader_bg-btg1n {
bottom: -850px;
position: absolute;
right: 145px;
width: 596px;
z-index: 1;
}
.body_container {
display: flex;
flex-direction: column;
}
.body_ind1{
z-index: 99;
position: relative;
width: 500px;
height: auto;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
margin-left: 0px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.body_ind1:hover {
z-index: 99;
transform: translateY(-5px);
box-shadow: 0 125px 80px rgba(23,58,105,.07), 0 81.0185px 46.8519px rgba(23,58,105,.053), 0 48.1481px 25.4815px rgba(23,58,105,.043), 0 25px 13px rgba(23,58,105,.035), 0 10.1852px 6.51852px rgba(23,58,105,.027), 0 2.31481px 3.14815px rgba(23,58,105,.017);
}
.body_ind2{
display: flex;
justify-content: right;
z-index: 99;
position: relative;
width: 500px;
height: auto;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
margin-left: 500px;
margin-top: 0px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.body_ind3{
border: solid;
border-color: #9e1fff;
width: 500px;
height: auto;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
margin-left: 80px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
position: relative;
z-index: 2;
}
.body_ind4{
display: flex;
justify-content: left;
z-index: 99;
position: relative;
width: 500px;
height: auto;
/* margin: 20px; */
margin-left: 0px;
margin-top: 60px;
margin-bottom: 100px;
border-radius: 20px;
}
.body_ind3_2{
border: solid;
border-color: #9e1fff;
width: 500px;
height: auto;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
margin-left: 0px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
position: relative;
z-index: 2;
}
.body_ind4_2{
display: flex;
justify-content: left;
z-index: 99;
position: relative;
width: 500px;
height: auto;
/* margin: 20px; */
margin-left: 60px;
margin-top: 60px;
margin-bottom: 100px;
border-radius: 20px;
}
.title2 {
padding-left: 100px;
margin-top: 10px;
margin-bottom: 10px;
padding-right: 15px;
font-size: 20px;
color: #fff;
text-transform: uppercase;
letter-spacing: -1px;
border-radius: 6px 6px 0 0;
position: relative;
}
.top-video{
max-width: 651px;
position: absolute;
width: 100%;
overflow: hidden;
flex-shrink: 0;
border-radius: 32px;
right: 0;
top: -20px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
/* margin: 20px; */
margin-left: 0px;
margin-top: 0px;
margin-bottom: 100px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.body_container1 {
display: flex;
flex-direction: row;
}
.body_container2 {
display: flex;
flex-direction: row;
}
.HomepageAnonTopics_bg-2\+kb7 {
z-index: 1;
bottom: -1200px;
position: absolute;
left: -30px;
width: 900px;
}
.part-container{
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
align-content: flex-start;
}
}
.bx-newsdetail-new{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-end;
justify-content: center;
}
a:hover{
color: blanchedalmond;
text-decoration: none;
}
/* 4 БЛОК */
.phone {
background-color: #fff;
border: 5px solid black;
border-radius: 25px;
box-shadow: 0 0.9px 2.2px rgba(0, 0, 0, 0.039),
0 2.2px 5.3px rgba(0, 0, 0, 0.048), 0 4.1px 10px rgba(0, 0, 0, 0.052),
0 7.4px 17.9px rgba(0, 0, 0, 0.057), 0 13.8px 33.4px rgba(0, 0, 0, 0.067),
0 33px 80px rgba(0, 0, 0, 0.11);
height: 250px;
bottom: 20px;
overflow: hidden;
position: fixed;
z-index: 100;
width: 160px;
left: 20px;
}
.image {
position: absolute;
}
.menu {
align-items: center;
background-color: #303235;
clip-path: polygon(81.05% 9.1%, 92% 9.1%, 92% 10.1%, 81.05% 10.1%);
color: #f2f2f2;
display: flex;
flex-direction: column;
font-family: sans-serif;
font-size: 28px;
height: 100%;
position: absolute;
top: 0;
transition: clip-path 400ms cubic-bezier(0.4, 0, 0.2, 1),
background-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
}
.active .menu {
background-color: #e07a8d;
clip-path: polygon(101% -1%, 101% 101%, -1% 101%, -1% -1%);
}
.options {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 60px;
transform: scale(0.8);
transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.option {
cursor: pointer;
margin: 8px 0;
}
.option.selected {
color: #a02f56;
}
.active .options {
transform: scale(1);
}
.x {
pointer-events: none;
position: absolute;
top: 0;
}
.top-bars {
stroke: #303235;
transition: stroke 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.active .top-bars {
stroke: #f2f2f2;
}
.bar {
transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.bar1 {
transform-origin: 190px 20.5px;
}
.bar2 {
transform-origin: 190px 28.5px;
}
.active .bar1 {
transform: translateY(8.6px) rotate(45deg);
}
.active .bar2 {
transform: rotate(-45deg);
}
.menu-click-area {
cursor: pointer;
height: 40px;
opacity: 0.3;
position: absolute;
right: 10px;
top: 10px;
width: 40px;
}
/*ПОДВÐЛ*/
@media screen and (min-width: 62em){
.footer-up {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
position: relative;
z-index: 99;
padding-top: 50px;
height: auto;
/* box-shadow: 0px -5px 16px 0px #ac04e38c;*/
background-image: url("/images/back-foot.png");
background-size: auto;
background-color: linear-gradient(to right, #aa3feca8, #8430ea93);
}
.footer-up-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
color: #cccccc;
font-size: 16px;
padding-top: 10px;
padding-left: 30px;
padding-bottom: 30px;
justify-content: flex-start;
align-items: center;
}
.footer-up-center{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
/* margin-bottom: 30px; */
/* margin-top: 30px; */
color: #cccccc;
font-size: 16px;
align-items: center;
justify-content: center;
}
@font-face {
font-family: Overdose Sans; /*вмеÑто test пишем название нашего шрифта*/
src: url(/local/templates/primapremium_copy/overdozesans.ttf); /*внутри Ñкобок пропиÑываем путь к файлу шрифта*/}
.footer-up-right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 30px;
color: #cccccc;
font-size: 16px;
justify-content: flex-end;
align-items: center;
}
}
.b24-form-dropdown-container {
position: relative;
z-index: 200;
min-width: 100%;
max-height: 200px!important;
overflow-y: auto;
background-color: #fff;
background-color: var(--b24-popup-background-color);
-webkit-box-shadow: 0 6px 21px rgba(0, 0, 0, 0.5);
box-shadow: 0 6px 21px rgba(0, 0, 0, 0.5);
border-radius: 0 0 4px 4px;
}
/* Below 992px (Tablets) */
@media screen and (max-width: 62em){
.b24-form-click-btn {
top: 0px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 150px;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93)!important;
left: 10px;
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px!important;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3)!important;
/* color: rgb(255, 255, 255); */
border-color: rgb(103, 58, 182)!important;
/* background-color: rgb(103, 58, 182); */
}
.footer-up {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 99;
padding-top: 50px;
height: auto;
/* box-shadow: 0px -5px 16px 0px #ac04e38c;*/
background-image: url(/images/back-foot.png);
background-size: auto;
background-color: linear-gradient(to right, #aa3feca8, #8430ea93);
align-items: center;
}
.footer-up-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
color: #cccccc;
font-size: 16px;
padding-top: 10px;
padding-bottom: 30px;
justify-content: flex-start;
align-items: center;
}
.footer-up-center{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
/* margin-bottom: 30px; */
/* margin-top: 30px; */
color: #cccccc;
font-size: 16px;
align-items: center;
justify-content: center;
}
.footer-up-right{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
position: relative;
padding-top: 10px;
padding-bottom: 30px;
color: #cccccc;
font-size: 16px;
justify-content: flex-end;
align-items: center;
}
}
.b24-window-popup-wrapper .b24-window-scrollable {
/* max-height: 85vh; */
}
.bx-newsdetail-slider img, .bx-newsdetail-img img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
border-radius: 20px;
box-shadow: 0 14px 18px 0 rgba(0,0,0,.3);
}
.buynow2{
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: auto;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
/* margin-right: 20px; */
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.buynow2:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.buynow2:active {
color: #000
}
.buynow2:active:after {
background: transparent;
}
.buynow2:hover:before {
opacity: 1;
}
.buynow2:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
.buynow3{
margin-top: 100px;
padding-left: 20px;
padding-right: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: auto;
height: 40px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
/* margin-right: 20px; */
font-family: "Yanone Kaffeesatz", sans-serif;
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
color: #fff;
cursor: pointer;
box-shadow: 0 4px 18px 0 rgba(0,0,0,.3);
}
.buynow3:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}
.buynow3:active {
color: #000
}
.buynow3:active:after {
background: transparent;
}
.buynow3:hover:before {
opacity: 1;
}
.buynow3:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
background-size: 400%;
left: 0;
top: 0;
border-radius: 10px;
}
.b24-form-dropdown-container {
position: absolute;
z-index: 20;
min-width: 100%;
max-height: 400px;
overflow-y: auto;
background-color: rgb(77 0 159)!important;
-webkit-box-shadow: 0 6px 21px rgba(0, 0, 0, 0.5);
box-shadow: 0 6px 21px rgba(0, 0, 0, 0.5);
border-radius: 0 0 4px 4px;
}
.b24-form-header{
display: none;
}
.b24-form-header-title{
display: none;
}
.b24-form-header-description
{
display: none;
}
.b24-form-control-list-selector-item {
width: 100%;
border-bottom: 1px solid rgb(247 11 11);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #fff;
background-color: rgb(193 2 2);
padding: 11px;
cursor: pointer;
-webkit-transition: 250ms linear all;
-o-transition: 250ms linear all;
transition: 250ms linear all;
}
.b24-form-dark {
--b24-primary-color: rgba(211, 0, 214, 1);
--b24-primary-text-color: rgb(189 4 4);
--b24-text-color: rgba(255, 255, 255, 1);
--b24-background-color: rgba(219, 219, 219, 0);
--b24-field-border-color: rgba(0, 0, 0, 0.09);
--b24-field-background-color: rgb(132 58 211 / 89%);
--b24-field-focus-background-color: rgba(129, 25, 164, 1);
--b24-popup-background-color: rgba(219, 219, 219, 1);
--b24-primary-hover-color: rgb(85 24 86 / 70%);
}
.textblock1 {
display: flex;
flex-direction: column;
position: relative;
margin-top: 80px;
margin-bottom: 80px;
}
.textblock {
display: flex;
flex-direction: column;
position: relative;
margin-top: -50px;
margin-bottom: 40px;
}
.text2 {
font-family: "Overdose Sans", sans-serif;
font-weight: bold;
text-align: center;
color: white;
/* font-family: monospace; */
font-size: 60px;
margin-top: 0px;
}
.texter5 {
position: relative;
margin-top: 30px;
margin-bottom: -40px;
font-weight: bold;
text-align: center;
color: white;
font-family: "Dudu Cyryllic", sans-serif;
font-size: 20px;
line-height: 1.2;
}
/*ВТОРОЙ СЛÐЙДЕР*/
.slider-shadow2 {
top: -150px;
/* margin-bottom: 60px;
z-index: 98;
/* display: flex; */
align-items: center;
justify-content: center;
position: relative;
padding-top: 0px;
/* box-shadow: 0px -10px 14px 0px #202020; */
}
.cd-full-width1 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cd-half-width1{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.bx-flat-filter{
width: 100%;
min-width: 220px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
margin-bottom: 20px;
}
.yashare{
margin-bottom: 30px;
display: flex;
position: relative;
padding-top: 10px;
padding-left: 25px;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
}
.yashare2 {
display: flex;
position: relative;
/* padding-top: 10px; */
padding-left: 5px;
padding-bottom: 20px;
flex-direction: row;
justify-content: center;
flex-wrap: nowrap;
}
/*Фильтр по программам ÐККÐРДЕОÐ*/
.acor-container {
margin: 20px 0;
}
.acor-container .acor-body {
width: calc(100% - 40px);
margin: 0 auto;
height: 0;
color: rgba(0, 0, 0, 0);
line-height: 18px;
padding: 0 30px;
box-sizing: border-box;
transition: color 0.5s, padding 0.5s;
overflow: hidden;
font-size: 16px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
margin: 0 0 10px;
}
.acor-container label {
cursor: pointer;
border-radius: 20px;
display: block;
padding: 15px 20px;
width: 100%;
color: #FFF;
font-weight: 300;
box-sizing: border-box;
z-index: 100;
font-size: 18px;
margin: 0 0 5px;
transition: color .35s;
background: linear-gradient(to right, rgb(40 7 62 / 66%), rgb(94 21 183 / 58%));
box-shadow: 0 14px 18px 0 rgba(49, 49, 49, 0.3);
}
.acor-container label:hover {
color: #00ffc4;
}
.acor-container input{
}
.acor-container label:before {
content: '\276F';
float: right;
}
.acor-container input:checked + label {
background-color: #285f8f;
color: #00ffc4;
box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
transition: transform .35s;
transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
height: auto;
margin-top: -5px;
color: #000;
padding: 20px 30px 10px;
}
.bx-flat-filter .bx-filter-section {
border-radius: 20px;
box-shadow: 0 14px 23px 0 rgba(30, 30, 30, 0.44);
background: linear-gradient(to right, #aa3feca8, #8430ea93);
/* background: #edf6fc; */
position: relative;
padding-top: 26px;
}
.menu-swipe-overlay {
position: absolute;
top: 50px;
right: 0;
bottom: 0;
left: 0;
min-height: 100vh;
pointer-events: none;
z-index: 190;
transition: opacity 170ms ease;
opacity: 0;
background-color: #ffffff00;
}
.menu-swipe-items-container {
position: absolute;
top: 50px;
right: 0;
bottom: 0;
min-height: 100vh;
box-sizing: border-box;
z-index: 195;
width: 0;
/* transition: width 170ms ease; */
max-width: 100%; box-shadow: 0px -5px 16px 0px #ac04e38c;
background-size: auto;
background-image: linear-gradient(70deg, #082096, #6c20b1);
color: #ffffff;
}
.menu-swipe-item-text {
/* padding: 20px; */
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
color: #ffffff;
/* opacity: .6; */
}
.menu-swipe-items-scroll-block {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: 100vh;
box-sizing: border-box;
overflow-y: auto;
/* background-color: #f3f3f3; */
color: white;
}
.pon{
background-image: url(/upload/images/);
}
#slide {
display: flex;
justify-content: center;
position: relative;
width: auto;
height: auto;
}
.slider {
border: solid;
border-color: #9e1fff;
display: flex;
justify-content: center;
width: 100%;
height: 500px;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
flex-direction: column;
align-items: center;
}
.paused, .progbar, .numStatus {display:none;}
.banner{
border: solid;
border-color: #9e1fff;
display: flex;
justify-content: right;
position: relative;
width: 400px;
height: auto;
background: linear-gradient(to right, #aa3feca8, #8430ea93);
margin: 20px;
margin-bottom: 200px;
border-radius: 20px;
box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .3);
overflow:hidden;
position:absolute;
top:20px;
color:#fff;
right:0px;
z-index:15;
padding-left: 10px;
}
.banner span {
display:block;
padding:20px;
}
.bx-newslist-more{
z-index: 99;
display: flex;
color: #fff;
/* height: 30px; */
/* width: 100px; */
position: relative;
justify-content: center;
flex-direction: column;
align-items: center;
}
.wrapper3 { z-index: 99;
position: relative;
display: flex;
justify-content: center;
margin-top: 100px;
margin-bottom: -20px;
}
.text3 { padding-top: 0px;
position: relative;
display: flex;
flex-direction: column;
/* align-items: center; */
justify-content: center;
font-family: "Overdose Sans", sans-serif;
font-weight: bold;
text-align: center;
color: white;
/* font-family: monospace; */
font-size: 60px;
line-height: 0.8;
}
.container-button{
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-bottom: 80px;
margin-top: 30px;
}
/* End */
/* /local/templates/primapremium_copy/components/bitrix/menu/index_horizontal1/style.min.css?172422118010544 */
/* /local/templates/primapremium_copy/components/bitrix/menu/store_v3_swipe_dark2/style.css?17180304162540 */
/* /local/templates/primapremium_copy/components/bitrix/news.list/flat/style.css?17144851514003 */
/* /local/templates/primapremium_copy/components/bitrix/news.list/flat/themes/blue/style.min.css?1711872411205 */
/* /local/templates/primapremium_copy/styles.css?172588195674545 */