.remont-header-right img{
max-height: 350px;
max-width: 600px;
}
.remont-updated {
font-family: 'Rubik';
}
.remont-updated .page-header {
background-image: url(//mrapple.ru/wp-content/themes/mr/img/update-remont/bg.png);
padding: 80px 0;
}
.remont-updated h2{
color: #3A3A3A;
font-weight: 500;
margin-top: 0;
}
.remont-header{
background: no-repeat right url(//mrapple.ru/wp-content/themes/mr/img/update-remont/circles.svg);
padding-top: 52px;
padding-bottom: 48px;
}
.remont-updated h1, .remont-updated .h1 {
margin-bottom: 30px;
font-weight: 400;
font-size: 36px;
}
.scene_element .h1 {
font-weight: 500;
}
.scene_element p {
font-weight: 300;
margin-top: 30px !important;
}
.remont-updated .h1 {
color: #fff !important;
}
.remont-header .model-short-info {
margin-bottom: 40px;
}
.remont-header .model-short-info p {
color:#000;
}
.remont-header .model-short-info span {
color: #616161;
}
.wide-button {
padding: 10px 40px;
background: #3595F2;
border-radius: 8px;
color:#fff;
transition: .3s ease opacity;
}
.wide-button:hover {
color: #fff;
opacity: .6;
} .warning-banner {
position: relative;
background: #F5F5F5;
padding: 73px 0;
}
.warning-banner p{
color: #FF0004;
font-size: 22px;
font-weight: 300;
}
.warning-banner:before {
position: absolute;
content: '';
left: 7%;
top: 0;
background: no-repeat url(//mrapple.ru/wp-content/themes/mr/img/update-remont/rb_2150903941 1.png);
height: 100%;
width: 304px;
}
.warning-banner:after {
position: absolute;
content: '';
right: 7%;
background: no-repeat url(//mrapple.ru/wp-content/themes/mr/img/update-remont/rb_2151654862 1.png);
height: 100%;
width: 348px;
top: 0;
}
.seo-text-wrapper {
position: relative;
padding: 73px 0;
background: no-repeat center/100% url(//mrapple.ru/wp-content/themes/mr/img/update-remont/seo-text-bg.png)
}
.seo-text-wrapper h2 {
font-weight: 500;
font-size: 32px;
}
.seo-text-wrapper p {
font-size: 22px;
font-weight: 400;
padding: 0 12%;
}
.seo-text-wrapper:before {
position: absolute;
content: '';
left: 0;
top: 0;
background: no-repeat url(//mrapple.ru/wp-content/themes/mr/img/update-remont/seo-l.png);
height: 100%;
width: 343px;
}
.seo-text-wrapper:after {
position: absolute;
content: '';
right: 0;
background: no-repeat url(//mrapple.ru/wp-content/themes/mr/img/update-remont/seo-r.png);
height: 100%;
width: 416px;
top: 0;
}
.problem-main-item:not(:first-child) {
margin-top: 80px;
}
.problems-wrapper {
padding: 80px 0;
background: repeat url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIzMjgyIiB2aWV3Qm94PSIwIDAgMTkyMCAzMjgyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTE5MjIgMTE0NS4wMUMxNjM4LjcyIDEwNjEuOTUgMTg4MS41IDU5MC41MDkgMTYzMi41IDU0NC4wMDlDMTM4MC40MyA0OTYuOTM2IDE0ODYuNDIgOTYxLjg4MiAxMDk0LjQ5IDgxOC43ODNDNzgwLjk1NiA3MDQuMzA0IDUwMy41IDEyOTIuMDEgLTMwIDk2My44ODMiIHN0cm9rZT0iI0YzRjNGMyIgc3Ryb2tlLXdpZHRoPSI2MCIvPg0KPHBhdGggZD0iTS0zMyA1NzQuMDA5QzI1Mi43NyA0OTAuOTUxIDkuNDMzOTkgMjUuMDM2NSAyNjguMDYxIDMwLjA0QzUyNi42ODggMzUuMDQzNCA0MDkuNDEgNTIzLjg4MiA4MDQuNzc2IDM4MC43ODNDMTEyMS4wNyAyNjYuMzA0IDE3MzYuNSAtMTA3LjQ5MSAxOTIyIDEzOC41MDkiIHN0cm9rZT0iI0YzRjNGMyIgc3Ryb2tlLXdpZHRoPSI2MCIvPg0KPHBhdGggZD0iTS0zMCAyMDA4LjAxQzI1My4yODEgMTkyNC45NSAxMi42MjU1IDEzOTguNTEgMjY5IDE0MDMuNTFDNTI1LjM3NSAxNDA4LjUxIDQwNS41ODMgMTgyNC44OCA3OTcuNTA2IDE2ODEuNzhDMTExMS4wNCAxNTY3LjMgMTY4MiAxMjc3LjUxIDE5MjIgMTgyNi44OCIgc3Ryb2tlPSIjRjNGM0YzIiBzdHJva2Utd2lkdGg9IjYwIi8+DQo8cGF0aCBkPSJNMTkyMiAyODQzLjAxQzE2MzguNzIgMjc1OS45NSAxODgyLjkxIDIxNjEuMDQgMTYyNi41MyAyMTY2LjA0QzEzNzAuMTYgMjE3MS4wNCAxNDg2LjQyIDI2NTkuODggMTA5NC40OSAyNTE2Ljc4Qzc4MC45NTYgMjQwMi4zIDQxOC41IDE5OTQuMDEgLTMwIDI2NjEuODgiIHN0cm9rZT0iI0YzRjNGMyIgc3Ryb2tlLXdpZHRoPSI2MCIvPg0KPHBhdGggZD0iTS00NiAzMDQwLjAzQzIzNi42ODUgMzEyMi44MyA4OC44NDEzIDMyNTYuODYgMzQ0LjY3NyAzMjUxLjg3QzYwMC41MTIgMzI0Ni44OSA1ODkuMjM4IDI3NTUuMzEgOTgwLjMzNyAyODk3Ljk3QzEyOTMuMjIgMzAxMi4wOSAyMTk4Ljc3IDMzOTQuNjYgMjA1OS41NiAzMDkwLjEiIHN0cm9rZT0iI0YzRjNGMyIgc3Ryb2tlLXdpZHRoPSI2MCIvPg0KPC9zdmc+DQo=')  0px 200px / 100% #fff;
}
.problem-main-item .title {
font-weight: 500;
color: #3595F2;
}
.problem-main-item .title::before,
.problem-main-item .title::after {
content: "";
flex: 1;
border-bottom: 2px solid #D3D3D3; margin: 0 10px; }
.problem-subitem {
background-color: #fff;
border-radius: 10px;
border: 2px solid #CFCFCF;
padding: 27px 50px 18px;
margin-bottom: 15px;
}
.problem-subitem .subtitle {
border-bottom: 1px solid #E3E3E3;
margin-bottom: 30px;
}
.problem-subitem h3 {
margin: 0 0 10px;
font-weight: 400;
}
.problem-subitem .el-icon{
display: flex;
align-items: center;
}
.problem-subitem .el-icon i {
min-width: 60px;
min-height: 60px;
display: block;
}
.problem-subitem .el-icon.tip-text span {
text-align: justify;
}
.problem-subitem .el-icon span {
margin-left: 20px;
}
.problem-subitem .highlited {
font-weight: 500;
font-size: 20px;
color:#3595F2;
}
.problem-subitem .thin {
font-weight: 300;
}
.problem-subitem .accent {
font-style: italic;
color: #3595F2;
font-weight: 300;
}
.problem-subitem .secondary-button {
padding: 13px 30px;
border-radius: 5px;
border:1px solid #C7C7C7;
transition: .3s ease opacity;
}
.problem-subitem .main-button {
padding: 13px 30px;
border-radius: 5px;
color: #fff;
border:1px solid #3595F2;
background-color: #3595F2;
transition: .3s ease opacity;
margin-left: 20px;
}
.problem-subitem .secondary-button:hover,
.problem-subitem .main-button:hover{ 
opacity: .7;
}
.problem-subitem .offseted {
width: 210px;
}
.problem-subitem .quality,
.problem-subitem .model-type
{
padding-top: 8px;
border-top: 1px solid #EEEEEE;
display: flex;
}
.problem-subitem .quality span,
.problem-subitem .model-type span
{
border-radius: 5px;
background-color: #E4E4E4;
color: #5B5B5B;
text-transform: uppercase;
padding: 4px 10px;
font-size: 13px;
margin-right: 3px;
height: 22px;
cursor:pointer;
}
.problem-subitem .quality span.selected,
.problem-subitem .model-type span.selected
{
background-color: #A6C8F4;
color: #105CCA;
}
.guarantee {
background: no-repeat center/100% url(//mrapple.ru/wp-content/themes/mr/img/update-remont/warranty.png);
margin-left: 40px;
width: 100px;
height: 100px;
}
@media screen and (max-width:768px) {
.remont-updated .page-header {
padding: 40px 0;
}
.remont-updated h1, .remont-updated .h1 {
font-size: 24px;
}
.remont-header {
padding-top: 22px;
padding-bottom: 18px;
background-position: bottom;
}
.remont-header > div {
flex-direction: column;
}
.remont-header-left {
width: 100%;
margin-bottom: 80px;
}
.remont-updated h1 {
margin-bottom: 10px;
}
.warning-banner,
.seo-text-wrapper {
padding: 40px 0; 
}
.warning-banner p,
.seo-text-wrapper p {
font-size: 16px;
padding: 0;
margin-bottom: 0;
}
.warning-banner:after,
.warning-banner:before,
.seo-text-wrapper:before,
.seo-text-wrapper:after
{
content:none;
}
.remont-updated h2 {
font-size: 20px;
}
.problem-subitem {
padding: 20px;
}
.problem-subitem .buttons {
margin: 0 auto;
margin-top: 20px;
width: 100%;
justify-content: space-evenly;
}
.problem-subitem .offseted {
margin: 0 auto;
}
.problem-subitem .main-button {
margin-left: 10px;
padding: 9px 12px;
}
.problem-subitem .secondary-button {
padding: 9px 12px;
}
.problems-wrapper {
padding: 30px 0 20px;
}
}