.page-template-calendar-family .footer .row:nth-child(2) {
flex-direction: column;
align-items: center;
}
body .advantages-button a{
background: #eeb851;
box-shadow: 0px 4px 15px 4px rgb(0 0 0 / 17%);
border: 2px solid #eeb851;
display: block;
border-radius: 50px;
width: 250px;
height: 63px;
text-align: center;
padding: 15px 10px;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #fff;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
text-align: center;
margin: 0 auto;
text-decoration: none;
}
.cal-box {
flex-wrap: wrap;
}
#get-posts-array {
position: absolute;
}
.cal-block {
margin-bottom: 28px;
}
.cal-box-pci23 {
height: 362px !important;
}
.cal-box2 {
padding-top: 10px !important;
}
#message,
#message-ua {
color: rgb(59, 200, 80);
padding: 20px;
width: 84%;
margin: 0 auto 20px;
background-color: #f3f3f3;
border: 2px solid #a3a3a3;
border-radius: 24px;
display: none;
margin-top: 15px;
}
.header .container-fluid {
position: relative;
}
.cal-box-pci23 img {
display: block;
width: 100%;
margin: 0 auto 20px;
height: 359px; object-fit: contain;
min-width: 100%;
}
.lang {
position: absolute;
top: -50px;
left: 85px;
display: flex;
z-index: 100;
}
@media (max-width: 1700px) {
.lang {
top: -35px;
left: 15px;
}
}
@media (max-width: 1200px) {
.lang {
top: 0;
left: 15px;
}
}
.lang-item {
margin-right: 15px;
}
.lang-item a {
color: #b82308;
text-transform: uppercase;
font-weight: bold;
transition: all 0.25s ease;
text-decoration: none;
}
.lang-item a:hover {
color: #eeb851;
}
.markers {
position: absolute;
z-index: 100;
max-width: 180px;
top: 350px;
left: 70px;
}
.terms {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.terms a {
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
transition: all 0.2s ease;
}
.terms a:hover {
text-decoration: underline;
}
.docs-btn {
display: block;
background-color: #eeb851;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
font-size: 16px !important;
padding: 10px 35px;
color: #fff !important;
font-weight: 700;
border: 2px solid #eeb851;
text-transform: uppercase;
transition: all 0.25s ease;
margin-top: 10px;
}
.docs-btn:hover {
text-decoration: none !important;
color: #eeb851 !important;
background-color: transparent;
}
@media all and (max-width: 1600px) {
.markers {
position: absolute;
z-index: 100;
max-width: 150px;
top: 250px;
left: 50px;
}
}
@media all and (max-width: 768px) {
.markers {
position: absolute;
z-index: 100;
max-width: 100px;
top: 120px;
left: 50px;
}
.docs-btn {
padding: 7px 30px;
}
.cal-box-pci23 img {
height: 240px;
}
}
.price-blue,
.price-red {
position: absolute;
width: 430px;
bottom: 130px;
}
.price-red{
right:25%;
bottom:-5%;
}
.price-blue {
right: 0;
}
.price-blue img,
.price-red img {
max-width: 100%;
display: block;
}
.price-blue span,
.price-red span {
position: absolute;
left: 20% !important;
top: 50px !important;
width: 250px;
line-height: 1;
}
.recommended {
padding: 60px 0 0 0 !important;
}
.testimonials{
padding-top: 60px;
}
.box-p-wrapper {
padding-left: 50px;
}
.box-p {
margin-bottom: 15px;
text-align: center;
font-weight: 500;
}
@media all and (max-width: 1540px) {
.price-red {
left: 150px;
}
.price-blue {
right: 0;
}
body .header-right .products {
max-width: 80%;
}
body .header-right .price {
right: 0px;
}
}
@media all and (max-width: 1200px) {
.price-red {
left: 100px;
}
.price-blue {
left: 400px;
}
.price-blue span,
.price-red span {
left: 50% !important;
}
body .header-right .price {
right: -125px;
left: unset;
}
body .header-right span {
left: unset;
right: 135px;
}
.markers {
left: 310px;
}
}
@media all and (max-width: 900px) {
.price-blue,
.price-red {
bottom: 330px;
width: 400px;
}
}
@media all and (max-width: 767px) {
body .header-right .products {
width: 100%;
max-width: 100%;
}
.markers {
left: 50px;
}
.recommended {
padding: 30px 0 0 0 !important;
}
.recommended video{
margin-bottom: 0 !important;
}
body .testimonials-title{
padding-top: 0 !important;
}
body .header-right .price {
right: unset;
left: 50%;
}
body .header-right span {
left: 50%;
right: unset;
}
.row-box {
display: flex;
flex-direction: column;
}
.row-box .m-last {
order: 1;
}
.box-p-wrapper {
padding-left: 15px;
order: 0;
}
.price-blue,
.price-red {
width: 320px;
left: 50%;
transform: translateX(-50%);
}
.price-red {
width: 320px; left: 50%;
transform: translateX(-50%);
bottom: -25px;
}
.price-blue {
bottom: 30px;
}
.price-blue span,
.price-red span {
left: 155px !important;
top: 35px !important;
width: 250px;
line-height: 1;
}
.price-blue span {
width: 280px;
}
.header-right.d-block.d-xl-none {
padding-bottom: 50px !important;
}
.price {
bottom: 60px !important;
}
body .header-right span {
width: 250px !important;
bottom: 135px !important;
line-height: 1 !important;
}
}
.delivery {
text-align-last: center;
}
@-moz-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.arrow {
position: fixed;
bottom: 0;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yODUsMTEuMjg0TDE2LDE5LjU3MWwtOC4yODUtOC4yODhjLTAuMzk1LTAuMzk1LTEuMDM0LTAuMzk1LTEuNDI5LDAgIGMtMC4zOTQsMC4zOTUtMC4zOTQsMS4wMzUsMCwxLjQzbDguOTk5LDkuMDAybDAsMGwwLDBjMC4zOTQsMC4zOTUsMS4wMzQsMC4zOTUsMS40MjgsMGw4Ljk5OS05LjAwMiAgYzAuMzk0LTAuMzk1LDAuMzk0LTEuMDM2LDAtMS40MzFDMjUuMzE5LDEwLjg4OSwyNC42NzksMTAuODg5LDI0LjI4NSwxMS4yODR6IiBmaWxsPSIjMTIxMzEzIiBpZD0iRXhwYW5kX01vcmUiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=);
background-size: contain;
z-index: 99;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
body .header-logo {
opacity: 0;
}
@media all and (max-width: 568px) {
body .header-logo {
opacity: 0;
height: 13px;
}
body .about-size-size:after {
bottom: -13px;
}
body .advantages-line {
top: 87px;
}
body .advantages-size-size:after {
bottom: -4px;
}
body .advantages-item:nth-child(6) img.webpexpress-processed{
margin-top: -127px;
}
body .advantages-item:nth-child(6) .advantages-size-size:after {
bottom: -13px;
}
body .testimonials .testimonials-title {
font-size: 25px;
margin-bottom: 0;
padding-bottom: 0;
}
.testimonials-slider .slick-dots li {
width: 11px;
height: 20px;
margin: 0;
padding: 0;
}
.testimonials-slider .slick-dots {
bottom: 15px;
}
body .footer-text {
width: 100% !important;
font-size: 14px;
line-height: 18px;
}
.ffLamp-footer_left-soc{
display: flex !important;
justify-content: center !important;
}
.ffLamp-footer_left-soc a{
margin: 0 5px !important;
}
.footer .wpcf7-form-control{
max-width: 100% !important;
font-size: 14px !important;
}
body .footer-time {
font-size: 15px;
}
body .header-right span {
padding-left: 0 !important;
}
}
@media (max-width: 576px)  {
body .header-order {
text-align: center !important;
}
body .advantages-item:nth-child(6) img {
top: 10%;
}
body .header-right span div{
opacity: 1 !important;
}
.cal-box2 {
padding-top: 20px!important;
}
.cal-box-pci23 {
height: auto !important;
max-height: 247px !important;
}
} .footer-lending_container{
padding: 30px 0;
}
.footer-title {
position: relative;
font-weight: 700;
font-size: 26px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF!important;
margin-bottom: 20px;
}
.footer-lending_block-1 {
width: 456px;
display: block;
margin: 0 auto;
}
.btn-docum {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
line-height: 2.2;
border: 2px solid #FFFFFF;
border-radius: 30px;
font-size: 16px;
line-height: 22px;
width: 254px;
text-transform: uppercase;
height: 50px;
margin: 0 auto 41px;
color: #FFFFFF;
padding-top: 12px;
text-align: center;
}
.btn-docum:hover {
color: #6664E8;
background-color: #fff;
}
.footer-lending_block-1 span{
font-family: 'Lato';
display: block;
margin-bottom: 42px;
text-transform: uppercase;
font-weight: 700;
font-size: 17.8px!important;
line-height: 35px;
color: #FFFFFF;
text-align: center;
}
.footer-lending_block-1 p{
display: block;
font-weight: 600;
font-size: 18px;
line-height: normal;
color: #FFFFFF!important;
margin-bottom: 30px!important;
}
.ffLamp-footer_left-soc {
display: flex;
margin-bottom: 30px;
justify-content: center;
}
.ffLamp-footer_left-soc a {
display: block;
margin: 0 8px;
border-radius: 100px;
overflow: hidden;
transition: 0.3s;
}
.footer_soc {
display: flex;
align-items: center;
}
.footer_soc a {
display: block;
margin-right: 30px;
border-radius: 100px;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 500px){
.footer-lending_block-1 {
width: 100%!important;
text-align: center!important;
padding: 0 15px;
}
.footer-lending_block-1 a img{
text-align: center;
}
.footer_soc {
width: 100%;
justify-content: center;
}
.footer_soc a{
margin: 0 15px;
}
}