/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.vvideo.loading .banners-big__inner .banners-big__text{
	width:100%;
}
.banners-big__inner .banners-big__text{
        width:75%;
}
h1.banners-big__title{
	font-size:50px;
}
.detail-block.audio-block audio{
    width:100%;
	margin-top:20px;
}
.detail-block.audio-block{
	padding-top: 40px;
}
@media(max-width:768px){
.banners-big__inner .banners-big__text{
        width:100%;
}
}
@media(max-width:1500px){
h1.banners-big__title{
	font-size:47px;
}
}
@media(max-width:1200px){
h1.banners-big__title{
	font-size:39px;
	line-height:45px;
}
}
span.span__bold{
    font-weight:bold;
}
body#main .sticky-block.form__img--WIDE .form-fon{
    margin-right:30px;
}
.serviceFeatures{
    padding: 40px 30px;
}
.serviceFeatures .headWrapper+.mainWrapper{
    margin-top:40px;
}
.serviceFeatures .list.full{
    display:flex;
}
.directions-items .direction-type-3 .top-content:after{

    background:#5555dc;
}
.directions-items .direction-type-1 .top-content:after{
    background:#8080ED;
}
p.features__title{
    font-size:15px;
    font-weight:bold;
    margin-right:5px;
}
p.features__text{
    flex: 0 0 50%;
    
}
.featuresList li{
    display:flex;
    padding-left:0px;
    align-items:flex-start;
    justify-content:space-between;
    position:relative;
}
.featuresList.col{
    display: flex;
        flex-direction: column;
        flex: 0 0 calc(50% - 17.5px);
    margin-bottom:0px;
}
.featuresList.col:first-child{
    margin-right:35px;
}
.featuresList li:not(:last-child)::after{
    content: " ";
  background: white;
  width: 100%;
  height: 1px;
  bottom: -11px;
  right: 0px;
  position: absolute;
}
.serviceFeatures .linkWrapper{
    margin-top:30px;
}
.featuresList li+li {
    margin-top: 15px;
}

.directions-items .direction-type-2 .top-content:after{
background: #884AD9;
}
.directions-items .direction .bottom-content .price span{
color:#5555dc;
}
.directions-items .direction .bottom-content .price{
    margin-bottom:7px;
}
.directions-items .direction .bottom-content .individual .title{
    margin-bottom:0px;
}
.directions-items .direction .bottom-content .link-examples{
    display:flex;
align-items:center;
}
.directions-items .direction .bottom-content .term.term-guarantee{
    margin-bottom:18px;
}
.directions-items .direction .top-content{
    max-height:150px;
    min-height:150px;
}
.directions-items .direction .bottom-content .finished.finished__single{
    width:100%;
    padding-top:12px;
    border-right:none;
}
.directions-items .direction .bottom-content .finished.finished__single .link-examples{
    max-width:100%;
}
.directions-items .direction{
    box-shadow: 0 0 45px rgba(31, 47, 87, .12);
}
.cardItem__row{
    display:flex;
    align-items:flex-start;
}
.cardItem{
    justify-content: space-between;
}
.featuresList li{
    font-size:14px;
}
.serviceFeatures{
margin-bottom:60px;
}
.cardItem__row .icon{
    min-width:38px;
}
.cardItem .icon+.title{
    margin-top:0px;
}
.featuresList li::before{
    display:none;
}
.cardItem .title{
    margin-left:30px;
}
.serviceFeatures .headWrapper .leftSide, .serviceFeatures .info.sm{
    max-width:730px;
}
.stepTabs .tabContent.tab_single{
    padding-top:0px;
}
  .compit__flex{
    display: flex;
    justify-content:center;
    margin-bottom: 30px;
  }
  .compit__item:not(:last-child){
    margin-right: 20px;
  }
  .compit__item {
    width: 175px;
  }
  .compit__item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
 .swiper.swiper-mega {
  padding-bottom:50px;
   width: 100%;
   height: 100%;
 }
.swiper-slide {
   overflow: hidden;
 }
 .swiper.swiper-mega .swiper-wrapper .swiper-slide {
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
 }
