@charset "UTF-8";
/*
Theme Name: Pravilo-Club
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: KSP-Warlock доработка
*/

/*header*/
/*Хлебные крошки (Yoast SEO)*/
#breadcrumb {}

/*блок "Slider"*/
#slider {position: relative; padding: 50px 0; background-image: url("/images/pages/main/волъга. оздоровительная студия.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#slider:before {position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); content: ''; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.5);}
#slider.slider {color: #fff; line-height: 1.2;}
#slider .right .slider-video {position: relative;display: block;cursor: pointer;}
#slider .right .slider-video img {border-radius: 10px;}
#slider .results {margin: 50px 0 0;}
#slider .results .block {margin: 0 5px;padding: 30px;width: 23.80%;background-color: rgba(000,000,000,0.3);border-radius: 10px;}
#slider .block img {display: inline-block;width: 50px;vertical-align: middle;}
#slider .block .text {display: inline-block;vertical-align: middle;width: 170px;padding-left: 10px;}
#slider .block .text span {font-weight: bold;}
.slider .left {}
.slider .left .title {font-size: 50px;}
.slider .left .subtitle {font-size: 28px;line-height: 1;margin: 5% 0;}
.slider .workout-duration, .slider .workout-duration .text, .slider .workout-duration .time, .slider button.sign-up{display: inline-block;vertical-align: middle;}
.slider .workout-duration {margin: 0 10px 0 0;line-height: 1;border: 2px #fff dashed;border-radius: 40px;padding: 15px 30px 20px;}
.slider .workout-duration .text {text-align: right;margin-right: 10px;}
.slider .workout-duration .time {font-size: 33px;font-weight: bold;}
.slider button.sign-up {}
.slider .right {}


/*Адаптивка*/
@media screen and (min-width: 320px) and (max-width: 480px) {

#slider .right .slider-video img {width: 100%;}
#slider .results {margin: 26px 0 0;}
#slider .results .block {margin: 5px auto;width: auto;}
.slider .left .title {font-size: 27px;text-align: center;}
.slider .left .subtitle {font-size: 18px;line-height: 1;margin: 5% 0;text-align: center;}
.slider .workout-duration {display: block;width: 295px;margin: 0 auto;text-align: center;}
.slider .workout-duration .text {}
.slider .workout-duration .time {font-size: 24px;}
.slider button.sign-up {display: block;margin: 12px auto;}
.btnlink {display: block; margin: 15px auto;}

}

@media screen and (min-width: 481px) and (max-width: 767px) {

#slider .right .slider-video img {width: 100%;}
#slider .results .block {margin: 5px auto;width: auto;}
.slider .left .title {font-size: 32px;text-align: center;}
.slider .left .subtitle {font-size: 22px;line-height: 1;margin: 5% 0;text-align: center;}
.slider .workout-duration {display: block;width: 295px;margin: 0 auto;text-align: center;}
.slider .workout-duration .text {}
.slider .workout-duration .time {font-size: 24px;}
.slider button.sign-up {display: block;margin: 12px auto;}
.btnlink {display: block; margin: 15px auto;}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

#slider .right .slider-video img {width: 100%;}
#slider .results .block {margin: 5px auto;width: auto;}
.slider .left .title {font-size: 32px;text-align: center;}
.slider .left .subtitle {font-size: 22px;line-height: 1;margin: 3% 0;text-align: center;}
.slider .workout-duration {display: block;width: 295px;margin: 0 auto;text-align: center;}
.slider .workout-duration .text {}
.slider .workout-duration .time {font-size: 24px;}
.slider button.sign-up {display: block;margin: 12px auto;}
.btnlink {display: block; margin: 15px auto;}

}

/*блок "Тренажер Правило"*/
#simulator-rule .section-title {margin: 0 0 3%;}
#simulator-rule .block-text .title {font-size: 22px; font-weight: bold; margin: 0 0 3%;}
#simulator-rule .block-img img {border-radius: 10px; width: 100%; margin-bottom: 12px;}

#simulator-rule .advantages {list-style: none; padding: 0;}
#simulator-rule .advantages li {font-size: 16px; margin: 19px 0; display: flex; align-items: center;}
#simulator-rule .advantages li i {color: #84bb26; margin-right: 11px; font-size: 26px;}

.simulator-rule .workout-duration, .simulator-rule .workout-duration .text, .simulator-rule .workout-duration .time, .simulator-rule button.sign-up {display: inline-block;vertical-align: middle;}
.simulator-rule .workout-duration {margin: 30px 10px 0 0;line-height: 1;border: 2px #84bb26 dashed;border-radius: 40px;padding: 15px 30px 20px;}
.simulator-rule .workout-duration .text {text-align: right;margin-right: 10px;}
.simulator-rule .workout-duration .time {vertical-align: middle;font-size: 33px;font-weight: bold;}
.simulator-rule button.sign-up {margin: 30px 0 0;}


/*Адаптивка*/
@media screen and (min-width: 320px) and (max-width: 480px) {

.simulator-rule .workout-duration {display: block; width: 295px; margin: 0 auto; text-align: center;}
.simulator-rule .workout-duration .time {font-size: 24px;}
.simulator-rule button.sign-up {display: block; margin: 12px auto;}

#simulator-rule .block-text .title {font-size: 16px;}
#simulator-rule .advantages li  {font-size: 12px; margin: 9px 0;}

}

@media screen and (min-width: 481px) and (max-width: 767px) {

.simulator-rule .workout-duration {display: block; width: 295px; margin: 0 auto; text-align: center;}
.simulator-rule .workout-duration .time {font-size: 24px;}
.simulator-rule button.sign-up {display: block; margin: 12px auto;}
.simulator-rule .section-subtitle {font-size: 23px;}
.simulator-rule .section-title {font-size: 32px;}
#simulator-rule .block-text .title {font-size: 21px;}
#simulator-rule .advantages li  {font-size: 14px; margin: 12px 0;}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

.simulator-rule .workout-duration {display: block; width: 295px; margin: 0 auto; text-align: center;}
.simulator-rule .workout-duration .time {font-size: 24px;}
.simulator-rule button.sign-up {display: block; margin: 12px auto;}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {

.simulator-rule .workout-duration {display: inline-block; width: 250px; margin: 0 auto; text-align: center;}
.simulator-rule .workout-duration .time {font-size: 24px;}
.simulator-rule button.sign-up {display: inline-block; margin: 12px auto;}

}

/*блок "Наши услуги"*/
#our-services .training-bg {background: url("/images/pages/main/green-bg.jpg"); background-repeat: repeat-y; margin-bottom: 30px; padding-bottom: 40px;}
#our-services .training-title {font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 1.2; color: #fff; padding: 40px 0 0 0;}
#our-services .training-title a {color: #fff !important;}
#our-services .training-subtitle {text-align: center; font-size: 22px; color: #fff; margin-bottom: 20px;}
#our-services .training-format {color: white; font-family: Roboto; font-size: 16px;}
#our-services .card-training {background: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border-radius: 25px; margin: 0 10px 25px 10px;}
#our-services .card-block {padding: 25px 28px 25px 28px;}
#our-services .card-title {font-weight: normal; font-size: 28px; margin-bottom: 10px; text-align: center;}
#our-services .card-text {text-align: center; font-size: 18px; height: 166px;}
#our-services .card-pricing {font-weight: normal; font-size: 69px; text-align: center;}
#our-services .time {font-weight: normal; font-size: 30px;}
#our-services .card-ul {text-align: left;}
#our-services .card-btn {color: #fff !important; background-color: #84bb26 !important; border-color: #84bb26; border-radius: 8px; padding: 12px 25px 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; width: 100%; display: inline-block; text-align: center;}
#our-services .card-btn:hover {background-color: #a5dc48 !important; border-color: #a5dc48; box-shadow: none !important;}
#our-services hr {margin-top: 30px;}
#our-services .btn-pages {width: 100%;}
#our-services .training-images {position: relative; color: #fff; line-height: 1;}
#our-services .training-images::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; width: 100%; height: 100%; background: url("/images/pages/main/pixel-screen.png"); border-top-left-radius: 25px; border-top-right-radius: 25px;}
#our-services .training-images img {width: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px;}


/*Адаптивность блока "Наши услуги"*/
@media screen and (min-width: 320px) and (max-width: 480px) {

#our-services .training-title {font-size: 24px;}
#our-services .training-subtitle {font-size: 18px;}
#our-services .card-block {padding: 20px;}
#our-services .card-title {font-size: 20px;}
#our-services .card-pricing {font-size: 50px;}
#our-services .card-text {font-size: 13px; height: 99px;}

}

@media only screen and (max-width: 1024px) {

#our-services .training-card {padding: 30px; margin: 0 0 30px 0;}
#our-services .card_title {font-size: 24px; margin-bottom: 12px;}
#our-services .pricing {font-size: 52px;}
#our-services hr {margin-top: 50px;}

}

/*блок "Почему наша методика работает"*/
#why-method-works {
background-image: url("/images/pages/main/оздоровительная студия волъга в москве.jpg");
background-blend-mode: multiply;
background-size: cover;
background-position: 0% 70%;
background-repeat: no-repeat ;
margin-bottom: 390px;
padding: 3% 0 200px;
}
#why-method-works:before
{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';width: 100%;height: 100%;
background: linear-gradient(to bottom left, rgba(132, 187, 38, 0.7), rgb(132, 187, 38, 0.7));}
#why-method-works.why-method-works {}

#why-method-works .section-subtitle {color: #fff;}
#why-method-works .section-title {color: #fff;}

#why-method-works .descriptions {margin: 2% 3%;padding: 10px 20px;background-color: #fff;border-radius: 15px;text-align: justify;}
#why-method-works .descriptions i {display: inline-block;vertical-align: middle;width: 50px;margin-right: 10px;padding: 10px;
background-color: #84bb26;text-align: center;font-size: 30px;border-radius: 50px;color: #fff;}
#why-method-works .descriptions .text {display: inline-block;vertical-align: middle;width: 93%;}

#why-method-works .block-method-works {position: relative;}
#why-method-works .block {position: absolute;display: block;left: 0;right: 0;text-align: center;}
#why-method-works .block img {width: 370px;height: 370px; border-radius: 300px; border: 3px solid #84bb26; margin: 0 0 20px;}
#why-method-works .block .title {font-size: 18px;font-weight: bold;}
#why-method-works .block .text {line-height: 1.2;}

#why-method-works button.sign-up {position: absolute;bottom: -340px;left: 0;right: 0;margin: 0 auto; width: fit-content;}

/*блок "Часто задаваемые вопросы и ответы на них"*/
#faq {}
#faq.faq {}

#faq .section-subtitle {}
#faq .section-title {margin: 0 0 3%;}

/*блок "Отзывы"*/
#reviews-home {}
#reviews-home.reviews-home {}

#reviews-home .section-subtitle {}
#reviews-home .section-title {}
#reviews-home .reviews-all  {margin: 1% 0 3%;text-align: center;font-size: 20px;}
#reviews-home .reviews-all a {color: #84bb26;font-weight: bold;}

#reviews-home .carousel-item {position: relative;text-align: center;}
#reviews-home .carousel-item .text {width: 70%;margin: 0 auto 25px;font-size: 20px;line-height: 1.2;}
#reviews-home .autor {}
#reviews-home .autor img {display: inline-block;vertical-align: middle;width: 70px !important;height: 70px !important;border-radius: 100px;}
#reviews-home .autor .title {display: inline-block;vertical-align: middle;margin-left: 15px;font-size: 20px;}

/*блок "Записаться на тренировку"*/
#sign-up-training {
background-image: url("/images/pages/main/тренажер правило записаться в москве.jpg");
background-blend-mode: multiply;
background-size: cover;
background-position: 0% 70%;
background-repeat: no-repeat;
padding: 3% 0;
}
#sign-up-training:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';width: 100%;height: 100%; background: rgba(51, 51, 51, 0.5);}
#sign-up-training.sign-up-training {color: #fff;}

#sign-up-training .section-subtitle {color: #fff;}
#sign-up-training .section-title {margin: 0 0 3%;}

#sign-up-training button.wpcf7-submit {margin: 0 auto; display: block}
	/*плагин "Contact Form 7"*/
#sign-up-training #wpcf7-f64-o1 {width: 800px;margin: 0 auto;}
/*#sign-up-training #wpcf7-f64-o1 input {border-radius: 15px;padding: 10px 5px 7px 30px;}*/
#sign-up-training #wpcf7-f64-o1 .block2 {margin: 2% 0;}
#sign-up-training #wpcf7-f64-o1 .required-fields {float: right;}
#sign-up-training #wpcf7-f64-o1 a {color: #fff !important;}
#sign-up-training #wpcf7-f64-o1 a:hover {color: #84bb26 !important}

/*блок "Наши товары"*/
#our-products {}
#our-products.our-products {}

#our-products .section-subtitle {}
#our-products .section-title {margin: 0 0 3%;}

#our-products .block button {}
#our-products button.sign-up {width: 355px;margin: 0 auto;}



/*блок "Фотографии занятий"*/
#gallery .container {display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:20px;}
#gallery .row_album, .row_album_second {display:flex; align-items:start; justify-content:start; gap:20px; height:100%; width:100%; max-height:700px; flex-wrap:wrap; overflow:hidden;}
.row_album_second {width: calc(60% - 20px);}
.album_img.album_img_big {width:40%; height:100%; overflow:hidden; max-height:700px;}
.album_img {width:calc(50% - 10px); height:100%; max-height:340px; overflow:hidden; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.album_img.album_img_big img, .album_img img {width:100%; height:100%; object-fit:cover;}
.album_img.album_img_big img {height: 100%; border-radius: 10px;}
.album_img img {padding-bottom: 20px; border-radius: 10px;}
.row_album_dop .album_img.album_img_big {height: 700px;}
.album_img {height: 490px;max-height: 100%;}
.album_img.album_img_big, #gallery .row_album, .row_album_second, #gallery .row_album, .row_album_dop .album_img.album_img_big {height: 1000px; max-height: 100%;}
.album_img img {object-fit:cover; height:100%; width:100%; padding:0;}


/*Адаптивность блока "Фотографии занятий"*/
@media(max-width: 1200px){

    .album_img img {padding: 0;}
    .album_img.album_img_big, #gallery .row_album, .row_album_second, .row_album_dop .album_img.album_img_big {height: 699px;}
    .album_img {height: 339px;}
	
}

@media(max-width: 991px){

    #gallery .row_album, .row_album_second {height: auto;max-height: 100%;}
    .row_album_second, .row_album, .album_img.album_img_big { width: 100%;}
    .row_album_dop .album_img {height: 459px;}
    .row_album_dop .album_img.album_img_big {height: 999px;}

}

@media (max-width: 768px){

    #gallery .row_album, .row_album_second { gap: 10px;}
    #gallery .container {row-gap: 10px;}
    .album_img {width: calc(50% - 5px);}
    .album_img.album_img_big img, .album_img img {border-radius: 10px;}
    .row_album_dop .album_img {height: 346px;}
    .row_album_dop .album_img.album_img_big {height: 779px;}
	
}

@media (max-width: 480px){

    .row_album_dop .album_img {height: 303px;}
    .row_album_dop .album_img.album_img_big {height: 588px;}
	
}

@media (max-width: 414px){

    .row_album_dop .album_img {height: 249pxpx;}
    .row_album_dop .album_img.album_img_big {height: 564px;}
	
}

@media (max-width: 375px){

    .row_album_dop .album_img {height: 233px;}
    .row_album_dop .album_img.album_img_big {height: 499px;}
	
}




/*блок "Полезные статьи"*/
#articles-home {}
#articles-home.articles-home {}

#articles-home .section-subtitle {}
#articles-home .section-title {margin: 0 0 3%;}

#articles-home .article {position: relative;display: block;}
#articles-home .article img {/*min-width: 350px !important;height: 300px !important;*/max-width: 100% !important;height: auto !important;border-radius: 10px;}
#articles-home .article a {}
#articles-home .article a:hover {color: initial;}
#articles-home .article .title {margin: initial;padding: 15px 0;font-size: 20px;line-height: 1.2;font-weight: bold;color: #84bb26;}
#articles-home .article .text {}
		/*Читать все статьи*/
#articles-home .articles-all {margin: 35px 0 0;text-align: center;}
#articles-home .articles-all a, #articles .articles-all a:hover {color: #fff;}
#articles-home .articles-all i {}




/*KSP-Warlock доработка - адаптивка*/

@media screen and (min-width: 320px) and (max-width: 767px) {

/*блок "Почему наша методика работает"*/
#why-method-works {margin-bottom: 100px;padding: 3% 0;}
#why-method-works .block {position: relative;margin: 25px 0;}
#why-method-works .block img {width: 295px;height: 280px;}
#why-method-works button.sign-up {bottom: -70px;}


/*блок "Записаться на тренировку"*/
#sign-up-training #wpcf7-f64-o1 {width: auto;text-align: center;line-height: 1.2 !important;}
#sign-up-training #wpcf7-f64-o1 .required-fields {float: none;display: block;}
#sign-up-training #wpcf7-f64-o1 .wpcf7-submit {padding: 10px 20px;}


/*плагин "WooCommerce*/
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width: 100%;padding: 0 0 15px;}
.woocommerce ul.products li.product a img {max-width: 100% !important;}

}


@media screen and (min-width: 768px) and (max-width: 991px) {


/*блок "Почему наша методика работает"*/
#why-method-works {margin-bottom: 100px;padding: 3% 0;}
#why-method-works .block {position: relative;margin: 25px 0;}
#why-method-works .block img {width: 295px;height: 280px;}
#why-method-works button.sign-up {bottom: -70px;}

}

@media screen and (min-width: 992px) and (max-width: 1200px) {


/*блок "Почему наша методика работает"*/
#why-method-works {margin-bottom: 100px;padding: 3% 0;}
#why-method-works .block {position: relative;margin: 25px 0;}
#why-method-works .block img {width: 295px;height: 280px;}
#why-method-works button.sign-up {bottom: -70px;}

}