.preview-page {
background: #dcdcdd;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.preview-page h1 {
color: #a62d26;
}
.preview-page .advantage-prev {
max-width: 600px;
margin-top: 30px;
}
.preview-page .davantege {
display: inline-block;
margin-top: 20px;
min-height: 50px;
padding-left: 60px;
vertical-align: top;
text-align: left;
width: 48%;
position: relative;
}
@media (max-width: 615px) {
.preview-page .davantege {
width: 100%;
}
}
.preview-page .pic {
height: 40px;
width: 40px;
border-radius: 50%;
border: 1px solid #000;
position: absolute;
left: 0;
top: 0;
background-size: 17px;
background-position: center;
background-repeat: no-repeat;
}
.preview-page .wrapper {
background-position: right bottom;
background-size: auto 70%;
background-repeat: no-repeat;
}
.article-page {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.article-page h2 {
margin-bottom: 0;
text-align: center;
font-size: 42px;
text-transform: uppercase;
}
@media (max-width: 1000px) {
.article-page h2 {
font-size: 25px;
}
}
.article-page h3 {
margin-bottom: 0;
}
.article-page .section-title {
padding: 10px;
border-radius: 10px;
background: #3c3c3c;
text-align: center;
color: #fff;
margin-bottom: 50px;
}
@media (max-width: 1000px) {
.article-page .section-title {
font-size: 20px;
}
}
.article-page .sub-title {
text-align: center;
margin-bottom: 50px;
}
.item-card-clear {
width: 32%;
display: inline-block;
}
@media (max-width: 1100px) {
.item-card-clear {
width: 48%;
}
}
@media (max-width: 550px) {
.item-card-clear {
width: 100%;
}
}
.center-content {
text-align: center;
}
.center-content .item-card {
margin-right: 0.5%;
margin-left: 0.5%;
}
@media (max-width: 550px) {
.center-content .item-card {
margin-left: 0;
margin-right: 0;
}
}
.item-card {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
background: #fff;
padding: 30px 15px 15px 15px;
width: 32%;
margin-bottom: 20px;
display: inline-block;
border-radius: 10px;
vertical-align: top;
}
@media (max-width: 1100px) {
.item-card {
width: 48%;
}
}
@media (max-width: 550px) {
.item-card {
width: 100%;
}
}
.item-card .buy {
padding: 10px 15px;
border-radius: 10px;
font-size: 18px;
border: 2px solid #3c3c3c;
background: transparent;
font-family: "Regular";
margin-top: 20px;
text-align: center;
color: #3c3c3c;
transition: 0.3s;
cursor: pointer;
display: block;
}
.item-card .buy:hover {
background: #3c3c3c;
color: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.item-card .name {
text-align: center;
font-size: 20px;
line-height: 27px;
font-family: "Bold";
min-height: 110px;
color: #a62d26;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.item-card .name a {
color: #a62d26;
text-decoration: none;
}
.item-card .name span {
font-size: 25px;
font-family: "Bold";
display: block;
}
@media (max-width: 1100px) {
.item-card .name span {
font-size: 20px;
}
}
.item-card .price {
text-align: right;
margin-top: 20px;
}
.item-card .counts {
display: inline-flex;
vertical-align: top;
height: 50px;
}
.item-card .counts span {
font-size: 50px;
margin: auto;
padding-right: 10px;
}
.item-card .period {
display: inline-block;
vertical-align: top;
}
.item-card .cent {
height: 30px;
display: flex;
border-bottom: 1px solid #ccc;
}
.item-card .cent span {
margin: auto;
padding-right: 5px;
padding-left: 5px;
}
.item-card .year {
height: 20px;
display: flex;
}
.item-card .year span {
margin: auto;
padding-right: 5px;
padding-left: 5px;
}
.btn-zakaz {
padding: 15px 20px;
border-radius: 10px;
font-size: 18px;
background: #3c3c3c;
font-family: "Regular";
text-align: center;
display: inline-block;
color: #fff;
transition: 0.3s;
cursor: pointer;
}
.btn-zakaz:hover {
background: #fff;
color: #222;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.udalen {
background: #e0e1e1;
margin-bottom: 50px;
position: relative;
}
.udalen .subtitle {
margin-bottom: 50px;
margin-top: 20px;
}
.udalen .wrapper {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
}
.udalen .vozm {
margin-bottom: 50px;
}
.udalen .left-sec {
height: 100%;
position: absolute;
z-index: 1;
width: 40%;
top: 0;
left: 20px;
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat;
}
@media (max-width: 770px) {
.udalen .left-sec {
display: none;
}
}
.udalen .right-sec {
width: 60%;
margin-left: 40%;
position: relative;
text-align: left;
z-index: 2;
}
@media (max-width: 770px) {
.udalen .right-sec {
width: 100%;
margin-left: 0;
}
}
.stage-section .stage {
display: inline-block;
vertical-align: top;
width: 16%;
text-align: center;
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
position: relative;
}
@media (max-width: 1000px) {
.stage-section .stage {
width: 32%;
margin-bottom: 10px;
}
}
@media (max-width: 600px) {
.stage-section .stage {
width: 48%;
}
}
.stage-section .stage:before {
content: "";
background-image: url(//rk72.ru/wp-content/themes/ruscomp/assets/images/ico/chevron.png);
position: absolute;
right: -15px;
top: 30px;
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.stage-section .stage:last-child:before {
display: none;
}
.stage-section .number {
height: 90px;
margin: 0 auto;
margin-bottom: 20px;
width: 90px;
}
.stage-section .number img {
height: 90px;
}
.buy-place {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 70px;
}
.buy-place h3 {
display: block;
font-size: 35px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
font-family: "Bold";
font-weight: normal;
position: relative;
margin-bottom: 40px;
}
@media (max-width: 1000px) {
.buy-place h3 {
font-size: 22px;
}
}
.buy-place .btn-submit {
padding: 15px 20px;
border-radius: 10px;
font-size: 18px;
background: #3c3c3c;
font-family: "Regular";
text-align: center;
display: block;
margin: 0 auto;
width: 400px;
color: #fff;
margin-top: 50px;
transition: 0.3s;
cursor: pointer;
}
@media (max-width: 420px) {
.buy-place .btn-submit {
width: 100%;
}
}
.place-p {
width: 33.333%;
height: 150px;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
display: flex;
float: left;
vertical-align: top;
}
.place-p:nth-child(3) {
border-right: 0;
}
.place-p:nth-last-child(1) {
border-bottom: 0;
border-right: 0;
}
.place-p:nth-last-child(2) {
border-bottom: 0;
}
.place-p:nth-last-child(3) {
border-bottom: 0;
}
.place-p img {
margin: auto;
max-width: 99%;
max-height: 99%;
}
.what-buy h2 {
margin-bottom: 50px;
}
.what-buy .right-sec {
position: absolute;
right: 20px;
height: 100%;
width: 27%;
background-size: cover;
background-position: center;
border-radius: 10px;
}
@media (max-width: 1000px) {
.what-buy .right-sec {
display: none;
}
}
.what-buy .content {
display: flow-root;
position: relative;
}
.what-buy .left-sec {
float: left;
width: 70%;
}
@media (max-width: 1000px) {
.what-buy .left-sec {
width: 100%;
}
}
.what-buy .left-sec p {
font-size: 24px;
}
@media (max-width: 1000px) {
.what-buy .left-sec p {
font-size: 18px;
}
}
.what-buy .left-sec li {
font-size: 24px;
}
@media (max-width: 1000px) {
.what-buy .left-sec li {
font-size: 18px;
}
}
@media screen and (max-width: 1000px) {
.place-p {
border: 0.5px solid #cfcfcf;
}
}