.swiper.swiper-mega .swiper-wrapper .swiper-slide img {
   height: 260px;
 }

.stack__wrapper{
    margin-top: 60px;
    margin-bottom: 40px;
    background: black;
    border-radius: 30px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stack__wrapper .ordered-block__title.switcher-title.font_22{
    color: #fff;
}
.stack__wrapper p {
    color: white;
}
.stack__b24, .stack__trello{
    width: 155px;
    height: 35px;
}
.stack__notion{
    width: 45px;
    height: 45px;
}
.stack__html{
    width: 64px;
    height: 64px;
}
.stack__php{
    width: 85px;
    height: 50px;
}
.stack__mysql{
    width: 96px;
    height: 96px;
}
.stack__el{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 calc(50% - 25px);
}
.stack__images{
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 25px);
    flex-wrap: wrap;
}
.stack__firstline{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.stack__firstline .stack__el:not(:last-child){
    margin-right: 50px;
}
.stack__flex{
    display: flex;
    flex-direction: column;
    margin-top: 35px;
}
.stack__secondline{
    align-self: center;

}
.stack__secondline .stack__images{
    flex: 0 0 100%;
}
.stack__images img:not(:last-child){
    margin-right: 15px;
}
.stack__el p{
    font-size: 18px;
    font-weight: 700;
}
.catalog-detail__sticky-panel .catalog-detail__title.show.active h2{
    font-size: 16px;
    font-weight: 700;
    margin-bottom:10px;
}
.dop{
    display: flex;
    flex-direction: column;
    background-color: white;
    color: black;
}
.dop__title{
    font-size: 36px;
    text-align: center;
    line-height: 44px;
}
.dop__lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #5554DC;
    padding: 44px 21px;
    margin-top: 19px;
    border-radius: 30px;
}
.dop__lists .dop__left{
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dop__lists .dop__left li{
    list-style-type: none;
}
ul.dop__left li:before{
display:none;
}
.dop__bigli{
    min-height: auto;
    height: 100%;
}
.dop__lists .dop__left:not(:last-child){
    margin-right: 15px;
    flex: 0 0 calc(33.333% - 15px);
}
.dop__lists .dop__left:nth-child(2){
    margin-left: 15px;
    flex: 0 0 calc(33.333% - 30px);
}
.dop__lists .dop__left:last-child{
    margin-left: 15px;
    flex: 0 0 calc(33.333% - 15px);
}
.dop__left li:not(:last-child),.dop__right li:not(:last-child){
    margin-bottom: 18px;
}
.dop__left li{
    padding: 25px 15px;
    background: linear-gradient(105.29deg, #FFFFFF 2.34%, #999999 398.58%);
    border-radius: 20px;
}
.dop__bonuses{
    width: 100%;
    max-width: 100%;
    margin-top: 37px;
    display: flex;
    justify-content: space-between
}
 .dop__bonuses .dop__bonus:not(:last-child){
    margin-right: 20px;
}
.dop__bonus{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.dop__bonus img{
    width: 92px;
    height: 91px;
    object-fit: cover;
    margin-right: 0px;
margin-left:0px;
margin-bottom:18px;
}
.dop__bonus p {
   max-width: 250px; 
   text-align: center;
}
.dop__strong{
    font-weight: 500;
}
.dop__purple{
    font-weight: 500;
    color: #5554DC;
}
/*Better*/
.utility{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
ul.utility__blocks{
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    list-style:none;
    row-gap: 40px;
}
ul.utility__blocks li:before{
    display:none;
}
.utility__blocks li:not(:last-child){
    margin-right: 40px;
}
.utility__image{
    width: 100%;
    height: 100%;
}
.utility__blocks li img.utility__image{
    object-fit: contain;
    width: 150px;
    height: 55px;
}
p.utility__title{
    font-weight:bold;
    font-size:20px;
}
.for__title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.swiper-for .swiper-wrapper .swiper-slide img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 10px;
}
div.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:-7px;
}
img.catalog__bonus{
width:167px; 
height:191px;
margin-right:15px;
}
.catalog__bonusblock{
display:flex;
align-items:center;
}
.mCustomScrollBox .catalog__bonusblock{
flex-direction:column;
}
.mCustomScrollBox .btn.btn-lg{
padding: 13px 5px 14px;
margin-top:20px;
}


@media (max-width: 1253px) {
    .serviceFeatures img {
        width: 70px;
    }
}
@media (min-width:770px){
.swiper.cardsList{
    overflow:visible;
}
.cardsList .swiper-wrapper .item:nth-child(1) .cardItem, .cardsList .swiper-wrapper .item:nth-child(4) .cardItem, .cardsList .swiper-wrapper .item:nth-child(5) .cardItem{
    background:#cfe4ff;
}
}
@media (max-width:1000px){
.directions-items .direction .top-content{
    max-height:none;
}
.cardItem .title{
    margin-left:15px;
}
}
@media (max-width: 900px) {
    p.features__title{
    font-size:12px;
}
    p.features__title{
font-size:12px;
}
.dop__lists{
        flex-direction:column;
    }
    .dop__bonuses{
        flex-direction:column;
    }
    .dop__bonus{
        flex-direction:row;
    align-items:center;
    }
     .dop__bonuses .dop__bonus:not(:last-child){
        margin-right: 0px;
        margin-bottom:20px;
    }
    .dop__bonus p {
       max-width: 100%; 
       margin-left:20px;
       text-align:left;
    margin-bottom:0px;
    }
    .dop__title{
        font-size: 1.4667em;
    }
    .dop__lists .dop__left:not(:last-child){
        margin-right: 0px;
        flex: 0 0 100%;
        margin-bottom: 18px;
    }
    .dop__lists .dop__left:nth-child(2){
        margin-left: 0px;
        flex: 0 0 100%;
    }
    .dop__lists .dop__left:last-child{
        margin-left: 0px;
        flex: 0 0 100%;
    }
    .dop__lists{
        padding: 31px 15px;
    }
    .dop__left li{
        padding: 18px 15px;
    }
    .dop__bonus img{
        margin-bottom: 0;
        width: 64px;
        height: 63px;
    }
}
@media (max-width: 767px) {
    .serviceFeatures .list.full{
    flex-direction:column;
}
.catalog__bonusblock{
display:flex;
align-items:flex-start;
flex-direction:column;
margin-bottom:20px;
}
img.catalog__bonus{
width:167px; 
height:191px;
margin-right:0px;
margin-bottom:15px;
}
.featuresList.col:first-child {
    margin-right: 0px;
    margin-bottom:15px;
}
.featuresList.col {
    flex: 0 0 100%;
}
    .cardItem {
        padding: 30px 10px 20px;
    }
    .cardItem .title{
    margin-left:9px;
}
    .cardItem .info{
    margin-top:10px;
}
    .cardItem .info .textBlock p{
    margin-bottom:10px;
}
.featuresList li:last-child::after{
    content: " ";
  background: white;
  width: 100%;
  height: 1px;
  bottom: -12px;
  right: 0px;
  position: absolute;
}
.featuresList li:not(:last-child)::after{
bottom: -12px;
}
.featuresList li{
    flex-direction:column;
}
p.features__title{
    margin-right:0px;
    margin-bottom:15px;
    font-size:14px;
}
p.features__text{
    flex: 0 0 100%;
}
.compit__flex{
   flex-direction: column;
   align-items: center;
  }
  .compit__item:not(:last-child){
    margin-right: 0px;
    margin-bottom: 20px;
  }
.stack__firstline{
    flex-direction:column;
}
.stack__firstline .stack__el:not(:last-child){
      margin-right:0px;
    margin-bottom:30px;
}
.stack__images img:not(:last-child){
margin-right:0px;
}
img.stack__b24{
    margin-bottom:10px;
margin-left:0px;
}
.stack__images{
    justify-content:center;
}
    .utility__blocks{
        justify-content: center;
    }
    .utility__blocks li:not(:last-child){
        margin-right: 20px;
    }
    .utility__blocks{
        row-gap: 30px;
    }
}

@media (max-width: 600px){
table.table:not(.table-full-width) thead+tbody tr:not(.nomobile) td {
word-break: normal ;
}}