﻿.blog-theme .head-title {padding: calc(20px + 3%) 0; background: rgb(117,223,232);
background: -moz-radial-gradient(circle, rgba(117,223,232,1) 0%, rgba(83,182,201,1) 100%);
background: -webkit-radial-gradient(circle, rgba(117,223,232,1) 0%, rgba(83,182,201,1) 100%);
background: radial-gradient(circle, rgba(117,223,232,1) 0%, rgba(83,182,201,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#75dfe8",endColorstr="#53b6c9",GradientType=1);}

.blog-theme .flex-image {padding: calc(20px + 2%) 0;}
.blog-theme .flex-image .text {width: 50%;}
.blog-theme .flex-image .text p {padding: calc(10px + 1%) 0;}
.blog-theme .flex-image .img {width: 35%;}
.blog-theme .flex-image .img img {width: 100%;}
.blog-theme .image-left-bottom {background: linear-gradient(to right, #fff 50%, #f0f5f8 50%);}
.blog-theme .image-left-bottom .wrap {height: 100%; max-width: calc(1200px + 5%);  padding: 3% 2.5%; background: #f0f5f8; position: relative; min-height: 100%;}
.blog-theme .image-left-bottom .spacer {width: 0px; background: red;float: right;}
.blog-theme .image-left-bottom .image {width: 150%; margin: calc(5px + 1%) calc(10px + 2%) 0 -110%; float: left; clear: right; position: relative;}
.blog-theme .image-left-bottom .image img {position: absolute; height: 100%; right: 0; object-fit: cover;}
.blog-theme p {padding-bottom: calc(10px + 1%);}

.blog-theme .article .question {padding: calc(10px + 2%) 0;}
.blog-theme .article .answer {background: url(../images/check2.png) no-repeat 0 5px; padding-left: 50px; padding-bottom: calc(10px + 2%);}
.blog-theme .article .answer.blue-plus {background: url(../images/check.png) no-repeat 0 6px;}

/*Фон блока от края + wrap*/
.blog-theme .article.left-bg {background: linear-gradient(to right, #f0f5f8 50%, #fff 50%); margin: calc(10px + 2%) auto;}
.blog-theme .article.left-bg .wrap {background: #f0f5f8;}

.blog-theme .article.right-bg {background: linear-gradient(to right, #fff 50%, #f0f5f8 50%); margin: calc(10px + 2%) auto;}
.blog-theme .article.right-bg .wrap {background: #f0f5f8;}
/*----*/

/* Расположение картинки */
.blog-theme .article.img-bottom-left .wrap {padding-left: 30%;}
.blog-theme .article.img-bottom-left .img-bottom-left {position: absolute; left: 0; bottom: -5%; transform: translate(-50%,0%); width: 55vw;}
.blog-theme .article.img-bottom-left .img-bottom-left img {width: 100%;}

.blog-theme .article.img-mid-right .wrap {padding-right: 25%;}
.blog-theme .article.img-mid-right .img-mid-right {position: absolute; right: 0%; top: 50%; transform: translate(50%,-50%); width: 45vw;}
.blog-theme .article.img-mid-right .img-mid-right img {width: 100%;}

.blog-theme .article.img-top-right .wrap {padding: calc(20px + 2%) 0; padding-right: 25%; }
.blog-theme .article.img-top-right .img-top-right {position: absolute; right: 0%; top: -12%; transform: translate(50%,0%); width: 45vw;}
.blog-theme .article.img-top-right .img-top-right img {width: 100%;}
/*----*/

.blog-theme .article.p1 {padding: calc(20px + 2%) 0;}
.blog-theme .article .vivod50 {width: 50%;}

.blog-theme .article.p2 {background: linear-gradient(to right, #f0f5f8 50%, #fff 50%);}
.blog-theme .article.p2 .wrap {background: #f0f5f8; padding: calc(20px + 2%) 0; padding-right: 25%;}
.blog-theme .article.p2 .woman {position: absolute; right: 0; top: -12%; width: 40%;}
.blog-theme .article.p2 .woman img {width: 100%;}

.blog-theme .article.p3 {padding: calc(20px + 2%) 0;}
.blog-theme .article.p3 ul {width: 48%;}
.blog-theme .article.p3 ul li { margin: calc(15px + 4%) 0; padding-left: calc(30px + 2%); background: url(../images/check.png) no-repeat 0 5px;}

.blog-theme .article ul.listing {width: 100%; margin: 0 0 calc(10px + 2%);}
.blog-theme .article ul.listing li { margin-left: calc(15px + 3%); padding: 0.8em 0 0.8em calc(30px + 2%); background: url(../images/check.png) no-repeat 0 1em;}


.blog-theme .article.plashka {padding: calc(10px + 2%) 0;}
.blog-theme .article.plashka .block {background: #f0f5f8 ; padding: calc(10px + 1%) calc(20px + 2%); width: 100%; max-width: 640px; margin: 0 auto; border-radius: 20px; }
.blog-theme .article.plashka .block .box {position: absolute; left: 10%; top: 50%; transform: translate(0, -50%); width: 25%;}
.blog-theme .article.plashka .block .box img {width: 100%;}
.blog-theme .article.plashka .block .txt {width: 60%;}
.blog-theme .article.plashka .block .btn {display: block; padding: 12px 0;  width: 100%; max-width: 100%; text-align: center;    border-radius: 25px;    color: #fff;  background: #ff871b;    background-size: 100%;  transition: all 0.2s;}


@media screen and (max-width: 1200px) {
	.blog-theme .article.img-bottom-left {background: none;}
	.blog-theme .article.img-bottom-left .wrap { padding: 3%; }
	.blog-theme .article.img-bottom-left .img-bottom-left {position: relative; left: auto; bottom: auto; transform: translate(0,0); width: 100%; padding-bottom: calc(10px + 2%);}
	
	.blog-theme .article.left-bg {background: none;}
	.blog-theme .article.left-bg .wrap {padding: 3%;}
	.blog-theme .article.left-bg .img-mid-right {position: relative; right: auto; top: auto; transform: translate(0%,0%); width: 100%; padding-bottom: calc(10px + 2%);}
	
	.blog-theme .article.img-top-right {background: none;}	
	.blog-theme .article.img-top-right .wrap {padding: 3%; }
	.blog-theme .article.img-top-right .img-top-right {position: relative; right: auto; top: auto; transform: translate(0%,0%); width: 100%; padding-bottom: calc(10px + 2%);}	

	.blog-theme .article .vivod50 {width: 100%;}

	.blog-theme .image-left-bottom .spacer {display: none;}
}

@media screen and (max-width: 980px) {
    .blog-theme .article .info-listing ul {width: 100%;}
    .blog-theme .image-left-bottom {background: none;}
    .blog-theme .image-left-bottom .image {float: none; width: 100%;margin: 0 auto;}
    .blog-theme .image-left-bottom .image img {position: relative; right: auto; transform: translate(0,0); width :100%; padding-bottom: calc(10px + 2%);}
}

@media screen and (max-width: 640px) {
	.blog-theme .flex-image .text {width: 100%;}
	.blog-theme .flex-image .img {width: 100%; margin: 3% auto;}
}
