main{
max-width:100vw;
overflow-x:visible;
}
.ast-container, .ast-container-fluid {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.desc_header .nav-row {
background: white;
}
.b-gray {
background:#F2F2FA;
}
.b-white {
background:white;
}
.b-blue {
background:#0167B4;
color:white;
}
.b-blue *{
color:white;
}
.b-green {
background:#A7E739;
}
.b-or {
background:#FF5C00;
}
.a-gray {
color:#626262;
}
.a-blue {
color:#0167B4;
}
.a-green {
color:#A7E739;
}
.a-or {
color:#FF5C00;
}
.breadcrumbs__list a{
color:#626262;
}
/*header*/
.f-nav {
flex-grow:1;
border-radius:10px;
padding: 0px 0px;
margin-bottom: 0px;
}
.l-nav{
margin-left:19px;
border-radius:10px;
}
.desc_header .nav-row.fixed .f-nav, .desc_header .nav-row.fixed .l-nav {
box-shadow: 0px 3px 6px 0px #69696924;
margin-top:20px
}
.nav-block.show {
display: flex;
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
background: #ffffff82;
/* filter: blur(0px); */
backdrop-filter: blur(2px);
top: 0px;
position: fixed;
}
.nav-block.show .nav-column.column{
animation: showLeft 0.5s;
}
.nav-column.column {
max-width: 877px;
width: 47%;
height: 100%;
padding: 22px 100px;
z-index:1;
overflow-y: scroll;
left: 0%;
position: relative;
}
@keyframes showLeft {
from {left:-100%;}
to {left:0;}
}
@keyframes showRight {
from {right:-100%;}
to {right:0;}
}
.nav-block-section {
padding-left: 38px;
margin-bottom: 76px;
}
.nav-block ul {
list-style: none;
/* marker: none; */
margin-left: 10px;
}
.nav-block a.menu-link {
line-height: 2;
font-size: 22px;
}
.nav-tag a.menu-link {
margin-right: 18px;
}
.nav-block ul ul {
display:none
}
.nav-hed {
margin: 0px;
border-bottom: 1px solid white;
margin-bottom: 38px;
padding-bottom: 38px;
}
.close {
position: absolute;
right: 10px;
top: 10px;
}
.nav-tag {
max-width: 450px;
}
/* РїРѕРёСЃРє */
.search-btn{
margin: 0px;
}
.search-btn span{
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 36px;
color: rgba(255, 255, 255, 0.33);
}
.search-btn img{
width:53px;
height:53px;
margin-left:3em;
}
.milo {
width: 100%;
height: 100%;
background: red;
top: 0px;
left: 0px;
z-index:0;
position: fixed;
background: #bdbdbd00;
backdrop-filter: blur(0px);
}
.search-btn input[type=search]{
border: none;
background-color:unset;
font-size: 32px;
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 36px;
color: white;
width: 104px;
padding: 0em 0em 0em 0.5em;
/* width: fit-content; */
}
input.search-field.b-blue:focus {
width: fit-content;
width: 100%;
animation:w-full 1s;
}
@keyframes w-full {
from {width:104px;}
to {width:100%;}
}
.search-btn input[type=search]:placeholder{
color: rgba(255, 255, 255, 0.33);
}
.search-btn input[type=search]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: rgba(255, 255, 255, 0.33);
}
.search-btn input[type=search]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: rgba(255, 255, 255, 0.33);
opacity: 1;
}
.search-btn input[type=search]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: rgba(255, 255, 255, 0.33);
opacity: 1;
}
.search-btn input[type=search]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(255, 255, 255, 0.33);
}
.search-btn input[type=search]::-ms-input-placeholder { /* Microsoft Edge */
color: rgba(255, 255, 255, 0.33);
}
.search-btn input[type=search]::placeholder { /* Most modern browsers support this now. */
color: rgba(255, 255, 255, 0.33);
}
/*end header*/
/*main*/
.baner_main {
margin-top: 20px;
}
.baner_main h1{
font-size:57px;
font-weight:medium;
font-family: 'Inter';
}
.ban-1 .desc{
font-size:30px;
line-height: 1.5;
}
.ban-1{
background-position: center;
aspect-ratio: 2.1;
background-size: 100% 100%;
position: relative;
background-image:url(/assets/img/webp/baner.webp);
}
.baner_main button.btn-round {
font-size: 25px;
padding: 0;
height: 21%;
border-radius: 50px;
padding: 0em 0.3em 0em 2em;
box-sizing: border-box;
justify-content: space-between;
margin:0px;
}
button.btn-round.btn-big {
font-size: 25px;
width: 58%;
}
button.btn-round.btn-full {
width: 100%;
}
button.btn-round {
font-size: 25px;
padding: 0;
height: 21%;
width: 42%;
border-radius: 50px;
padding: 0.3em 0.3em 0.3em 2em;
padding: 0.3em 0.3em 0.3em 2em;
box-sizing: border-box;
justify-content: space-between;
margin:0px;
}
.b-white.btn-round{
font-weight:bold;
}
.b-blue .btn.b-blue{
border: 1px solid white;
}
.baner_main:hover button.btn-round {
padding: 0em 0.5em 0em 2em;
}
.baner_main a
{
color:black;
width:100%;
height:100%;
padding: 5.6%;
}
.ban-1 {
width: 53%;
flex-grow: 6;
/*aspect-ratio: 1.29;*/
height: auto;
border-radius: 20px;
}
.sub-baners {
flex-grow: 4;
margin-left: 20px;
}
.sub-baners a
{
color:white
}
.sub-baners h3
{
color:white;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
}
.sub-baners span
{
color:white;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
}
.sub-baners big
{
color:white;
font-family: 'Inter';
font-style: normal;
font-weight: bold;
font-size: 43px;
line-height: 36px;
}
.sub-baner:not(:last-child) {
margin-bottom: 20px;
}
.sub-baner button {
position: absolute;
right: 0px;
top: 0px;
width: 28%;
padding: 0px;
height: 18%;;
font-size: 25px;
border-radius: 10px;
background: white;
border-width:2px;
border-style:solid;
font-weight: bold;
}
.sub-baner {
background-position: center;
aspect-ratio: 2.1;
background-size: 100% 100%;
position: relative;
}
.sub-baner:first-child{
background-image:url(/assets/img/webp/papka_blu.webp);
}
.sub-baner:first-child button {
color:#0167B4;
border-color:#0167B4;
}
.sub-baner:nth-child(2){
background-image:url(/assets/img/webp/papka_green.webp);
}
.sub-baner:nth-child(2) button {
color:#A7E739;
border-color:#A7E739;
}
.sub-baner:last-child{
background-image:url(/assets/img/webp/papka_or.webp);
}
.sub-baner:last-child button {
color:#FF5C00;
border-color:#FF5C00;
}
.advents>div {
width: 32%;
padding: 2em 2em;
height: 100%;
aspect-ratio: 2.5;
height: inherit;
border-radius: 10px;
}
/*.advents>div:not(:nth-child(3n+1)) {
margin-left: 20px;
}*/
.advents{
gap:20px
}
h2.zag {
margin-bottom: 100px;
margin-top: 200px;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 51px;
color: #252525;
}
h2.zag + .desc{
font-size:30px;
line-height: 1.5;
text-alignth:left;
margin-bottom:2em;
text-align: left;
margin-bottom: 2em;
}
h3{
font-size: 42px;
}
.quest-block{
margin-top:50px
}
.quest-unit {
border-bottom: 1px solid #f2f2fa;
}
.open-q{
position: relative;
margin-left: 5px;
height: 1em;
width: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.open-q:after{
content:'+'
}
.open-q.rotate:after {
content: '+';
rotate: 45deg;
position: absolute;
}
h3.quest-row {
font-size: 28px;
}
.advents h3 {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 51px;
/* identical to box height */
text-align: center;
}
.advents span {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: center;
max-width: 73%;
margin-top: 11px;
}
.dev{
position: relative;
border-radius: 20px;
}
.dev>div{
width: 53%;
padding: 7% 4%;
}
.dev h3 {
margin-bottom: 20%;
}
.dev>img {
position: absolute;
right: 0px;
bottom: 0px;
width: 38%;
right: 20px;
}
.tabs {
}
.tab {
border-radius: 20px;
padding: 60px 44px;
}
.tab:nth-child(2) {
border-radius: 0px 20px 20px 20px;
}
.tab:last-child {
border-radius: 20px 0px 20px 20px;
}
.tab-btn{
flex-grow:9;
cursor: pointer;
}
.tab-btn.active {
height: inherit;
background: #0167B4;
border-radius: 20px 20px 0px 0px;
position:relative;
}
.tab-btn.active:not(:first-child,:last-child) {
margin-right:5px;
margin-left:5px;
}
.tab-btn.active:first-child{
margin-right:5px;
}
.tab-btn.active:last-child{
margin-left:5px;
}
.tab-btn.active:not(:first-child)::before {
content: '';
background-image: url(/assets/img/ico/left_u.svg);
position: absolute;
right: 100%;
bottom: 0px;
width: 19px;
height: 19px;
}
.tab-btn.active:not(:last-child)::after {
content: '';
background-image: url(/assets/img/ico/right_u.svg);
position: absolute;
/* right: 0px; */
left: 100%;
bottom: 0px;
width: 19px;
height: 19px;
}
.tab-btn div {
padding: 20px;
background: #F2F2FA;
font-weight: 600;
font-size: 24px;
border-radius: 20px;
}
.tab-btn:not(:first-child,:last-child) div {
margin: 0px 5px 10px;
}
.tab-btn:first-child div {
margin: 0px 5px 0px 0px ;
}
.tab-btn:last-child div {
margin: 0px 0px 0px 5px ;
}
.tab-btn.active div {
background: #0167B4;
color: white;
height: 100%;
margin: 0px 0px 0px 0px;
}
.tab_content {
display: inline-block;
text-align: left;
margin-bottom: 1.7em;
font-size: 16px;
font-family: 'Inter';
color: black;
font-weight: 500;
list-style: circle;
text-decoration:none;
color:white;
}
.tab_content:hover{
color:#001578
}
.tab_content:before {
content:'•';
font-weight:900;
margin-right:0.5em;
}
li {
text-align: left;
}
.tab_column {
column-count: 3;
column-fill: balance;
padding: 0em 1em;
column-gap: 2em;
column-rule: aqua;
text-align: left;
}
.clients>div.client {
width: 15.5%;
height: 100%;
aspect-ratio: 1;
height: inherit;
border-radius: 10px;
font-family: Inter;
font-size: 42px;
line-height: 1px;
font-weight: 800;
}
.desc.view-all {
max-height: fit-content;
padding-bottom: 80px;
}
/*.clients>div:not(:nth-child(7n),:first-child) {
margin-left: 20px;
}*/
.clients{
gap:20px
}
.about_us .desc {
max-height: 655px;
position: relative;
overflow: hidden;
padding-right: 50px;
font-weight: 500;
line-height: 1.5;
}
.about_us h2{
text-align: left;
font-size: 23px;
margin-bottom: 2em;
}
.about_us .more-view {
position: absolute;
width: calc(100% - 50px);
background: linear-gradient(0deg, white, #ffffffba);
background: white;
bottom: 0px;
padding-top: 1em;
padding-bottom: 0px;
font-weight: 400;
color: #000000;
font-size: 19px;
cursor: pointer;
border-top: 1px solid black;
}
.more-view img {
margin-left: 50px;
}
/*prod slide*/
.mySwiperrew {
overflow: visible;
}
.mySwipernews {
overflow: hidden;
}
.mySwiperrew .swiper-button-next,.mySwiperrew .swiper-button-prev,.mySwipernews .swiper-button-next ,.mySwipernews .swiper-button-prev {
top: -50px;
width: fit-content;
}
.mySwiperrew .swiper-button-prev,.mySwipernews .swiper-button-prev {
rotate: 180deg;
left:auto;
right:80px;
top: -50px;
}
.mySwiperrew .swiper-button-next img , .mySwiperrew .swiper-button-next img,.mySwipernews .swiper-button-next img ,.mySwipernews .swiper-button-next img {
width: 58px;
height: auto;
aspect-ratio: 1;
object-fit: none;
}
.swiper-button-prev {
rotate: 180deg;
left:auto;
right:80px;
top: -50px;
}
.mySwiperrew .swiper-button-next:after, .mySwiperrew .swiper-button-prev:after,.mySwipernews .swiper-button-prev:after ,.mySwipernews .swiper-button-next:after {
content: '';
display:none;
}
.top_products_item{
border-radius: 20px;
}
.top_products_img {
width: 43%;
height: auto;
/* flex-grow: 1; */
aspect-ratio: 0.847;
display: flex;
align-items: center;
justify-content: center;
background: white;
margin: 2px;
border-radius: 20px 0px 0px 20px;
}
.top_products_img .wrap {
perspective: 1000px;
perspective-origin: 50% 50%;
}
.top_products_img .cube {
margin: auto;
position: relative;
height: 225px;
width: 150px;
transform-style: preserve-3d;
}
@keyframes rotates {
from {
transform: rotateX(0deg) rotateY(0deg);
}
to {
transform: rotateX(-10deg) rotateY(10deg);
}
}
.top_products_img .cube {
animation: rotate 20s infinite linear;
}
.top_products_img .ast-grid-common-col.product-type-simple:hover .cube{animation: rotates 20s infinite linear; transform: rotateX(-10deg) rotateY(10deg);}
.top_products_img .cube > div {position: absolute;
box-sizing: border-box;
padding: 10px;
/* height: 100%; */
/* width: 100%; */
opacity: 1;
background-color: grad;
/* border: solid 2px #c3c3c3;*/
color: #0039a1;
background: linear-gradient(179deg, white, #cbf386);/*
background-image: url(/foto/fon.png);*/
}
.top_products_img .cube > div.front {
transform: translateZ(0px);
height: 225px;
width: 150px;
background: linear-gradient(179deg, white, #cbf386);
background-image: url(/foto/fonboxfront.webp);
background-size: cover;
}
.top_products_img .back {
transform: translateZ(-75px) rotateY(180deg);
height: 225px;
width: 150px;
}
/*.back:after {
content: '';
height: 150px;
width: 550px;
border-radius: 0%;
background: radial-gradient(#ebebeb, #ffffff00);
position: absolute;
transform: rotateZ(273deg) rotateX(199deg) rotateY(295deg) translateZ(-122px) translateX(-628px) translateY(-71px);
}*/
.top_products_img .right {
transform: rotateY(-270deg) translateX(75px) translateY(0px) translateZ(75px);
transform-origin: top right;
height: 225px;
width: 75px;
}
.top_products_img .cube > div.left {
transform: rotateY(270deg) translateX(-75px);
transform-origin: center left;
height: 225px;
width: 75px;
background: linear-gradient(179deg, white, #cbf386);
background-image: url(/foto/fonboxleft.webp);
background-size: cover;
}
.top_products_img .top {
transform: rotateX(-270deg) translateY(-75px);
transform-origin: top center;
height: 75px;
width: 150px;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #5B5B5B;
background: white!important;
}
.top_products_img .bottom {
transform: rotateX(270deg) translateY(75px) translateX(0px) translateZ(150px);
transform-origin: bottom center;
height: 75px;
width: 150px;
}
@keyframes rotate {
from {
transform: rotateX(0deg) rotateY(0deg);
}
to {
transform: rotateX(360deg) rotateY(360deg);
}
}
.top_products_img .cube {
animation: rotate 0s infinite linear;
}
.top_products_img .cube {transform: rotateX(345deg) rotateY(24deg);
}
.top_products_content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
flex-grow: 1;
padding: 36px;
max-width: 56%;
}
.top_products_title{
max-width:;
}
.top_products_P_title{
font-size: 16px;
font-weight: 600;
margin-bottom: 1em
}
.top_products_title{
margin-bottom:22px
}
.product-slider .top_products_title a {
color: black;
line-height: 0.5em;
height: 0.5em;
margin-bottom: 0.5em;
padding: 0;
font-size: 0.8em;
font-weight: 500;
text-decoration: none;
line-height: 1.2;
height: auto;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: 5.2em;
}
.top_products_price{
margin-bottom:22px;
}
.top_products_content button.btn-round {
font-size: 16px;
font-weight: 700;
}
.top_news_img {
aspect-ratio: 2;
overflow: hidden;
height: auto;
width: 100%;
display: flex;
border-radius: 20px;
border: 1px solid #f2f2fa;
filter: brightness(0.9);
}
.top_news_img img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.top_news_item .date{
position: absolute;
left: 20px;
top: 20px;
padding: 9px 19px;
border-radius: 10px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130.2%;
color: #000000;
z-index: 2;
}
.top_news_item .date img{
margin-right:33px;
width:21px;
height:18px;
}
/* Образовательный центр Приоритет Учебный центр «Приоритет» основан прогрессивными специалистами, основная задача которых вывести качество дистанционного образования РІ Р РѕСЃСЃРёРё РЅР° новый уровень. Рто */
.top_news_title{
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 130.2%;
/* or 24px */
margin:1em 0em;
color: #000000;
text-align: left;
text-decoration: none;
line-height: 1.2;
height: auto;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: 1.3em;
}
.top_news_desc{
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 130.2%;
/* or 24px */
margin:1em 0em;
color: #000000;
text-align: left;
}
.top_news_content .more-view {
position: unset;
width: 56%;
background: linear-gradient(0deg, white, #ffffffba);
background: white;
bottom: -0.5em;
margin-top: 0em;
padding: 0.5em 0em;
border-top: 1px solid black;
font-weight: 600;
color: #000000;
cursor: pointer;
display: flex;
align-items: center;
}
h1.page-title {
margin-top: 0.5em;
margin-bottom: 1em;
font-weight: 600;
}
#menu-menju-svedeniya-ob-oo > li.menu-item.menu-item-type-post_type {
line-height: 100%;
border: 1px solid #b9b9b9;
border-color: #f2f2fa;
padding: 0.5em;
font-size: 16px;
box-shadow: none;
padding: ;
border-radius: 5px;
}
#secondary li a,#menu-menju-svedeniya-ob-oo > li.menu-item.menu-item-type-post_type a {
color: #000000 ;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
#secondary button, #secondary input, #secondary select, #secondary textarea {
font-size: 15px;
font-size: 1rem;
/*width: 100%;*/
border-color: #f2f2fa;
}
/*page-kurs*/
.block_kurs {
align-items: flex-center;
margin-top: 0em !important;
}
.block_kurs ul.breadcr-row.breadcrumbs__list {
margin-bottom: 2em;
}
.title_kurs {
max-width: 68.6%;
color: white;
background-image: none;
padding: 0em;
border-radius: 30px;
height: 32vh;
box-shadow: none;
filter: none;
background-size: cover;
margin: 0em 2em 1em 0em;
flex-grow: 1;
}
.title_kurs h1.h1_kurs{
font-size: 28px;
margin-left:108px;
padding:42px;
border-left:2px solid white;
text-shadow: none;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
line-height: 1.3em;
height: auto;
max-height: fit-content;
overflow: hidden;
width: fit-content;
}
.kurs_adv{
max-width: 35%;
color: #0167B4;
background-size: cover;
padding: 2.9em;
border-radius: 30px;
height: 32vh;
-webkit-filter: hue-rotate(0deg);
filter: hue-rotate(0deg);
display: flex;
flex-direction: column;
}
.kurs_adv ul {
font-size: 1.2vw;
font-weight: 600;
/* position: absolute; */
/* width: 366px; */
/* height: 136px; */
/* left: calc(50% - 366px / 2 + 487px); */
/* top: calc(50% - 136px / 2 - 974.5px); */
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 34px;
color: #0167B4;
margin-left: 1em;
}
.block_zap_kurs button.btn-round img,.kurs_adv .btn-round img {
height: 2.2em;
width: auto;
aspect-ratio: 1;
}
.block_zap_kurs button.btn-round,.kurs_adv button.btn-round { font-size: 25px;
padding: 0;
height: 21%;
border-radius: 50px;
padding: 0.3em 0.3em 0.3em 2em;
padding: 0.1em 0.3em 0.1em 2em;
box-sizing: border-box;
justify-content: space-between;
margin: 0px;
height: fit-content;
line-height: 0.1;
font-size: 18px;
width: ;
}
.block_zap_kurs button.btn-round span,.kurs_adv button.btn-round span {
line-height: 1;
padding: 0.3em 0.3em 0.3em 0em;
height: fit-content;
}
.doc_kurs {
color: ;
background: ;
padding: 2em;
border-radius: 30px;
height: 32vh;
/* box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); */
margin-top: 2em;
justify-content: spase-around;
}
.doc_kurs {
color: ;
background: ;
padding: 2em;
border-radius: 30px;
height: 32vh;
/* box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); */
margin-top: 2em;
justify-content: spase-around;
}
.block_foto_kurs {
width: fit-content;
margin: auto;
justify-content: flex-center !important;
text-align: left;
margin-left: 76px;
margin-right: 108px;
}
.h2_kurs {
color: #0167B4;
font-size: 1.5vw;
font-weight: 600;
text-align: left;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
color: #5B5B5B;
}
.title_doc_kurs {
width: 40%;
margin: auto;
margin-left: 0px;
}
.b-or button.b-or{
border:1px solid white
}
.block_kurs_start {
align-items: flex-start;
margin-top: 3em;
}
.content_kurs {
max-width: 68.6%;
margin-right: 2em;
background: ;
padding: 2em;
border-radius: 30px;
height: ;
margin-top: ;
text-align: left;
box-shadow: ;
padding: 2em 108px;
}
.block_kurs_start>.column{
max-width:28%;
position: sticky;
top: 84px;
}
.block_otzyv_kurs img {
border-radius: 50%;
}
.info-item {
margin-bottom: 1em;
font-size: 18px;
text-align:left
}