little fixes
This commit is contained in:
parent
580fdb97c2
commit
4114e9f400
@ -1,5 +1,4 @@
|
||||
<?php
|
||||
|
||||
include "php/wordpress/actions.php";
|
||||
include "php/wordpress/filters.php";
|
||||
include "php/wordpress/styles.php";
|
||||
@ -8,5 +7,4 @@
|
||||
include "php/wordpress/others.php";
|
||||
include "php/wordpress/mail.php";
|
||||
include "php/tools.php";
|
||||
|
||||
?>
|
||||
@ -1,229 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.page-header {
|
||||
margin-top: 133px;
|
||||
height: 408px;
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.page-header h1 {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 0.75;
|
||||
letter-spacing: 0.4px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.page-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
.about-text {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
margin-top: 80px;
|
||||
max-width: 970px !important;
|
||||
margin: 80px auto;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.5px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.about-joki {
|
||||
padding-top: 20px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.about-joki h1 {
|
||||
font-family: 'Museo Bold' ,sans-serif;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
line-height: .75;
|
||||
letter-spacing: .4px;
|
||||
color: #dc3545;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.about-joki__header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #e4e7ed;
|
||||
padding-left: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.about-joki__header h3 {
|
||||
font-family: 'Museo Regular' ,sans-serif;
|
||||
height: 40px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-right: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.about-joki__header h3.active {
|
||||
border-bottom: 1px solid #dc3545;
|
||||
}
|
||||
|
||||
.about-joki__body {
|
||||
max-width: 1210px !important;
|
||||
}
|
||||
|
||||
.about-joki__body-descr h2 {
|
||||
font-family: 'Museo Regular' ,sans-serif;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #dc3545;
|
||||
font-size: 24px;
|
||||
margin-bottom: 40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content p {
|
||||
color: #4c4c4c;
|
||||
max-width: 650px;
|
||||
font-family: 'Museo Regular' ,sans-serif;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content p::before {
|
||||
content: '\f005';
|
||||
font-family: 'FontAwesome';
|
||||
margin-right: 10px;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content ul {
|
||||
list-style: none;
|
||||
-webkit-padding-start: 0;
|
||||
padding-inline-start: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content ul li h3 {
|
||||
font-family: 'Museo Regular' ,sans-serif;
|
||||
color: #4c4c4c;
|
||||
font-size: 1.17rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content ul li p {
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.3px;
|
||||
line-height: 1.15;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.about-joki__body-descr .about-content ul li p::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about-joki__body-fb {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about-joki__body-fb h2 {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
font-family: 'Museo Regular' ,sans-serif;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.page-header {
|
||||
height: 200px;
|
||||
background-position: top center !important;
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: 34px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.about-joki__body-descr p {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.page-header {
|
||||
margin-top: 110px;
|
||||
}
|
||||
.page-header h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.about-joki__header {
|
||||
padding: 0 20px !important;
|
||||
}
|
||||
.about-joki__body-descr h2 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.about-joki__body-descr .about-content p {
|
||||
text-align: center;
|
||||
}
|
||||
.about-joki__body-descr .about-content ul li p {
|
||||
text-align: left;
|
||||
}
|
||||
.about-joki__body-fb h2 {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
}
|
||||
@ -1,309 +0,0 @@
|
||||
.cert-text {
|
||||
margin-top: 50px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.cert-text h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1px;
|
||||
color: #1d1d1d;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.cert-text p {
|
||||
font-size: 18px;
|
||||
line-height: 1.33;
|
||||
letter-spacing: 0.1px;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
.cert-text button {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.cert-advantages {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.cert-advantages h2 {
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
color: #1e212b;
|
||||
line-height: normal;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.cert-advantages .row {
|
||||
margin-top: 20px;
|
||||
max-width: 1440px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.cert-advantages__item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cert-advantages__item img {
|
||||
min-height: 117px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.cert-advantages__item span {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
text-align: center;
|
||||
max-width: 130px;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
|
||||
.cert-target h2 {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
color: #1e212b;
|
||||
line-height: normal;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.cert-target .row {
|
||||
max-width: 1290px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.cert-target__item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
max-width: 600px;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.cert-target__item img {
|
||||
width: 260px;
|
||||
height: 260px;
|
||||
}
|
||||
|
||||
.cert-target__item-text {
|
||||
max-width: 280px;
|
||||
margin-left: 45px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.cert-target__item-text h4 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1px;
|
||||
color: #1d1d1d;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.cert-target__item-text p {
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.1px;
|
||||
color: #1d1d1d;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.cert-items h2 {
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
color: #1e212b;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.cert-items .row {
|
||||
max-width: 1290px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.cert-items .row div {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.cert-items .row div span {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1px;
|
||||
color: #1d1d1d;
|
||||
margin: 0 0 20px 0;
|
||||
max-width: 370px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cert-modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.cert-modal-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.cert-text .row {
|
||||
-webkit-box-pack: justify !important;
|
||||
-ms-flex-pack: justify !important;
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
.cert-target .row {
|
||||
-webkit-box-pack: center !important;
|
||||
-ms-flex-pack: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.cert-text h3 {
|
||||
text-align: center;
|
||||
}
|
||||
.cert-text__img {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.cert-text .row h3 {
|
||||
display: none;
|
||||
}
|
||||
.cert-text__block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.cert-advantages .row {
|
||||
-webkit-box-pack: center !important;
|
||||
-ms-flex-pack: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
.cert-advantages .row .cert-advantages__item {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.cert-text__header {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
.cert-target h2 {
|
||||
font-size: 26px !important;
|
||||
max-width: 395px;
|
||||
}
|
||||
.cert-target__item {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cert-target__item img {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
}
|
||||
.cert-target__item-text {
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.cert-target__item-text h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.cert-target__item-text p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.cert-items {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
.cert-items h2 {
|
||||
font-size: 26px !important;
|
||||
line-height: 1.09;
|
||||
letter-spacing: 0.3px;
|
||||
padding: 0 10px;
|
||||
max-width: 365px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.cert-items span {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.cert-items button {
|
||||
font-size: 14px;
|
||||
}
|
||||
.cert-items .row {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.cert-advantages h2 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.cert-text__header {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -1,184 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.contacts {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.contacts-text {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contacts-text i {
|
||||
color: #dc3545;
|
||||
font-size: 29px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.contacts-text h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
color: #363943;
|
||||
}
|
||||
|
||||
.contacts-info {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.contacts-info p, .contacts-info a {
|
||||
font-size: 22px;
|
||||
line-height: 1.45;
|
||||
letter-spacing: 0.5px;
|
||||
color: #363943;
|
||||
margin-left: 25px;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.contacts-info a {
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.contacts-info h2 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.contacts-info .col-3 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contacts-info .col-4 {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contacts-description h2 {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
color: #000000;
|
||||
margin: 0 0 12px 0;
|
||||
}
|
||||
|
||||
.contacts-description .how {
|
||||
font-size: 22px;
|
||||
line-height: 1.45;
|
||||
letter-spacing: 0.5px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.contacts-description .how h3 {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 1.45;
|
||||
letter-spacing: 0.5px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.contacts-map > ymaps {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.contacts-description {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.contacts-description h2 {
|
||||
font-size: 26px !important;
|
||||
}
|
||||
.contacts-description p, .contacts-description h3 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.contacts-map {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.contacts-info p, .contacts-info a {
|
||||
font-size: 18px;
|
||||
}
|
||||
.contacts-image {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.contacts-info h2, .contacts-info i {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.contacts-info p, .contacts-info a {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.contacts-info h2 {
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
.contacts-description {
|
||||
padding-left: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
.contacts-description {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
.contacts-description h3, .contacts-description p {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.contacts-image img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.contacts-map {
|
||||
height: 400px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
@ -1,24 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
210
src/css/form.css
210
src/css/form.css
@ -1,210 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.btn-adding {
|
||||
color: #fff;
|
||||
background-color: #5cb85c !important;
|
||||
border-color: #4cae4c !important;
|
||||
min-width: 90px;
|
||||
}
|
||||
|
||||
.dropdown-menu a {
|
||||
background-color: #f5f7fa !important;
|
||||
}
|
||||
|
||||
.dropdown-menu a:hover {
|
||||
color: #606266 !important;
|
||||
}
|
||||
|
||||
.dropdown-menu a.selected {
|
||||
background-color: #fefefe;
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.form-block h1 {
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.form-block input:focus, .form-block select:focus {
|
||||
border: 1px solid #dc3545;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.form-block option {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.form-block .form-add__item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border: 1px solid #606266;
|
||||
border-radius: 10px;
|
||||
height: 82px;
|
||||
}
|
||||
|
||||
.form-block .form-add__item i {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.form-block .form-add__item-text {
|
||||
color: #4c4c4c;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.form-block .form-add__item-text h6 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.form-block .cheque {
|
||||
background-color: #f0f0f0;
|
||||
padding-top: 15px;
|
||||
color: #4c4c4c;
|
||||
}
|
||||
|
||||
.form-block .cheque h3 {
|
||||
font-size: 20px;
|
||||
font-family: 'Museo Bold';
|
||||
}
|
||||
|
||||
.form-block .cheque h4 {
|
||||
color: #dc3545;
|
||||
font-size: 15px;
|
||||
font-family: 'Museo Bold';
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.form-block .cheque p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-block .cheque div {
|
||||
padding-left: 15px;
|
||||
border-bottom: 2px dashed #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.form-block .cheque div.dots:before {
|
||||
content: '';
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -7px;
|
||||
left: -7px;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.form-block .cheque div.dots:after {
|
||||
content: '';
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: -7px;
|
||||
right: -7px;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.form-block .cheque div:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.form-block .cheque-quest {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-block .cheque-date {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-block .cheque-guests {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-block .cheque-adding {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form-block .cheque-sum {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.guest-img img {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.form-add__item {
|
||||
padding: 10px;
|
||||
-webkit-box-pack: justify !important;
|
||||
-ms-flex-pack: justify !important;
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
.main-form {
|
||||
position: unset;
|
||||
}
|
||||
.main-form-submit {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
z-index: 9;
|
||||
}
|
||||
.col-lg-8 {
|
||||
position: unset;
|
||||
}
|
||||
.all-form {
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.guest-img {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: columna;
|
||||
flex-direction: columna;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-center: center;
|
||||
}
|
||||
}
|
||||
@ -1,425 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.adding-service {
|
||||
text-align: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.adding-service .extras div {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
max-width: 170px;
|
||||
}
|
||||
|
||||
.adding-service .extras div img {
|
||||
min-height: 136px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.adding-service .extras div span {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #000000;
|
||||
font-family: 'Museo Thin';
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.adding-service button {
|
||||
margin-top: 65px;
|
||||
}
|
||||
|
||||
.holiday-block {
|
||||
max-width: 1330px !important;
|
||||
color: #1e212b;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.holiday-block h2 {
|
||||
font-size: 40px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
margin: 60px 0 40px;
|
||||
}
|
||||
|
||||
.holiday-block p {
|
||||
font-size: 24px;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.holiday-photos {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.holiday-photos p {
|
||||
max-width: 650px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.holiday-photos img {
|
||||
border-radius: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.packages {
|
||||
background: url("../img/order-bg.jpg") center no-repeat;
|
||||
background-size: cover;
|
||||
color: #ffffff;
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
|
||||
.packages-slider {
|
||||
max-width: 1320px !important;
|
||||
width: 1400px;
|
||||
}
|
||||
|
||||
.packages h2, .packages p {
|
||||
color: #ffffff;
|
||||
max-width: 650px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.packages img {
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
}
|
||||
|
||||
.packages-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
width: 300px;
|
||||
height: 640px;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
-webkit-box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
|
||||
box-shadow: 0 0 15px 0 rgba(41, 48, 55, 0.5);
|
||||
background-color: #ffffff;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.packages-item h3 {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
.packages-item__price {
|
||||
color: #000000 !important;
|
||||
font-size: 18px !important;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.packages-item__price span {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
color: #dc3545 !important;
|
||||
}
|
||||
|
||||
.packages-item__descr {
|
||||
color: #dc3545 !important;
|
||||
font-size: 16px !important;
|
||||
letter-spacing: 0.4px;
|
||||
text-align: center;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.packages-item ul {
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.5px;
|
||||
color: #000000;
|
||||
margin: 0 0 15px 0;
|
||||
font-weight: 600;
|
||||
-webkit-padding-start: 0;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.packages-item ul li {
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
margin-left: 25px;
|
||||
font-size: 20px !important;
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.2px;
|
||||
margin: 5px 0 0 0;
|
||||
background: url("../img/icons/check.svg") 0 8px no-repeat;
|
||||
padding: 0 0 0 30px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.packages-item a {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.var-line {
|
||||
max-width: 1440px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.var-item {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.var-item img {
|
||||
border-radius: 32px;
|
||||
-webkit-box-shadow: 0 11px 20px 0 rgba(41, 50, 76, 0.31);
|
||||
box-shadow: 0 11px 20px 0 rgba(41, 50, 76, 0.31);
|
||||
height: 257px;
|
||||
width: 257px;
|
||||
}
|
||||
|
||||
.var-item span {
|
||||
max-width: 257px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
margin: 25px 0 0 0;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.holiday-descr {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.holiday-descr h2 {
|
||||
max-width: 720px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.holiday-descr__text {
|
||||
max-width: 720px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.holiday-descr__text p {
|
||||
text-align: left !important;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
letter-spacing: 0.2px;
|
||||
color: #363943;
|
||||
}
|
||||
|
||||
.holiday-descr__text li {
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
letter-spacing: 0.2px;
|
||||
color: #363943;
|
||||
}
|
||||
|
||||
.holiday-descr a {
|
||||
display: block;
|
||||
max-width: 720px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
font-size: 1.125rem;
|
||||
letter-spacing: 0.2px;
|
||||
color: #dc3545;
|
||||
text-decoration: underline;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ent-container p {
|
||||
font-size: 24px;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
color: #1e212b;
|
||||
max-width: 940px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.holiday-block {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.holiday-block h2 {
|
||||
font-size: 30px !important;
|
||||
margin: 15px auto;
|
||||
}
|
||||
.holiday-block p {
|
||||
font-size: 24px !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.packages-slider {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.var-item span {
|
||||
font-size: 16px;
|
||||
}
|
||||
.var-line {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.holiday-block h2 {
|
||||
font-size: 30px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.holiday-block p {
|
||||
font-size: 16px !important;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.adding-service .extras {
|
||||
-webkit-box-pack: center !important;
|
||||
-ms-flex-pack: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
.packages-item {
|
||||
width: 280px;
|
||||
}
|
||||
.packages-item ul li {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.packages-item h3 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.packages-item__price {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.packages-item__descr {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.packages-item button {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.holiday-block {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.holiday-block h2 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 26px !important;
|
||||
}
|
||||
.holiday-block p {
|
||||
font-size: 16px !important;
|
||||
margin-bottom: 30px;
|
||||
font-family: 'PT Sans';
|
||||
letter-spacing: 0.5px;
|
||||
line-height: 1.15;
|
||||
}
|
||||
.holiday-block button {
|
||||
font-size: 12px;
|
||||
max-width: 300px;
|
||||
}
|
||||
.holiday-descr {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.holiday-descr p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.holiday-descr__text ul li {
|
||||
font-size: 16px !important;
|
||||
font-family: 'PT Sans';
|
||||
letter-spacing: .5px;
|
||||
line-height: 1.15;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.var-line {
|
||||
background: url("../img/holiday/icons/scenario-path.svg") top left no-repeat;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(1) {
|
||||
-webkit-transform: translateX(0px) translateY(-30px);
|
||||
transform: translateX(0px) translateY(-30px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(2) {
|
||||
-webkit-transform: translateX(-100px) translateY(95px);
|
||||
transform: translateX(-100px) translateY(95px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(3) {
|
||||
-webkit-transform: translateX(-85px) translateY(-45px);
|
||||
transform: translateX(-85px) translateY(-45px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(4) {
|
||||
-webkit-transform: translateX(125px) translateY(30px);
|
||||
transform: translateX(125px) translateY(30px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(5) {
|
||||
-webkit-transform: translateX(50px) translateY(90px);
|
||||
transform: translateX(50px) translateY(90px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(6) {
|
||||
-webkit-transform: translateX(10px) translateY(-45px);
|
||||
transform: translateX(10px) translateY(-45px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(7) {
|
||||
-webkit-transform: translateX(-10px) translateY(30px);
|
||||
transform: translateX(-10px) translateY(30px);
|
||||
}
|
||||
.var-line .row .col-lg-4:nth-child(8) {
|
||||
-webkit-transform: translateX(10px) translateY(80px);
|
||||
transform: translateX(10px) translateY(80px);
|
||||
}
|
||||
}
|
||||
@ -1,87 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.btn-round {
|
||||
padding: 14px 20px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1.2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(56, 72, 95, 0.49);
|
||||
box-shadow: 0 2px 12px 0 rgba(56, 72, 95, 0.49);
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
border-radius: 44px;
|
||||
min-width: 165px;
|
||||
background-color: #dc3545;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
|
||||
.btn-round:hover {
|
||||
background-color: #bd2130;
|
||||
border-color: #dc3545;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.owl-nav button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.container {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owl-dots {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.owl-dots .owl-dot {
|
||||
border: 1px solid #f2f2f2 !important;
|
||||
width: 30px !important;
|
||||
height: 3px !important;
|
||||
margin: 10px !important;
|
||||
}
|
||||
|
||||
.owl-dots .active {
|
||||
background-color: #000000 !important;
|
||||
border: 3px solid #f2f2f2 !important;
|
||||
}
|
||||
|
||||
.owl-stage-outer {
|
||||
padding: 10px 0 !important;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,481 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Thin';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Light';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Regular';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Bold';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Black';
|
||||
src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf);
|
||||
}
|
||||
|
||||
.quests {
|
||||
margin-top: 133px;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.quests .icon-hidden {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.quests-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
z-index: 2;
|
||||
height: 408px;
|
||||
}
|
||||
|
||||
.quests-headers {
|
||||
-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
position: relative;
|
||||
height: 408px;
|
||||
z-index: 3;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background: url("../img/quests/all-quests-bg.jpg") top left no-repeat;
|
||||
}
|
||||
|
||||
.quests-headers h1 {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 0.75;
|
||||
letter-spacing: 0.4px;
|
||||
margin-bottom: 32px;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.quests-headers h2 {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
line-height: 0.75;
|
||||
letter-spacing: 0.4px;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.quests-content {
|
||||
margin: 70px auto;
|
||||
max-width: 1280px !important;
|
||||
}
|
||||
|
||||
.quests-content a {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.quests-content__item {
|
||||
height: 296px;
|
||||
width: 400px;
|
||||
max-width: 400px;
|
||||
min-width: 400px;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
border-radius: 20px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: end;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
padding: 0;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.quests-content__item .quest__text {
|
||||
width: 100%;
|
||||
padding: 0 25px 60px 25px;
|
||||
background: url("../img/quests/exitquests-mask.svg") top center no-repeat;
|
||||
border-radius: 0 0 20px 20px;
|
||||
height: 160px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.quests-content__item .quest__text h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
margin: 25px 0 8px 0;
|
||||
}
|
||||
|
||||
.quests-content__item .quest__text p {
|
||||
font-size: 16px;
|
||||
letter-spacing: 0.1px;
|
||||
}
|
||||
|
||||
.quests-content__item-icons {
|
||||
max-width: 350px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.compound {
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
padding-top: 80px;
|
||||
max-width: 720px !important;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
letter-spacing: 0.2px;
|
||||
color: #363943;
|
||||
}
|
||||
|
||||
.compound__text {
|
||||
height: 33%;
|
||||
-webkit-transition: 0.15s ease-in-out;
|
||||
transition: 0.15s ease-in-out;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.compound .turn {
|
||||
color: #dc3545;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.quest-slider {
|
||||
margin-top: 133px;
|
||||
max-height: 600px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.quest-slider .carouselExampleControls {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-prev, .quest-slider .carousel-control-next {
|
||||
z-index: 3 !important;
|
||||
height: 80px;
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-40px);
|
||||
transform: translateY(-40px);
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-next {
|
||||
left: 85%;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-prev-icon {
|
||||
height: 80px;
|
||||
width: 40px;
|
||||
background: url("../img/quest/arrow-disabled-prev.svg") center no-repeat;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-next-icon {
|
||||
height: 80px;
|
||||
width: 40px;
|
||||
background: url("../img/quest/arrow-disabled-next.svg") center no-repeat;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-prev-icon:hover {
|
||||
background: url("../img/quest/arrow-active-prev.svg") center no-repeat;
|
||||
}
|
||||
|
||||
.quest-slider .carousel-control-next-icon:hover {
|
||||
background: url("../img/quest/arrow-active-next.svg") center no-repeat;
|
||||
}
|
||||
|
||||
.quest-slider-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.quest-slider img {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.quest-slider-header {
|
||||
position: absolute;
|
||||
bottom: 60px;
|
||||
z-index: 3;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.quest-slider-header h1 {
|
||||
color: #ffffff;
|
||||
line-height: 1.15;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
|
||||
.quest-description {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
font-family: 'PT Sans', sans-serif;
|
||||
}
|
||||
|
||||
.quest-description__icons div {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.quest-description__icons div:nth-child(3) {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.quest-description__icons div img {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.quest-description__text {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.quest-description__text p {
|
||||
font-size: 20px;
|
||||
line-height: 1.4;
|
||||
letter-spacing: 0.2px;
|
||||
color: #363943;
|
||||
}
|
||||
|
||||
.quest-description__text .notice {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.quest-description__text .notice p {
|
||||
font-size: 16px !important;
|
||||
color: #000000;
|
||||
font-style: italic;
|
||||
letter-spacing: -0.6px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1200px) {
|
||||
.quests-headers {
|
||||
background-size: cover;
|
||||
}
|
||||
.quests-content .row {
|
||||
-webkit-box-pack: center !important;
|
||||
-ms-flex-pack: center !important;
|
||||
justify-content: center !important;
|
||||
}
|
||||
.quests-content__item {
|
||||
margin: 30px auto;
|
||||
max-height: 450px !important;
|
||||
}
|
||||
.carousel-inner {
|
||||
max-height: 450px;
|
||||
}
|
||||
.carousel-control-prev, .carousel-control-next {
|
||||
top: 80% !important;
|
||||
left: 10% !important;
|
||||
}
|
||||
.carousel-control-next {
|
||||
left: 90% !important;
|
||||
}
|
||||
.quest-description__text p {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.quest-description__text .notice p {
|
||||
font-size: 14px !important;
|
||||
letter-spacing: -0.6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.quests-headers {
|
||||
height: 200px;
|
||||
}
|
||||
.quests-headers h1 {
|
||||
font-size: 34px;
|
||||
}
|
||||
.quests-headers h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.quests-overlay {
|
||||
height: 200px;
|
||||
}
|
||||
.quest-slider-header h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.carousel-control-next, .carousel-control-prev, .carousel-control-next-icon, .carousel-control-prev-icon {
|
||||
height: 40px !important;
|
||||
z-index: 5;
|
||||
}
|
||||
.compound {
|
||||
font-size: 16px;
|
||||
}
|
||||
.quest-description__icons {
|
||||
padding: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.quest-description__icons div {
|
||||
width: 33%;
|
||||
border: none;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
.quest-description__text {
|
||||
padding: 0;
|
||||
}
|
||||
.quest-description__text .notice p {
|
||||
line-height: 1.1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.quests {
|
||||
margin-top: 110px;
|
||||
}
|
||||
.quests-headers {
|
||||
-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.quests-headers h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
.quests-headers h2 {
|
||||
font-size: 16px !important;
|
||||
max-width: 395px;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.quests-content {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.quests-content__item {
|
||||
min-width: 288px;
|
||||
max-width: 288px;
|
||||
width: 288px;
|
||||
height: 213px;
|
||||
}
|
||||
.quests-content__item .quest__text {
|
||||
padding: 0 15px 15px 15px;
|
||||
height: 114px;
|
||||
}
|
||||
.quests-content__item .quest__text h3 {
|
||||
font-size: 16px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.quests-content__item .quest__text p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 0;
|
||||
line-height: 1.15;
|
||||
}
|
||||
.quests-content__item .quest__text img {
|
||||
max-width: 14px;
|
||||
}
|
||||
.quests-content__item .quest__text .quests-content__item-icons {
|
||||
-webkit-box-pack: justify !important;
|
||||
-ms-flex-pack: justify !important;
|
||||
justify-content: space-between !important;
|
||||
}
|
||||
.carousel-inner {
|
||||
max-height: 300px;
|
||||
}
|
||||
.quest-slider-header h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
.carousel-item {
|
||||
height: 300px !important;
|
||||
background-position: center top !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
.quest-slider .carousel-control-prev, .quest-slider .carousel-control-next {
|
||||
z-index: 5 !important;
|
||||
width: 20px;
|
||||
}
|
||||
.carousel-control-prev-icon, .carousel-control-next-icon {
|
||||
background-size: cover !important;
|
||||
}
|
||||
.compound {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.quest-description__text {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
.quest-slider .carousel-control-next, .quest-slider .carousel-control-prev {
|
||||
top: 65% !important;
|
||||
}
|
||||
}
|
||||
@ -1,28 +0,0 @@
|
||||
.sales-block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
max-width: 1440px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.sales-block .discount-item {
|
||||
margin: 0 15px 80px 15px;
|
||||
}
|
||||
|
||||
.sales-block .discount-item__badge {
|
||||
left: -45px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 425px) {
|
||||
.sales-block .discount-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
@ -23,23 +23,23 @@ $main-color: #dc3545
|
||||
|
||||
@font-face
|
||||
font-family: 'Shadow Regular'
|
||||
src: url('../fonts/Shadow/Shadow-Regular.ttf') format('truetype')
|
||||
src: url('../../fonts/Shadow/Shadow-Regular.ttf') format('truetype')
|
||||
font-style: normal
|
||||
font-weight: normal
|
||||
|
||||
@font-face
|
||||
font-family: 'Montserrat'
|
||||
src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
|
||||
src: url('../../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
|
||||
@font-face
|
||||
font-family: 'Montserrat'
|
||||
src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype')
|
||||
src: url('../../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype')
|
||||
src: url('../../fonts/Roboto/Roboto-Regular.ttf') format('truetype')
|
||||
font-weight: 400
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype')
|
||||
src: url('../../fonts/Roboto/Roboto-Medium.ttf') format('truetype')
|
||||
font-weight: 500
|
||||
Loading…
x
Reference in New Issue
Block a user