@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Regular.eot);
src: local('Zona Pro Regular'), local('../font/ZonaPro-Regular'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Regular.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Regular.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Regular.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Bold.eot);
src: local('Zona Pro Bold'), local('../font/ZonaPro-Bold'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Bold.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Bold.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBold.eot);
src: local('Zona Pro SemiBold'), local('../font/ZonaPro-SemiBold'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBold.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBold.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro Ultra';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-UltraItalic.eot);
src: local('Zona Pro Ultra Italic'), local('../font/ZonaPro-UltraItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-UltraItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-UltraItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-UltraItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-UltraItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro Ultra';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Ultra.eot);
src: local('Zona Pro Ultra'), local('../font/ZonaPro-Ultra'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Ultra.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Ultra.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Ultra.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Ultra.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Black.eot);
src: local('Zona Pro Black'), local('../font/ZonaPro-Black'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Black.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Black.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Black.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Black.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Light.eot);
src: local('Zona Pro Light'), local('../font/ZonaPro-Light'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Light.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Light.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Light.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro Regular';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-RegularItalic.eot);
src: local('Zona Pro Regular Italic'), local('../font/ZonaPro-RegularItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-RegularItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-RegularItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-RegularItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-RegularItalic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro Hairline';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Hairline.eot);
src: local('Zona Pro Hairline'), local('../font/ZonaPro-Hairline'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Hairline.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Hairline.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Hairline.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Hairline.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-LightItalic.eot);
src: local('Zona Pro Light Italic'), local('../font/ZonaPro-LightItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-LightItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-LightItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BlackItalic.eot);
src: local('Zona Pro Black Italic'), local('../font/ZonaPro-BlackItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BlackItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BlackItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BlackItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BlackItalic.ttf) format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBold.eot);
src: local('Zona Pro ExtraBold'), local('../font/ZonaPro-ExtraBold'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBold.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBold.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BoldItalic.eot);
src: local('Zona Pro Bold Italic'), local('../font/ZonaPro-BoldItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BoldItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BoldItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BoldItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBoldItalic.eot);
src: local('Zona Pro ExtraBold Italic'), local('../font/ZonaPro-ExtraBoldItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBoldItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBoldItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ExtraBoldItalic.ttf) format('truetype');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBoldItalic.eot);
src: local('Zona Pro SemiBold Italic'), local('../font/ZonaPro-SemiBoldItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBoldItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBoldItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBoldItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-SemiBoldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro Hairline';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-HairlineItalic.eot);
src: local('Zona Pro Hairline Italic'), local('../font/ZonaPro-HairlineItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-HairlineItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-HairlineItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-HairlineItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-HairlineItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Thin.eot);
src: local('Zona Pro Thin'), local('../font/ZonaPro-Thin'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Thin.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Thin.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Thin.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Zona Pro';
src: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ThinItalic.eot);
src: local('Zona Pro Thin Italic'), local('../font/ZonaPro-ThinItalic'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ThinItalic.eot?#iefix) format('embedded-opentype'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ThinItalic.woff2) format('woff2'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ThinItalic.woff) format('woff'),
url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/font/ZonaPro-ThinItalic.ttf) format('truetype');
font-weight: 100;
font-style: italic;
}* {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: 'Zona Pro';
background-color: #F4F4F4;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-page-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
}
main {
min-height: 650px;
width: 100%;
}
#contentMain {
width: 100%;
}
.front-page {
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-front-page-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
}
.container {
margin-left: auto;
margin-right: auto;
max-width: 1340px;
padding-left: 30px;
padding-right: 30px;
}
.main {
min-height: 650px;
}
.main.main--normal {
min-height: auto;
}
h1 {
margin-top: 20px;
margin-bottom: 40px;
font-family: 'Zona Pro';
font-size: 36px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
h2 {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
h3 {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 24px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
p {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
a {
color: #2e89e7;
}
a:focus,
a:active {
outline: none;
}
ul {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
ul ul {
padding-left: 15px;
}
ol {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 15px; }
li {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
blockquote {
margin-left: 0;
padding-left: 20px;
border-left: 3px #b3defe solid;
overflow-wrap: break-word;
font-style: italic;
}
.icon-delete {
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-delete.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
.topbar {
display: none;
margin-bottom: 30px;
width: 100%;
}
.bottombar {
display: none;
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
.only-mobile {
display: none;
} .iti {
margin-bottom: 5px;
}
.iti__country-container {
left: 7px !important;
}
.iti__selected-dial-code {
font-size: 14px !important;
}
.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
padding-left: 95px !important;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
background-color: transparent !important;
}
.iti--inline-dropdown .iti__dropdown-content {
margin-top: 0 !important;
}
@keyframes show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .block-404__inner {
margin: 120px auto;
padding: 60px;
width: 100%;
max-width: 640px;
background-color: #FFFFFF;
border-radius: 20px;
}
.block-404__title {
font-family: 'Zona Pro';
font-size: 150px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #1545d7;
}
.block-404__caption {
font-family: 'Zona Pro';
font-size: 26px;
font-weight: 400;
line-height: 130%;
text-decoration: none;
text-align: center;
}
.block-404__test {
margin-top: 5px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 160%;
text-decoration: none;
text-align: center;
}
.block-404__link {
display: block;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
padding: 19px 35px;
width: 100%;
max-width: 215px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #FFFFFF;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
box-shadow: 0px 12px 52.3px -10px #1399D6;
border: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
cursor: pointer;
user-select: none;
}
.block-404__link:hover {
background-color: #2E89E7;
} .mobile-menu-btn {
display: none;
margin-right: 15px;
margin-left: 15px;
width: 100%;
max-width: 30px;
min-width: 30px;
height: 100%;
max-width: 30px;
cursor: pointer;
}
.mobile-menu-btn svg {
width: 100%;
height: 100%;
}
.mobile-menu {
position: fixed;
display: none;
flex-direction: column;
padding: 20px;
top: 0;
left: 0;
width: 100%;
max-width: 480px;
height: 100%;
background-color: #FFFFFF;
z-index: 999999;
}
.mobile-menu.active {
display: flex;
}
.mobile-menu__header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.mobile-menu .custom-logo {
max-width: 150px;
height: auto;
}
.mobile-menu__btn {
display: block;
margin-right: 15px;
margin-left: 15px;
width: 100%;
max-width: 20px;
min-width: 20px;
height: auto;
cursor: pointer;
}
.mobile-menu__btn svg {
width: 32px;
height: 32px;
}
.mobile-menu__list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 30px 0 70px;
height: 100%;
overflow: auto;
}
.mobile-menu__list li {
margin: 0;
}
.mobile-menu a {
padding: 10px 0;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 700;
line-height: 180%;
text-decoration: none;
white-space: nowrap;
color: #000000;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
} .ad-phone-link {
display: none;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
}
.ad-phone-link.active {
display: inline;
} .message-block {
position: fixed;
display: none;
justify-content: center;
align-items: center;
margin-top: auto;
margin-bottom: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000040;
}
.message-block.active {
display: flex;
animation: show .3s ease-in;
}
.message-block__inner {
padding: 45px 60px;
max-width: 600px;
background-color: #FFFFFF;
border-radius: 20px;
}
.message-block__title {
font-family: 'Zona Pro';
font-size: 36px;
font-weight: 700;
line-height: 125%;
color: #004BDB;
text-decoration: none;
text-align: left;
}
.message-block__text {
margin-top: 15px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
} .loader {
position: fixed;
display: none;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
user-select: none;
pointer-events: none;
z-index: 999999;
}
.loader.active {
display: flex;
}
.loader__main {
width: 50px;
padding: 8px;
aspect-ratio: 1;
border-radius: 50%;
background: #004BDB;
--_m: 
conic-gradient(#0000 10%,#000),
background: linear-gradient(180deg, #fff 0%, #eee 100%) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: l3 1s infinite linear;
}
@keyframes l3 { to { transform: rotate(1turn) } } .page-main {
margin-top: 60px;
margin-bottom: 60px;
width: inherit;
}
.page-main__inner {
margin:30px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.page-footer {
margin-top: 60px;
margin-bottom: 60px;
} .btn-gradient {
display: inline-block;
padding: 19px 35px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #FFFFFF;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
box-shadow: 0px 12px 52.3px -10px #1399D6;
border: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
cursor: pointer;
user-select: none;
} .custom-select {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
user-select: none;
}
.custom-select::after {
content: '';
position: absolute;
top: 17px;
right: 25px;
width: 7px;
height: 7px;
border-top: 2px #FFB031 solid;
border-right: 2px #FFB031 solid;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
}
.custom-select__select {
display: flex;
align-items: center;
margin-bottom: 5px;
padding: 0px 25px;
width: 100%;
height: 46px;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
background-color: #FFFFFF;
border: 1px #DFDFDF solid;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
cursor: pointer;
}
.custom-select__select:active,
.custom-select__select:focus {
outline: none;
border: 1px #ffb031 solid;
}
.custom-select__option {
position: absolute;
display: none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
top: 45px;
width: 100%;
border: 1px #DFDFDF solid;
background-color: #FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
z-index: 1;
}
.custom-select__option.active {
display: flex;
}
.custom-select__option-caption {
padding: 10px 25px;
width: 100%;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 500;
font-style: normal;
line-height: 135%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
background-color: #f4f4f4;
cursor: pointer;
}
.custom-select__option-item {
padding: 10px 25px;
width: 100%;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 500;
font-style: normal;
line-height: 135%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
cursor: pointer;
}
.custom-select__option-item:hover {
color: #000000;
background-color: #f4f4f4;
}
.advantage-form__msg {
margin-top: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 150%;
color: #969595;
text-decoration: none;
text-align: left;
}
.advantage-form__submit {
display: inline-block;
margin-top: 20px;
padding: 22px 0px;
width: 100%;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
white-space: nowrap;
background-color: #004BDB;
border-radius: 48px;
cursor: pointer;
user-select: none;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.advantage-form__submit:hover {
background-color: #2b56da;
} .breadcrumbs {
margin-top: 40px;
margin-bottom: 40px;
}
.breadcrumbs__inner {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #818181;
text-decoration: none;
text-align: left;
}
.breadcrumbs__item {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #818181;
text-decoration: none;
text-align: left;
}
.breadcrumbs__item:hover {
color: #000000;
}
.breadcrumbs__title {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #004BDB;
text-decoration: none;
text-align: left;
}
.breadcrumbs__sep {
padding: 0 5px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #818181;
text-decoration: none;
text-align: left;
}
.breadcrumbs__link {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 125%;
color: #818181;
text-decoration: none;
text-align: left;
} .logo {
width: 200px;
min-width: 200px;
height: auto;
}
.logo__img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
} .main-nav {
width: 100%;
}
.main-menu {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
.main-menu li {
margin-top: 0;
margin-bottom: 0;
}
.main-menu a {
padding: 5px 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
white-space: nowrap;
color: #000000;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.main-menu a:hover {
color: #004BDB;
} .search-form__form {
position: relative;
}
.search-form__input-text {
padding: 11px 20px 11px 35px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
color: #000000;
border: none;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
}
.search-form__input-text::placeholder {
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 145%;
text-decoration: none;
color: #A9A9A9;
}
.search-form__input-text:active,
.search-form__input-text:focus {
outline: 1px #ffb031 solid; }
.search-form__submit {
position: absolute;
top: 1px;
left: 0;
width: 40px;
height: 100%;
background-color: transparent;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-search-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 21px;
border: none;
outline: none;
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
}
.search-form__submit:active,
.search-form__submit:focus {
outline: 1px #ffb031 solid;
}
.search--sidebar {
margin-bottom: 20px;
width: 100%;
}
.search--sidebar .search-form__input-text {
padding: 13px 35px 13px 20px;
width: 100%;
max-width: unset;
border: 1px #DFDFDF solid;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.search--sidebar .search-form__submit {
left: auto;
right: 0;
} .user-menu {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.user-menu__item {
margin-left: 30px;
}
.btn-add {
padding: 14px 30px 14px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
box-shadow: 0px 12px 52.3px -10px #1399D6;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.btn-add:hover { background-color: #2E89E7;
}
.btn-account {
display: flex;
justify-content: center;
align-items: center;
width: 41px;
height: 41px;
background-color: #004BDB;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-user-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 17px 18px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.btn-account:hover { background-color: #2E89E7;
}
.btn-logout {
display: flex;
justify-content: center;
align-items: center;
width: 41px;
height: 41px;
color: #FFFFFF;
text-decoration: none;
background-color: #004BDB; background-repeat: no-repeat;
background-position: center;
background-size: 17px 18px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.btn-logout:hover { background-color: #2E89E7;
} .header {
margin-top: 40px;
margin-bottom: 40px;
}
.header__inner {
display: flex;
justify-content: space-between;
align-items: center;
} .front-intro__main {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.front-intro__title {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 120px;
margin-bottom: 0; font-family: 'Zona Pro';
font-size: 80px;
font-weight: 900;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #004BDB;
}
.front-intro__subtitle {
font-family: 'Zona Pro';
font-size: 55px;
font-weight: 900;
line-height: 125%;
text-decoration: none;
text-align: center;
color: #000000;
}
.front-intro__text {
margin-top: 30px;
margin-bottom: 45px;
max-width: 720px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
color: #000000;
text-align: center;
}
.front-intro__link {
margin-top: 45px;
padding: 23px 71px;
max-width: 720px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #004BDB;
border-radius: 75px;
box-shadow: 0px 12px 52.3px -10px #1399D6;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.front-intro__link:hover {
background-color: #2b56da;
} .opportunity {
margin-top: 120px;
margin-bottom: 90px;
}
.opportunity__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.opportunity__subtext {
margin-top: 30px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.opportunity__subtext a {
font-weight: 700;
color: #1399d6;
text-decoration: none;
}
.opportunity__list {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
width: calc(100% + 30px);
}
.opportunity__item {
display: flex;
justify-content: flex-start;
align-items: stretch;
margin-top: 70px;
margin-right: 30px;
width: calc(50% - 30px);
}
.opportunity__picture {
display: flex;
justify-content: center;
align-items: center;
margin-right: 35px;
width: 90px;
min-width: 90px;
height: 90px;
background-color: #1545d7;
border-radius: 90px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
-ms-border-radius: 90px;
-o-border-radius: 90px;
filter: drop-shadow(0px 20px 20px #1399d680);
-webkit-filter: drop-shadow(0px 20px 20px #1399d680);
}
.opportunity__picture--green {
background-color: #17D613;
filter: drop-shadow(0px 20px 20px #17D61380);
-webkit-filter: drop-shadow(0px 20px 20px #17D61380);
}
.opportunity__icon {
display: block;
object-fit: contain;
}
.opportunity__caption {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.opportunity__text {
margin-top: 5px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
} .state-list {
margin-top: 90px;
margin-bottom: 120px;
}
.state-list__list {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
width: calc(100% + 30px);
}
.state-list__item {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
margin-right: 30px;
width: calc(25% - 30px);
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
border-radius: 60px;
cursor: pointer;
user-select: none;
}
.state-list__item a {
color: #000;
text-decoration: none;
padding: 15px 55px 15px 25px;   
display: block;
width: 100%;
box-sizing: border-box;
}
.state-list__item:hover {
background-color: #2E89E7;
}
.state-list__item:hover a {
color: #fff;
}
.state-list__item:hover::after {
border-top: 2px #fff solid;
border-right: 2px #fff solid;
}
.state-list__item::after {
content: '';
position: absolute;
right: 25px;
width: 7px;
height: 7px;
margin-bottom: 3px;
border-top: 2px #1399D6 solid;
border-right: 2px #1399D6 solid;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
} .table-list {
margin-top: 60px;
margin-bottom: 60px;
}
.table-list__list {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
width: calc(100% + 30px);
}
.table-list__item {
position: relative;
display: flex;
justify-content: flex-start;
align-items: stretch;
margin-top: 30px;
margin-right: 30px;
padding: 15px 55px 15px 25px;
width: calc(25% - 30px);
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
background-color: #FFFFFF; border-radius: 20px;
cursor: pointer;
user-select: none;
}
.table-list__item::after {
content: '';
position: absolute;
top: 20px;
right: 25px;
width: 7px;
height: 7px;
margin-bottom: 3px;
border-top: 2px #1399D6 solid;
border-right: 2px #1399D6 solid;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
}
.table-list__item:hover {
color: #FFFFFF;
background-color: #2E89E7;
}
.table-list__item:hover::after {
border-top: 2px #FFFFFF solid;
border-right: 2px #FFFFFF solid;
} .advantage {
margin-top: 120px;
margin-bottom: 120px;
}
.advantage__inner {
display: flex;
justify-content: flex-start;
align-items: stretch;
width: calc(100% + 30px);
}
.advantage__list {
margin-right: 30px;
width: calc(50% - 30px);
}
.advantage__item {
margin-bottom: 60px;
}
.advantage__item:last-child {
margin-bottom: 0;
}
.advantage__caption {
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advantage__text {
margin-top: 15px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advantage__side {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: calc(50% - 30px);
}
.advantage__year {
margin-top: 100px;
font-family: 'Zona Pro';
font-size: 175px;
font-weight: 900;
line-height: 85%;
color: #1545d7;
text-decoration: none;
text-align: left;
}
.advantage-state {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
align-self: flex-end;
flex-wrap: wrap;
margin-left: 40px;
margin-right: 40px;
padding: 60px 45px 55px 60px;
top: -55px;
left: auto;
right: 0;
max-width: 515px;
background-color: #FFFFFF;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
box-shadow: 0 0 25px 15px #00000010;
}
.advantage-state__item {
margin-right: 15px;
width: calc(50% - 15px);
font-family: 'Zona Pro';
font-size: 15px;
font-weight: 400;
line-height: 200%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advantage-form {
position: relative;
align-self: flex-end;
margin-left: 80px;
padding: 30px;
top: -100px;
right: 0;
max-width: 375px;
background-color: #FFFFFF;
box-shadow: 0 0 25px 15px #00000005;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.advantage-form__title {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advantage-form__arrow {
position: absolute;
top: -50px;
left: -180px;
}
.advantage-form__select {
margin-top: 15px;
} .advice {
margin-top: 90px;
margin-bottom: 120px;
}
.advice__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advice__text {
margin-top: 15px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advice__list {
margin-top: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
}
.advice__item {
position: relative;
margin-top: 30px;
padding-left: 53px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.advice__item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 26px;
min-width: 26px;
height: 26px;
background-color: #17D613;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-opp-4.png);
background-repeat: no-repeat;
background-size: 10px 7px;
background-position: center;
border-radius: 26px;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
-ms-border-radius: 26px;
-o-border-radius: 26px;
filter: drop-shadow(0px 5px 5px #17D61380);
-webkit-filter: drop-shadow(0px 5px 5px #17D61380);
} .review {
padding-top: 60px;
padding-bottom: 60px;
background-color: #EBEFF4;
}
.review__header {
position: relative;
}
.review__title {
margin-top: 0;
margin-bottom: 0;
width: calc(100% - 260px);
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.review__subtitle {
margin-top: 5px;
margin-bottom: 0;
width: calc(100% - 260px);
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.trustpilot {
position: absolute;
top: 0;
right: 0;
}
.trustpilot__logo {
display: block;
width: 233px;
height: auto;
}
.review__list {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
margin-top: 55px;
width: calc(100% + 30px);
}
.review__item {
margin-top: 30px;
margin-right: 30px;
padding: 30px 20px 20px;
width: calc(25% - 30px);
background-color: #FFFFFF;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.review__item--second {
width: calc(33.33% - 30px);
}
.review__caption {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 130%;
color: #000000;
text-decoration: none;
text-align: left;
}
.review__text {
margin-top: 25px;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.review__bottom {
margin-top: 30px;
}
.review__link {
display: block;
width: 260px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: underline;
white-space: nowrap;
text-align: center;
}
.review__link:hover {
text-decoration: none;
} .subscribe {
padding-top: 95px;
padding-bottom: 95px;
}
.subscribe__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.subscribe__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 700;
line-height: 130%;
color: #000000;
text-decoration: none;
text-align: left;
}
.subscribe__form {
display: flex;
justify-content: flex-start;
align-items: center;
width: 65%;
}
.subscribe__input-text {
display: block;
margin-left: 30px;
padding: 25px 30px;
width: 50%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
border: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
}
.subscribe__input-text::placeholder {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #92968A;
}
.subscribe__input-text:active,
.subscribe__input-text:focus {
outline: 1px #ffb031 solid;
}
.subscribe__submit {
display: block;
margin-left: 30px;
padding: 27px 30px;
width: 50%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
white-space: nowrap;
background-color: #004BDB;
border: none;
cursor: pointer;
user-select: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.subscribe__submit:hover {
background-color: #2b56da;
}
.subscribe__submitt:active,
.subscribe__submit:focus {
outline: none;
} .manual__main {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.manual__picture {
position: relative;
margin-right: 60px;
}
.manual__img {
display: block;
width: 100%;
max-width: 410px;
height: auto;
object-fit: contain;
}
.manual__link {
position: absolute;
display: inline-block;
bottom: 30px;
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
padding: 27px 0px;
width: calc(100% - 60px);
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
white-space: nowrap;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
border-radius: 48px;
-webkit-border-radius: 48px;
-moz-border-radius: 48px;
-ms-border-radius: 48px;
-o-border-radius: 48px;
filter: drop-shadow(0px 20px 20px #1399d680);
-webkit-filter: drop-shadow(0px 20px 20px #1399d680);
cursor: pointer;
user-select: none;
}
.manual__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: auto;
margin-bottom: auto;
width: 75%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.manual__title {
margin-top: 0;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.manual_extended {
margin-top: 60px;
} .category-list-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
padding: 20px 20px 20px;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.category-list__title {
margin-bottom: 15px;
font-family: 'Zona Pro';
font-size: 18px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.category-list {
margin: 0;
padding: 0;
list-style: none;
}
.category-list__item {
margin-top: 0;
margin-bottom: 0;
}
.category-list__link {
display: inline-block;
margin-right: 5px;
padding: 5px 0;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.category-list__link:hover {
color: #004BDB;
}
.category-list__count {
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
color: #A5A5A5;
} .sidebar {
margin-right: 30px;
width: 300px;
min-width: 300px;
}
.sidebar--right {
margin-right: 0;
margin-left: 30px;
}
.sidebar-caption {
display: inline-block;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #000000;
}
.license {
margin-bottom: 40px;
}
.sidebar-category {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
padding: 0 20px;
min-height: 58px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
background-color: #FFFFFF;
border: 2px transparent solid;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
cursor: pointer;
user-select: none;
}
.sidebar-category--active {
border: 2px #004BDB solid;
color: #004BDB;
}
.sidebar-category:hover {
color: #004BDB;
}
.sidebar-category svg {
margin-right: 10px;
width: 25px;
min-width: 25px;
}
.sidebar-category--active svg * {
stroke: #004BDB;
}
.sidebar-category span {
margin-left: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
background-color: #FFFFFF;
}
.sidebar-category--active span {
color: #004BDB;
} .blog__inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.post-list__item {
margin-bottom: 20px;
padding: 20px 20px 25px;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.post-list__item.post-list__item-book {
display: flex;
}
.post-list__item.post-list__item-search {
display: flex;
}
.post-list__item.post-list__item-book .post-list__preview {
margin-right: 20px;
width: 200px;
min-width: 200px;
height: auto;
}
.post-list__item.post-list__item-search .post-list__preview {
margin-left: 20px;
width: 200px;
min-width: 200px;
height: auto;
}
.post-list__preview img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.post-list__picture {
position: relative;
display: block;
margin-bottom: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
}
.post-list__img {
display: block;
width: 100%;
height: auto;
min-height: 260px;
max-height: 320px;
object-fit: cover;
}
.post-list__caption {
margin-top: 20px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-list__caption:hover {
color: #004BDB;
}
.post-list__desc {
margin-top: 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-list__bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
margin-right: 25px;
}
.post-list__bottom.post-list__bottom--blog {
flex-wrap: nowrap;
} .post-main {
padding: 30px 30px 30px;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.post-gallery {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px;
}
.post-gallery__main {
width: 100%;
height: 320px;
}
.post-gallery__picture {
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden;
}
.post-gallery__picture.hide {
display: none;
}
.post-gallery__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.post-gallery__thumb {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-left: 20px;
width: 40%;
min-width: 300px;
height: 320px;
}
.post-gallery__thumb .post-gallery__picture {
height: 150px;
}
.post-gallery__view {
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
right: 25px;
bottom: 25px;
padding: 10px 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0 0 5px #00000040;
}
.post-gallery__view svg {
margin-right: 10px;
}
.post-main__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-main__content {
margin-top: 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-main ul {
padding-left: 20px;
list-style: disc;
}
.post-main li {
font-size: 16px;
}
.post-author {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 40px;
}
.post-author img {
display: block;
margin-right: 15px;
width: 40px;
min-width: 40px;
height: 40px;
object-fit: contain;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
overflow: hidden;
}
.post-author__avatar {
display: block;
margin-right: 15px;
width: 40px;
min-width: 40px;
height: 40px;
object-fit: contain;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
overflow: hidden;
}
.post-author__name {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.post-author__name span {
margin-right: 5px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: #A5A5A5;
text-decoration: none;
text-align: left;
}
.post-list__category { margin-top: 10px;
margin-bottom: 10px;
width: 100%;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-list__category-item {
margin-right: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-list__category-item:hover {
color: #004BDB;
}
.post-panel {
width: calc(100% - 330px);
}
.post-list__info {
margin-top: 40px;
margin-bottom: 40px;
}
.post-list__field {
margin-top: 5px;
margin-bottom: 5px;
}
.post-list__field {
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.post-list__field span {
display: inline-block;
margin-right: 10px;
width: 40px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 150%;
color: #A5A5A5;
text-decoration: none;
text-align: left;
}
.post-category {
display: flex;
justify-content: flex-start;
align-items: center;
}
.post-category__item {
display: inline-block;
margin-right: 10px;
padding: 8px 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
user-select: none;
}
.post-tag {
display: flex;
justify-content: flex-start;
align-items: center;
}
.post-tag__item {
display: inline-block;
margin-right: 10px;
padding: 8px 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
user-select: none;
}
.post-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
margin-top: 20px;
padding: 10px 30px 20px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.post-info.post-info--blog {
padding: 20px 30px 20px;
}
.author {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 40px;
}
.author--related { }
.author__avatar {
display: block;
margin-right: 15px;
width: 46px;
height: 46px;
object-fit: cover;
border-radius: 46px;
overflow: hidden;
}
.author .avatar {
display: block;
margin-right: 15px;
width: 46px;
height: 46px;
object-fit: cover;
border-radius: 46px;
overflow: hidden;
}
.author__name {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 130%;
color: #000000;
text-decoration: none;
text-align: left;
}
.author__location {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 130%;
color: #000000;
text-decoration: none;
text-align: left;
}
.author__position {
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 130%;
color: #A5A5A5;
text-decoration: none;
text-align: left;
}
.published {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column; }
.date {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 17px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
}
.date::before {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 12px;
height: 13px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-data-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.date--related { }
.date.date--blog-list {
margin-left: auto;
}
.share {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center; padding-left: 17px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
cursor: pointer;
user-select: none;
}
.share::before {
content: '';
position: absolute;
left: 0;
width: 11px;
height: 8px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-share-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.save {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 20px; padding-left: 17px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
cursor: pointer;
user-select: none;
}
.save::before {
content: '';
position: absolute;
left: 0;
width: 8px;
height: 8px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-save-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.location {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 30px;
padding-left: 20px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.location::before {
content: '';
position: absolute;
left: 0;
width: 12px;
height: 14px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-location-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.price {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 30px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.price span {
margin-left: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
}
.call {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 7px 15px 7px 35px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 100%;
color: #77B600;
text-decoration: none;
text-align: left;
white-space: nowrap;
border: 1px #77B600 solid;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
user-select: none;
}
.call::before {
content: '';
position: absolute;
left: 15px;
width: 10px;
height: 10px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-phone-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mail {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 10px;
padding: 7px 15px 7px 35px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 100%;
color: #004BDB;
text-decoration: none;
text-align: left;
white-space: nowrap;
border: 1px #004BDB solid;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
user-select: none;
}
.mail::before {
content: '';
position: absolute;
left: 15px;
width: 11px;
height: 10px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-msg-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.field {
font-size: 12px;
white-space: nowrap;
}
.ad-count {
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
}
.ad-caption {
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.ad-category {
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.ad-category:hover {
color: #004BDB;
}
.ad__error {
margin-left: 20px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 180%;
color: red;
text-decoration: none;
text-align: left;
}
.action {
padding: 30px;
margin-bottom: 30px;
border-radius: 20px;
background-color: #FFFFFF;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.action__caption {
margin-bottom: 25px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: center;
}
.action__btn {
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px 30px;
max-width: 260px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
cursor: pointer;
user-select: none;
}
.action__btn svg {
margin-right: 10px;
}
.action__report {
display: flex;
justify-content: center;
align-items: center;
margin-top: 25px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #A9A9A9;
cursor: pointer;
user-select: none;
}
.action__report svg {
margin-right: 10px;
}
.contact-link {
margin-bottom: 30px;
}
.contact-link__item {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
padding: 22px 30px 22px 60px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
background-color: #FFFFFF;
border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
cursor: pointer;
user-select: none;
}
.contact-link__item--ig::before {
content: '';
position: absolute;
left: 20px;
width: 20px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-instagram-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.contact-link__item--tg::before {
content: '';
position: absolute;
left: 20px;
width: 24px;
height: 24px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-telegram-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.contact-link__item--wa::before {
content: '';
position: absolute;
left: 20px;
width: 20px;
height: 22px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-whatsapp-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.contact-link__item--fb::before {
content: '';
position: absolute;
left: 20px;
width: 20px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-facebook-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.category-description {
margin-top: 50px;
margin-bottom: 20px;
padding: 20px 20px 25px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
} .ad-info {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 15px;
}
.ad-info__row {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px 0;
height: 31px;
}
.ad-action {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end; margin-left: auto;
}
.ad-action__row {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 5px 0;
height: 31px;
} .pagination {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
}
.pagination__item {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
width: 39px;
height: 43px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
cursor: pointer;
user-select: none;
}
.pagination__item--active {
color: #FFFFFF;
background-color: #004BDB;
} .nav-links {
display: flex;
justify-content: flex-start;
align-items: center;
}
.nav-links .page-numbers {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
width: 39px;
height: 43px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
cursor: pointer;
user-select: none;
}
.nav-links .page-numbers.current {
color: #FFFFFF;
background-color: #004BDB;
} .comment__inner {
margin-top: 40px;
padding: 30px 30px 40px;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.comment__caption {
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.comment__caption span {
color: #A5A5A5;
}
.comment__form {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.comment__label {
width: 100%;
}
.comment__textarea {
margin-top: 20px;
padding: 20px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.comment__textarea::placeholder {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #A5A5A5;
text-decoration: none;
text-align: left;
}
.comment__textarea:active,
.comment__textarea:focus {
outline: 2px #2e89e7 solid;
}
.comment__submit {
margin-top: 20px;
margin-left: auto;
padding: 14px 25px 14px;
width: 210px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
border: none;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
cursor: pointer;
user-select: none;
}
.comment__list {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.comment__item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 40px;
width: 100%;
}
.comment__avatar {
display: block;
margin-right: 30px;
width: 50px;
min-width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
overflow: hidden;
}
.comment__main {
width: 100%;
}
.comment__name {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
}
.comment__name span {
margin-left: 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #A5A5A5;
}
.comment__text {
margin-top: 20px;
margin-bottom: 0;
}
.comment__action {
margin-top: 30px;
text-align: right;
}
.comment__btn {
padding: 10px 15px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
text-align: left;
white-space: nowrap;
color: #00519F;
} .comments-area {
margin-top: 40px;
padding: 30px 30px 40px;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.comment-list {
margin: 0;
padding-left: 0;
list-style: none;
}
.children {
margin-left: 40px;
padding-left: 0;
list-style: none;
}
.comment-list .comment {
margin-top: 30px;
}
.comment-author {
display: flex;
justify-content: flex-start;
align-items: flex-start;
} 
.comment-author .avatar {
display: block;
margin-right: 30px;
width: 50px;
min-width: 50px;
height: 50px;
object-fit: cover;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
overflow: hidden;
}
.comment-meta {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.comment-author b {
display: inline-flex;
}
.comment-author .says {
display: none;
}
.comment-author .fn a {
margin-right: 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
}
.comment-metadata {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.comment-metadata a {
margin-right: 10px;
margin-bottom: 10px;
line-height: 100%;
text-decoration: none;
}
.comment-metadata time {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #A5A5A5;
}
.comment-metadata .edit-link {
line-height: 100%;
}
.comment-content {
position: relative;
margin-left: 80px;
top: -20px;
}
.comment-content p {
margin: 0;
}
.reply {
text-align: right;
}
.reply .comment-reply-link {
padding: 10px 0 10px 15px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
text-align: left;
white-space: nowrap;
color: #00519F;
}
.comment-reply-title {
display: none;
}
.logged-in-as {
display: none;
}
.comment-form-comment label {
display: none;
}
.comment-form textarea {
padding: 20px 20px;
width: 100%;
height: 100px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 10px;
outline: none;
}
.comment-form textarea:focus,
.comment-form textarea:active {
border: 1px #ffb031 solid;
outline: none;
}
.comment-form-author input {
padding: 5px 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 5px;
outline: none;
}
.comment-form-email input {
padding: 5px 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 5px;
outline: none;
}
.comment-form-url input {
padding: 5px 10px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #CDCDCD solid;
border-radius: 5px;
outline: none;
}
.comment-form .form-submit {
margin: 0;
text-align: right;
}
.comment-form .submit {
margin-left: auto;
padding: 14px 25px 14px;
width: 230px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
border: none;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
cursor: pointer;
user-select: none;
transition: .15s;
}
.comment-form .submit:hover {
background-color: #2E89E7;
} .related {
margin-top: 40px;
}
.related__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 36px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.related__list {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
margin-top: 35px;
width: calc(100% + 30px);
}
.related__item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-right: 30px;
margin-bottom: 30px;
padding: 20px 20px 20px;
width: calc(25% - 30px);
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.related__pic {
display: block;
}
.related__img {
display: block;
width: 100%;
height: auto;
min-height: 200px;
object-fit: contain;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
overflow: hidden;
object-fit: cover;
}
.related__caption {
display: block;
margin-top: 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.related__caption:hover {
color: #004BDB;
}
.related__desc {
margin-top: 10px;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 175%;
color: #000000;
text-decoration: none;
text-align: left;
}
.related__categories {
margin-top: 10px;
}
.related__category {
display: inline-block;
margin-top: 10px;
margin-right: 5px;
padding: 8px 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #eee solid;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
cursor: pointer;
user-select: none;
}
.related__category:hover {
color: #004BDB;
}
.related__info {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
} .test {
margin-bottom: 60px;
width: inherit;
}
.test__inner { align-items: flex-start;
width: inherit;
}
.test__left {
display: flex;
width: inherit;
}
.test__right {
min-height: 720px;
}
.test-main {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.test__count {
padding: 15px 25px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
border: 1px #A5A5A5 solid;
background-color: #FFFFFF;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.test__step {
display: none;
margin-top: 20px;
}
.test__step.active {
display: block;
animation: show .5s ease-in;
-webkit-animation: show .5s ease-in;
}
.test__picture {
display: block;
}
.test__img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.test__question {
margin-top: 40px;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.test__answer {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
border: none;
}
.test__answer-label {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 15px 0;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.test__answer-label span {
margin-right: 20px;
justify-content: flex-start;
align-items: center;
font-family: 'Zona Pro';
font-size: 25px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.test__answer-radio {
margin: 5px 20px 5px;
width: 23px;
min-width: 23px;
height: 23px;
cursor: pointer;
}
.text__next {
margin-top: 60px;
padding: 25px 64px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
box-shadow: 0px 20px 30px 0px #1399d659;
border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
cursor: pointer;
user-select: none;
}
.test-progress {
margin-top: 40px;
}
.test-progress__label {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #000000;
}
.test-progress__list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
}
.test-progress__item {
display: flex;
justify-content: center;
align-items: center;
margin-right: 2px;
margin-bottom: 2px;
width: 25px;
height: 25px;
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #FFFFFF;
background-color: #D9D9D9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
user-select: none;
}
.test-progress__item.test--true {
background-color: #01BE2A;
}
.test-progress__item.test--false {
background-color: #E3301F;
}
.test-progress__item.active {
border: 1px #01BE2A solid;
}
.test-info {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 75px;
padding: 35px 45px;
background-color: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.test-info__icon {
display: block;
margin-right: 45px;
width: 53px;
height: auto;
object-fit: contain;
}
.test-info__text {
margin: 0;
font-size: 15px;
font-weight: 400;
line-height: 175%;
text-decoration: none;
text-align: left;
color: #000000;
} .full-banner {
display: block;
margin-bottom: 20px;
width: 100%;
}
.full-banner__img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
overflow: hidden;
}
.sidebar-banner {
display: block;
margin-bottom: 30px;
width: 100%;
height: 250px;
}
.sidebar-banner__img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
.subscribe-news {
position: relative;
margin-bottom: 30px;
padding: 30px 20px 30px;
background-color: #B2DFFF;
border-radius: 20px;
}
.subscribe-news__img {
position: absolute;
top: 30px;
right: 0;
}
.subscribe-news__caption {
max-width: 150px;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
}
.subscribe-news__text {
margin-top: 25px;
margin-bottom: 35px;
max-width: 150px;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 700;
line-height: 150%;
color: #000000;
text-decoration: none;
text-align: left;
}
.subscribe-news__input {
padding: 13px 20px 13px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #000000;
border: none;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.subscribe-news__input::placeholder {
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #A5A5A5;
}
.subscribe-news__input:active,
.subscribe-news__input:focus {
outline: 2px #2e89e7 solid;
}
.subscribe-news__submit {
margin-top: 20px;
margin-left: auto;
padding: 14px 25px 14px;
width: 100%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
border: none;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
cursor: pointer;
user-select: none;
transition: .15s;
}
.subscribe-news__submit:hover {
background-color: #2E89E7;
} .contacts__inner {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.contacts__main {
padding: 0 40px;
width: 50%;
max-width: 420px;
}
.contacts__text {
margin-top: 60px;
}
.contacts__link {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 60px;
}
.contacts__link-item {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
padding: 5px 0 5px 40px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #000000;
}
.contacts__link-item--mail::before {
content: '';
position: absolute;
left: 0;
width: 23px;
height: 16px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-contact-mail-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.contacts__link-item--tg::before {
content: '';
position: absolute;
left: 0;
width: 24px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-contact-tg-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.contact-form {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px;
width: 50%;
background-color: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.contact-form__title {
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #000000;
}
.contact-form__form {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 40px;
width: 100%;
max-width: 520px;
}
.contact-form label {
width: 100%;
}
.contact-form input[type="text"] {
margin-bottom: 15px;
padding: 10px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
}
.contact-form input[type="text"]::placeholder {
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #A5A5A5;
}
.contact-form input[type="text"]:active,
.contact-form input[type="text"]:focus {
outline: 2px #2e89e7 solid;
}
.contact-form__msg {
margin-top: 0;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #A5A5A5;
}
.contact-form__msg--policy {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.contact-form textarea {
margin-top: 15px;
margin-bottom: 0;
padding: 10px 20px;
width: 100%;
height: 180px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.contact-form textarea:active,
.contact-form textarea:focus {
outline: 2px #2e89e7 solid;
}
.contact-form__submit {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
padding: 19px 70px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #FFFFFF;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
border: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
cursor: pointer;
user-select: none;
box-shadow: 0px 12px 52.3px -10px #1399D6;
} .login__inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.login__title {
margin: 0;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: center;
}
.login-form {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
padding: 40px;
background-color: #FFFFFF;
width: 100%;
max-width: 350px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
box-shadow: 0px 4px 24.3px 14px #0000000A;
}
.facebook-login {
display: flex;
justify-content: center;
align-items: center;
padding: 9px 25px;
width: 100%;
max-width: 260px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
white-space: nowrap;
background-color: #004BDB;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
cursor: pointer;
user-select: none;
}
.facebook-login svg {
margin-right: 10px;
width: 24px;
min-width: 24px;
height: auto;
}
.google-login {
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
padding: 9px 25px;
width: 100%;
max-width: 260px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: center;
white-space: nowrap;
background-color: #F0F0F0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
cursor: pointer;
user-select: none;
}
.google-login svg {
margin-right: 10px;
width: 24px;
min-width: 24px;
height: auto;
}
.login-form__and {
margin-top: 25px;
margin-bottom: 25px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #000000;
}
.login-form__form {
display: none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 260px;
}
.login-form__form.active {
display: flex;
}
.login-form__tab {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 260px;
background-color: #004BDB;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.login-form__tab-btn {
margin: 2px;
padding: 12px 10px;
width: 50%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
cursor: pointer;
user-select: none;
}
.login-form__tab-btn.active {
font-weight: 600;
color: #000000;
background-color: #FFFFFF;
}
.login-form__label {
width: 100%;
}
.login-form__input-text {
margin-top: 15px;
padding: 10px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
}
.login-form__input-text::placeholder {
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #A5A5A5;
}
.login-form__input-text:active,
.login-form__input-text:focus {
border: 1px #ffb031 solid;
outline: none;
}
.login-form__forgot {
margin-top: 20px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
}
.login-form__submit {
margin-top: 25px;
margin-left: auto;
margin-right: auto;
padding: 19px 25px;
width: 100%;
max-width: 210px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #FFFFFF;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
border: none;
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-ms-border-radius: 70px;
-o-border-radius: 70px;
cursor: pointer;
user-select: none;
box-shadow: 0px 12px 52.3px -10px #1399D6;
}
.login-form__submit:hover {
background: #2E89E7;
}
.login-form__msg {
margin-top: 41px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 125%;
text-decoration: none;
text-align: center;
color: #A5A5A5;
}
.login-form__error {
margin-top: 20px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 11px;
font-weight: 400;
line-height: 125%;
text-decoration: none;
text-align: left;
color: red;
}
.login-form__label--policy {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.login-form__pwd {
margin-top: 15px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 11px;
font-weight: 400;
line-height: 125%;
text-decoration: none;
text-align: left;
color: #A5A5A5;
}
.login-form__policy {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 10px;
width: 16px;
height: 16px;
filter: opacity(0.5);
-webkit-filter: opacity(0.5);
}
.login-form__policy:checked {
filter: opacity(1);
-webkit-filter: opacity(1);
}
.login-form__policy-text {
margin-top: 2px;
font-family: 'Zona Pro';
font-size: 11px;
font-weight: 400;
line-height: 125%;
text-decoration: none;
text-align: left;
color: #A5A5A5;
} .account__inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.account__main {
width: calc(100% - 330px);
}
.account-tab {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 40px;
cursor: pointer;
user-select: none;
}
.account-tab__item {
margin-right: 40px;
}
.account-tab__link {
position: relative;
display: inline-flex;
justify-content: flex-start;
align-items: center;
padding: 5px 0px 5px 25px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
}
.account-tab__link:hover {
color: #004BDB;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.account-tab__link.account-tab__link--first::before {
content: '';
position: absolute;
left: 0px;
width: 13px;
height: 15px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-account-icon-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.account-tab__link.account-tab__link--second::before {
content: '';
position: absolute;
left: 0px;
width: 14px;
height: 13px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-account-icon-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.account-tab__link.account-tab__link--third::before {
content: '';
position: absolute;
left: 0px;
width: 15px;
height: 15px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-account-icon-3.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.account-tab__link.account-tab__link--four::before {
content: '';
position: absolute;
left: 0px;
width: 15px;
height: 15px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-account-icon-4.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.account-tab__item.active .account-tab__link {
font-weight: 700;
color: #004BDB;
}
.account-tab__item.active .account-tab__link::after {
content: '';
position: absolute;
left: 0;
bottom: -27px;
width: 100%;
height: 1px;
border-bottom: 4px #004BDB solid;
}
.account-panel {
margin-top: 20px;
width: 100%;
height: auto;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.account-panel__item {
display: none;
padding: 40px;
}
.account-panel__item.active {
display: block;
animation: show .15s ease-in;
-webkit-animation: show .15s ease-in;
}
.statistics {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.statistics__item {
display: flex;
justify-content: flex-start;
align-items: center;
margin-right: 25px;
margin-bottom: 10px;
font-family: 'Zona Pro';
font-size: 12px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
color: #000000;
cursor: pointer;
}
.statistics__item.active {
color: #004BDB;
}
.statistics__item:hover {
color: #004BDB;
}
.statistics__item span {
display: flex;
justify-content: center;
align-items: center;
margin-left: 5px;
width: 30px;
min-width: 30px;
height: 30px;
background-color: #F0F0F0;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.account-panel__main {
display: none;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.account-panel__main.active {
display: flex;
animation: show .3s ease-in;
}
.account-panel__empty {
margin-top: 50px;
}
.account-panel__title {
margin-top: 40px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-decoration: none;
text-align: center;
color: #000000;
}
.account-panel__subtitle {
margin-top: 5px;
margin-bottom: 15px;
text-align: center;
}
.account-panel__btn-add {
margin-top: 25px;
margin-bottom: 15px;
}
.ad-list {
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
.ad-list__item {
margin-top: 30px;
padding: 15px;
background-color: #efefef;
border-radius: 10px;
}
.ad-list__title {
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #000000;
}
.ad-list__title:hover {
color: #004BDB;
}
.ad-list__excerpt {
margin-top: 15px;
padding: 15px;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #000000;
background-color: #FFFFFF;
border-radius: 10px;
}
.ad-list__date {
margin-top: 15px;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: right;
color: #000000;
}
.as-list__action {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 15px;
width: 100%;
}
.ad-list__edit {
margin-left: 15px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
}
.ad-list__del {
margin-left: 15px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
}
.ad-list__view {
margin-left: 15px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
}
.ad-list__remove {
margin-left: 15px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
}
.ad-list__action-btn {
margin-left: 15px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
} .add__step {
display: none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.add__step.active {
display: flex;
animation: show 0.3s ease-in;
-webkit-animation: show 0.3s ease-in;
}
.add__top {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 20px;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__main {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__contacts {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 20px;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__gallery {
margin-top: 20px;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__extanded {
flex-wrap: wrap;
margin-top: 20px;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__field-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: calc(100% + 20px);
}
.add label.w_33 {
margin-right: 20px;
width: calc(33.33% - 20px);
}
.add__social {
margin-top: 20px;
padding: 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__msg {
margin-top: 0;
margin-bottom: 0;
}
.add__title {
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
}
.add__caption {
margin-top: 30px;
width: 100%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: left;
}
.add__bottom {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 20px;
width: 100%;
}
.add__info {
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 20px;
padding: 20px 40px;
width: 100%;
background-color: #FFFFFF;
box-shadow: 0px 4px 24.3px 14px #0000000A;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add__msg {
margin-right: 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 11px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
}
.add__save {
font-family: 'Zona Pro';
font-size: 11px;
font-weight: 400;
line-height: 100%;
color: #004BDB;
text-decoration: underline;
text-align: left;
white-space: nowrap;
border: none;
background-color: transparent;
cursor: pointer;
user-select: none;
}
.add__select {
margin-top: 20px;
}
.add__select.w_50 {
width: calc(50% - 10px);
}
.add__select--first {
margin-right: 20px;
}
.add__select .custom-select__select {
font-size: 13px;
}
.add__select .custom-select__option-item {
font-size: 13px;
}
.add__select-loc {
display: none;
}
.add__select-loc.active {
display: block;
}
.add label {
position: relative;
display: block;
margin-top: 20px;
width: 100%;
}
.add label.w_25 {
width: calc(25% - 15px);
}
.add__input-text {
margin-bottom: 5px;
padding: 14px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
}
.add__input-text::placeholder {
font-size: 13px;
color: #A5A5A5;
}
.add input[type="text"]:active,
.add input[type="text"]:focus {
border: 1px #ffb031 solid;
outline: none;
}
.add textarea { padding: 15px 20px;
width: 100%;
height: 135px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.add textarea::placeholder {
font-size: 13px;
color: #A5A5A5;
}
.add textarea:active,
.add textarea:focus {
border: 1px #ffb031 solid;
outline: none;
}
.add__next {
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 200px;
}
.add__gallery-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 20px;
width: calc(100% + 25px);
}
.add__gallery-item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 25px;
margin-right: 25px;
width: calc(25% - 25px);
height: 270px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
overflow: hidden;
}
.add__gallery-item.empty {
border: 1px #DFDFDF solid;
}
.add__gallery-item.add__gallery-item--first {
display: flex;
margin-top: 0;
margin-bottom: 25px;
width: calc(25% - 25px);
border: 2px #004BDB dashed;
cursor: pointer;
}
.add__gallery-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.add__gallery-del {
position: absolute;
padding: 10px;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
background-color: #FFFFFF;
border-radius: 40px;
cursor: pointer;
box-shadow: 0 0 10px 0px #0000002e;
}
.add__gallery-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: center;
color: #004BDB;
cursor: pointer;
user-select: none;
}
.add__gallery-file {
display: none;
}
.gallery__msg {
margin-top: 15px;
margin-bottom: 0;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 180%;
text-decoration: none;
text-align: left;
color: #A5A5A5;
}
.gallery__msg span {
color: #000000;
}
.add__salary-wrap {
position: relative;
margin-top: 20px;
margin-right: 20px;
width: calc(33.33% - 20px);
}
.add__input-salary {
padding: 14px 200px 14px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
}
.add__input-salary::placeholder {
font-size: 13px;
color: #A5A5A5;
}
.add__select--salary {
position: absolute;
margin-top: 0;
width: 180px;
top: 0;
right: 0;
height: calc(100%);
text-align: right;
border: none;
background-color: transparent;
}
.add__select--salary::after {
content: '';
position: absolute;
top: 17px;
right: 25px;
width: 7px;
height: 7px;
border-top: 2px #FFB031 solid;
border-right: 2px #FFB031 solid;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
pointer-events: none;
}
.add__input-time {
margin-bottom: 0;
padding-right: 45px;
font-size: 13px;
border: 1px transparent solid;
background-color: transparent;
text-align: right;
}
.add__input-time::after {
content: none;
}
.add label.w_50 {
margin-right: 20px;
width: calc(50% - 20px);
}
.add__label--wa input {
padding-left: 55px;
}
.add__label--wa::before {
content: '';
position: absolute;
top: 12px;
left: 17px;
width: 20px;
height: 22px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-whatsapp-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.add__label--ig input {
padding-left: 55px;
}
.add__label--ig::before {
content: '';
position: absolute;
top: 13px;
left: 17px;
width: 20px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-instagram-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.add__label--tg input {
padding-left: 55px;
}
.add__label--tg::before {
content: '';
position: absolute;
top: 13px;
left: 17px;
width: 20px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-telegram-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.add__label--fb input {
padding-left: 55px;
}
.add__label--fb::before {
content: '';
position: absolute;
top: 13px;
left: 17px;
width: 20px;
height: 20px;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-facebook-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.add__prev {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 20px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
cursor: pointer;
user-select: none;
}
.add__prev::before {
content: '';
position: absolute;
left: 0;
width: 7px;
height: 7px;
border-top: 2px #FFB031 solid;
border-right: 2px #FFB031 solid;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
}
.add-category,
.add label.add-license-type,
.add label.add-school-cost,
.add label.add-lesson-cost,
.add label.add-language-type,
.add label.add-employee-salary,
.add label.add-company-name,
.add label.add-company-address,
.add label.add-operating-mode,
.add label.add-benefits-vacancy {
display: none;
}
.add-category.active,
.add label.add-license-type.active,
.add label.add-school-cost.active,
.add label.add-lesson-cost.active,
.add label.add-language-type.active,
.add label.add-employee-salary.active,
.add label.add-company-name.active,
.add label.add-company-address.active,
.add label.add-operating-mode.active,
.add label.add-benefits-vacancy.active {
display: block;
}
.add__extanded-msg {
display: none;
margin-top: 15px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: red;
}
.add__extanded-msg.active {
display: block;
}
.add-license-type {
display: none;
}
.add-license-type.active {
display: block;
}
.add-license-type.w_33 {
margin-right: 20px;
width: calc(33.33% - 20px);
} .toggle-list {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.toggle-list label {
position: relative;
width: unset;
}
.toggle-list input[type="checkbox"] {
position: absolute;
display: block;
margin: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
user-select: none;
}
.toggle-list__caption {
display: block;
margin-right: 10px;
padding: 8px 15px;
width: unset;
border: 1px #DFDFDF solid;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.toggle-list input[type="checkbox"]:checked + .toggle-list__caption {
color: #FFFFFF;
border: 1px #004BDB solid;
background-color: #004BDB;
} .sign__inner {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 30px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 180%;
color: #000000;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
border-radius: 20px;
}
.sign .post-thumbnail {
margin-right: 30px;
}
.sign__title {
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Zona Pro';
font-size: 36px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
} .footer {
margin-top: 120px;
background-color: #004BDB;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-footer-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
}
.footer--zero-margin {
margin-top: 0;
}
.footer__inner {
display: flex;
justify-content: space-between;
align-items: stretch; padding-top: 60px;
padding-bottom: 60px;
}
.footer__list {
margin: 0;
padding: 0;
list-style: none;
}
.footer__list li {
margin: 0;
}
.footer__caption {
margin-bottom: 30px;
font-family: 'Zona Pro';
font-size: 14px;
font-weight: 700;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}
.footer__list a {
display: block;
padding: 5px 0;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}
.footer__list a:hover {
color: #fdb13f;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
}
.footer__column--copyright {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.footer__copiright {
display: block;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 400;
line-height: 180%;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}
@media ( max-width: 1279px ) { body {
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-page-bg.jpg);
background-size: auto;
} .front-page {
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/img-page-bg.jpg);
background-size: auto;
}
.logo {
width: 170px;
min-width: 170px;
}
.main-menu__link {
padding: 5px 10px;
}
.search-form__input-text {
max-width: 145px;
}
.user-menu__item {
margin-left: 20px;
}
.front-intro__link {
max-width: 340px;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
}
.state-list__item {
width: calc(33.33% - 30px);
}
.table-list__item {
width: calc(33.33% - 30px);
}
.advantage-form__arrow {
top: -30px;
left: auto;
right: calc(100% + 15px);
width: 70px;
}
.review__item {
width: calc(33.33% - 30px);
}
.review__item--med-hide {
display: none;
} .manual__picture {
margin-right: 30px;
}
.manual__info {
margin: 0;
} .add__gallery-item {
height: 196px;
} .related__item {
width: calc(33.33% - 30px);
}
.related__item:last-child {
display: none;
}
.related__img {
display: block;
width: 100%;
max-height: 260px;
object-fit: cover;
}
}
@media ( max-width: 1023px ) {
.mobile-menu-btn {
display: block;
}
.main-nav {
display: none;
}
.opportunity__list {
width: 100%;
}
.opportunity__item {
margin-right: 0;
width: 100%;
}
.state-list__list {
width: calc(100% + 20px);
}
.state-list__item {
margin-top: 20px;
margin-right: 20px;
width: calc(50% - 20px);
}
.table-list__list {
width: calc(100% + 20px);
}
.table-list__item {
margin-top: 20px;
margin-right: 20px;
width: calc(50% - 20px);
}
.advantage__inner {
flex-direction: column;
width: 100%;
}
.advantage__list {
order: 2;
margin-right: 0;
width: 100%;
}
.advantage__side {
order: 1;
width: 100%;
}
.advantage__year {
margin-top: 0;
}
.advantage-state {
align-self: center;
max-width: 720px;
}
.advantage-form {
max-width: 480px;
}
.review__item {
width: calc(50% - 30px);
} .subscribe__inner {
flex-wrap: wrap;
}
.subscribe__title {
margin-bottom: 30px;
width: 100%;
}
.subscribe__form {
width: 100%;
}
.subscribe__input-text {
margin-left: 0;
} .subscribe-news__caption {
margin-right: 120px;
max-width: 480px;
}
.subscribe-news__text {
margin-right: 120px;
max-width: 480px;
}
.subscribe-news__label {
display: block;
margin-right: 120px;
max-width: 480px;
}
.subscribe-news__submit {
max-width: 260px;
} .test__inner {
flex-direction: column;
}
.sidebar-banner {
display: none;
} .account__inner {
flex-direction: column;
} .account-tab {
margin-left: 0;
overflow-y: auto;
}
.account-tab__link {
padding-bottom: 10px;
margin-bottom: 15px;
}
.account-tab__item.active .account-tab__link::after {
bottom: 0;
}
.account__main {
width: 100%;
} .add label.w_25 {
width: calc(50% - 15px);
}
.add__gallery-item {
width: calc(33.33% - 25px);
height: 170px;
}
.add__salary-wrap {
width: calc(100%);
}
.add label.w_33 {
width: calc(50% - 20px);
}  .blog__inner {
flex-direction: column;
}
.sidebar {
margin-top: 30px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.post-panel {
width: 100%;
} .contacts__inner {
flex-direction: column;
align-items: center;
}
.contacts__main {
padding: 0;
width: 100%;
max-width: 640px;
}
.contact-form {
margin-top: 60px;
width: 100%;
max-width: 640px;
}
.contacts__title {
margin-top: 0;
}
.contacts__text {
margin: 0;
}
.contacts__link {
margin-top: 20px;
} .blog__inner {
flex-direction: column;
}
.category-list-wrap {
margin-bottom: 20px;
}
.category-list.category-list--cat { }
.sidebar--blog-list {
margin-top: 0;
} .sidebar.sidebar--post {
order: 1;
}
.post-panel.post-panel--post {
order: 2;
} .related__item {
width: calc(50% - 30px);
}
.related__item:nth-child(3) {
display: none;
} .footer__inner {
flex-wrap: wrap;
justify-content: space-around;
}
.footer__column--logo {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.footer__column--med {
margin-top: 45px;
}
.footer__column--copyright {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
width: 100%;
}
.footer__caption {
margin-bottom: 20px;
}
.footer__link {
padding: 5px 0;
line-height: 150%;
}
.footer__column--copyright .footer__link {
padding: 0;
line-height: 180%;
}
}
@media ( max-width: 719px ) { h2 {
margin-top: 0;
font-size: 26px;
}
h3 {
margin-top: 0;
font-size: 26px;
}
.header__inner {
align-items: flex-start;
}
.mobile-menu-btn {
margin-right: 0;
}
.logo--header {
width: 120px;
min-width: 120px;
}
.custom-logo {
max-width: 150px;
height: auto;
}
.search-form {
display: none;
}
.user-menu {
display: none;
}
.front-intro__title {
margin-top: 60px;
}
.front-intro__subtitle {
font-size: 32px;
}
.front-intro__text {
font-size: 18px;
}
.opportunity {
margin-top: 60px;
margin-bottom: 60px;
}
.opportunity__title {
font-size: 26px;
}
.opportunity__item {
margin-top: 40px;
}
.state-list {
margin-top: 60px;
margin-bottom: 60px;
}
.table-list {
margin-top: 60px;
margin-bottom: 60px;
}
.advantage {
margin-top: 60px;
margin-bottom: 60px;
}
.advantage__caption {
font-size: 26px;
}
.advantage__year {
margin-top: 0;
font-size: 120px;
}
.advantage-state {
top: -40px;
}
.advantage-form {
top: -70px;
}
.advice {
margin-top: 60px;
margin-bottom: 60px;
}
.advice__title {
font-size: 26px;
font-weight: 700;
}
.review__title {
padding-right: 0;
width: 100%;
}
.review__subtitle {
width: 100%;
}
.review__list {
margin-top: 30px;
}
.trustpilot {
position: relative;
margin-top: 40px;
}
.subscribe {
padding-top: 60px;
padding-bottom: 90px;
}
.subscribe__title {
font-size: 26px;
} .manual__main {
flex-direction: column;
}
.manual__picture {
margin-right: 0;
}
.manual__info {
margin-top: 40px;
width: 100%;
} .test__question {
font-size: 26px;
}
.test__answer {
margin-top: 40px;
}
.test__answer-radio {
margin: 0 20px 0 0;
}
.text__next {
margin-top: 40px;
}
.test-info {
flex-direction: column;
margin-top: 40px;
}
.test-info__icon {
margin-right: 0;
}
.test-info__text {
margin-top: 25px;
text-align: center;
} .login__title {
font-size: 26px;
} .account-panel__title {
font-size: 26px;
} .add__bottom {
flex-direction: column;
align-items: center;
}
.add__info {
margin-right: 0;
width: 100%;
}
.add__next {
margin-top: 30px;
}
.add__gallery-item {
width: calc(50% - 25px);
} .post-list__bottom {
margin-right: 0;
}
.ad-info {
width: 100%;
}
.ad-action {
width: 100%;
} .post-gallery {
flex-direction: column;
}
.post-gallery__main {
margin-right: 0;
width: 100%;
height: auto;
}
.post-gallery__thumb {
margin-left: 0;
width: 100%;
height: auto;
}
.post-gallery__picture {
margin-bottom: 10px;
}
.post-gallery__img {
min-height: 260px;
} .post-list__bottom.post-list__bottom--blog {
justify-content: flex-start;
flex-wrap: wrap;
}
.published {
margin-top: 10px;
width: 100%;
} .sign__inner {
flex-direction: column;
align-items: center;
}
.sign .post-thumbnail {
margin-right: 0;
} .post-list__item.post-list__item-search {
flex-direction: column;
align-items: center;
}
.post-list__item.post-list__item-search .post-list__preview {
margin-top: 20px;
margin-left: 0;
} .children {
margin-left: 0;
}
.comment-metadata {
flex-wrap: wrap;
}
.comment-content {
top: 0;
}
}
@media ( max-width: 639px ) {
h1 {
font-size: 26px;
}
.header {
margin-top: 20px;
margin-bottom: 20px;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.front-intro__title {
margin-top: 40px;
}
.front-intro__link {
padding: 23px 30px;
width: 100%;
} .block-404__title {
font-size: 90px;
} .opportunity__item {
flex-direction: column;
align-items: center;
}
.opportunity__picture {
margin-right: 0;
}
.opportunity__desc {
margin-top: 30px;
}
.opportunity__caption {
text-align: center;
}
.opportunity__text {
text-align: center;
} .state-list__list {
width: 100%;
}
.state-list__item {
margin-top: 10px;
margin-right: 0;
width: 100%;
}
.state-list__item:hover {
color: #FFFFFF;
background-color: #004BDB;
} .table-list__list {
width: 100%;
}
.table-list__item {
margin-top: 10px;
margin-right: 0;
width: 100%;
}
.table-list__item:hover {
color: #FFFFFF;
background-color: #004BDB;
} .advantage-state {
padding: 30px 30px 40px;
}
.advantage-state__item {
font-size: 13px;
} .review__list {
width: 100%;
}
.review__item {
margin-right: 0;
width: 100%;
}
.review__item--mob-hide {
display: none;
} .advice__item {
padding-left: 40px;
} .subscribe__title {
margin-bottom: 20px;
}
.subscribe__form {
flex-direction: column;
}
.subscribe__input-text {
width: 100%;
}
.subscribe__submit {
margin-top: 15px;
margin-left: 0;
width: 100%;
} .account-panel__empty {
margin-top: 0;
}
.account-panel__title {
margin-top: 0;
} .add__select.w_50 {
margin-right: 0;
width: 100%;
}
.add label.w_25 {
margin-right: 0;
width: 100%;
}
.add__info {
flex-direction: column;
}
.add__msg {
margin-right: 0;
text-align: center;
}
.add__save {
margin-top: 15px;
}
.add label.w_33 {
width: 100%;
}
.add label.w_50 {
width: 100%;
}
.add__gallery-item {
width: 100%;
} .ad-info__row.ad-info__row--info {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.ad-action {
margin-top: 15px;
}
.price.price--ad {
margin-top: 15px;
} .comment__avatar {
margin-right: 15px;
width: 35px;
min-width: 35px;
height: 35px;
}
.comment__text {
margin-top: 10px;
}
.comment__name {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.comment__name span {
margin-top: 10px;
}
.comment__action {
margin-top: 15px;
} .related__list {
width: 100%;
}
.related__item {
margin-right: 0;
width: 100%;
}
.related__item:nth-child(2) {
display: none;
} .bottombar {
min-height: 180px;
}
}
@media ( max-width: 399px ) { .container {
padding-left: 20px;
padding-right: 20px;
}
.sidebar {
min-width: unset;
} .advantage__year {
margin-top: 0;
width: 100%;
font-size: 100px;
text-align: center;
}
.advantage-state {
align-self: flex-start;
top: -30px;
margin: 0;
padding: 20px;
width: calc(100% - 30px);
}
.advantage-state__item {
font-size: 11px;
}
.advantage-form {
margin-left: 30px;
padding: 20px;
top: -45px;
}
.advantage-form__arrow {
display: none;
} .login-form {
padding: 30px 20px;
} .account-panel__item {
padding: 30px 20px;
} .add__main {
padding: 30px 20px;
}
.add__contacts {
padding: 30px 20px;
}
.add__gallery {
padding: 30px 20px;
}
.add__extanded {
padding: 30px 20px;
}
.add__social {
padding: 30px 20px;
} .post-main {
padding: 30px 20px;
}
.post-info {
padding: 10px 20px 20px;
}
.comment__inner {
padding: 30px 20px 40px;
}
.action {
padding: 30px 20px;
} .contact-form {
padding: 30px 20px;
}
} #main {
width: 100%;
}
#navpdd {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 15px;
width: 100%;
}
.elemNavpdd {
margin: 0;
margin-top: 0;
margin-bottom: 15px;
margin-right: 15px;
padding: 10px 20px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 125%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #004BDB;
border-radius: 10px;
cursor: pointer;
}
.elemNavpdd.active {
color: #000000;
background-color: #FFFFFF;
}
.elemNavpdd:hover {
color: #FFFFFF;
background-color: #2E89E7;
transition: .3s;
}
.categories__inner {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
width: inherit;
}
.bilet {
margin: 0;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px 20px;
width: calc(33.33% - 15px);
background-color: #FFFFFF;
border: 2px transparent solid;
border-radius: 10px;
cursor: pointer;
}
.bilet h3 {
margin: 0;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: center;
}
.bilet:hover h3 {
color: #004BDB;
}
.bilet.Neverno {
background-color: #E3301F;
}
.bilet.Neverno h3 {
color: #FFFFFF;
}
.bilet.verno {
background-color: #01BE2A;
}
.bilet.verno h3 {
color: #FFFFFF;
}
#numQuestion {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
margin-top: 20px;
}
.btnQuestion {
display: flex;
justify-content: center;
align-items: center;
margin-right: 2px;
margin-bottom: 2px;
width: 25px;
height: 25px;
font-size: 13px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
white-space: nowrap;
color: #FFFFFF;
background-color: #D9D9D9;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
cursor: pointer;
user-select: none;
}
.btnQuestion.Neverno {
background-color: #E3301F;
}
.btnQuestion.verno {
background-color: #01BE2A;
}
.btnQuestion.active {
border: 2px #01BE2A solid;
}
#otvety button {
display: flex;
margin-bottom: 10px;
padding: 10px 15px;
width: 100%;
font-size: 16px;
border: none;
background-color: #FFFFFF;
border-radius: 5px;
cursor: pointer;
transition: .15s;
}
#otvety button:hover {
background-color: #e3e3e3;
}
#otvety button.Neverno {
color: #E3301F;
}
#otvety button.verno {
color: #01BE2A;
}
.btn-answer {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: left;
cursor: pointer;
}
.btn-controls {
margin-top: 30px;
padding: 15px 55px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
box-shadow: 0px 20px 30px 0px #1399d659;
border: none;
border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
cursor: pointer;
user-select: none;
}
.btn-controls:hover {
background: #2E89E7;
}
.table-statistics {
margin-top: 15px;
padding: 20px;
background-color: #FFFFFF;
border-radius: 10px;
}
.table-statistics tr:first-child { }
.table-statistics td {
padding: 5px 10px;
height: 40px;
}
.statistics-bottom .btn-remove {
margin-top: 30px;
padding: 15px 25px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
text-align: center;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
background: linear-gradient(125.56deg, #004BDB 21.9%, #1399D6 93.79%);
box-shadow: 0px 20px 30px 0px #1399d659;
border: none;
border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
cursor: pointer;
user-select: none;
}
.statistics-bottom .btn-remove:hover {
background: #2E89E7;
}
.btn-statistics {
display: block;
width: 40px;
height: 30px;
background-color: #2E89E7;
background-image: url(//russiandmvtests.com/wp-content/themes/dmv-test/assets/img/triangle.png);
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: .15s;
}
.btn-statistics:hover {
background-color: #1545d7;
}
#contentMain .btn-start {
margin: 0;
margin-top: 0;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px 20px;
max-width: 240px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: center;
background-color: #FFFFFF;
border-radius: 10px;
border: 2px transparent solid;
cursor: pointer; }
#contentMain .btn-start:hover {
color: #004BDB;
}
.foto {
height: auto;
}
.question {
margin-top: 15px;
margin-bottom: 10px;
}
.question p {
margin: 0;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
}
.questionInfo {
margin-top: 30px;
}
.questionInfo img {
display: block;
width: 100%;
border-radius: 20px;
overflow: hidden;
object-fit: contain;
}
.examTimerWrapper {
display: block;
padding: 10px 15px;
max-width: 100px;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: center;
border: 1px #A5A5A5 solid;
background-color: #FFFFFF;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
}
.examTimerWrapper.dnone {
display: none;
}
.test-mobile {
position: fixed;
display: none;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
padding: 15px 20px;
left: 0;
bottom: 0;
width: 100%;
background-color: #FFFFFF;
z-index: 999998;
}
.test-mobile__item {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 40px;
cursor: pointer;
}
.test-mobile__caption {
margin-top: 5px;
font-family: 'Zona Pro';
font-size: 10px;
font-weight: 400;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: center;
user-select: none;
}
#contentMain table {
margin-top: 15px;
padding: 20px;
width: 100%;
background-color: #FFFFFF;
border-radius: 10px;
}
#contentMain table td {
padding: 5px 10px;
height: 40px;
}  .registration {
display: flex;
justify-content: center;
align-items: center;
min-height: inherit;
min-height: 100vh;
}
.registration__inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 30px;
max-width: 360px;
background-color: #FFFFFF;
border-radius: 20px;
box-shadow: 0px 4px 24.3px 14px #0000000A;
}
.registration .screen-reader-text {
margin: 0;
font-family: 'Zona Pro';
font-size: 24px;
font-weight: 700;
line-height: 125%;
color: #000000;
text-decoration: none;
text-align: center;
}
.registration input[type="text"] {
margin-top: 5px;
padding: 10px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
outline: none;
}
.registration input[type="text"]::placeholder {
font-family: 'Zona Pro';
font-size: 16px !important;
font-weight: 400;
line-height: 100%;
}
.registration input[type="password"] {
margin-top: 5px;
padding: 10px 20px;
width: 100%;
font-family: 'Zona Pro';
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
text-align: left;
color: #000000;
border: 1px #DFDFDF solid;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
outline: none;
}
.registration input[type="password"]::placeholder {
font-family: 'Zona Pro';
font-size: 16px !important;
font-weight: 400;
line-height: 100%;
}
.registration input[type="submit"] {
padding: 14px 30px 14px;
width: 100%;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
white-space: nowrap;
color: #FFFFFF;
background-color: #004BDB;
box-shadow: 0px 12px 52.3px -10px #1399D6;
border: none;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
transition: .15s;
-webkit-transition: .15s;
-moz-transition: .15s;
-ms-transition: .15s;
-o-transition: .15s;
outline: none;
cursor: pointer;
}
.registration input[type="submit"]:hover {
background-color: #2E89E7;
}
.registration p {
font-size: 13px;
line-height: 150%;
text-align: center;
}
.registration a {
text-decoration: none;
}
.registration #nav {
text-align: center;
}
.registration .language-switcher {
display: none;
}
.registration #backtoblog {
margin-top: 45px;
margin-bottom: 0;
text-align: center;
}
.registration #backtoblog a {
text-decoration: none;
}
.registration .user-pass1-wrap p {
margin: 0;
}
.registration .button.wp-hide-pw {
display: none !important;
}
.registration .button.wp-generate-pw {
display: none !important;
}
.registration #pass-strength-result {
margin-top: 5px;
font-size: 13px;
line-height: 150%;
text-align: center;
}
.registration .pw-weak {
margin-top: 15px;
}
@media ( max-width: 959px ) {
.bilet {
width: calc(50% - 15px);
}
}
@media ( max-width: 639px ) {
.not-mobile {
display: none;
}
.only-mobile {
display: block;
}
.page-main {
margin-top: 40px;
margin-bottom: 40px;
}
.test__inner {
flex-direction: row; top: 0;
left: 0; padding: 0;
width: 100%;
height: 100%;
background-color: #F4F4F4; }
.test__left {
display: block;
width: 100%;
}
.test__right {
min-height: 800px;
}
.page-main__inner {
padding: 30px 20px;
}
.test-mobile {
min-height: 70px;
}
.test-mobile__icon {
display: block;
width: 25px;
height: 25px;
object-fit: scale-down;
}
.test-mobile {
display: flex;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
#navpdd {
display: none;
}
.elemNavpdd {
font-size: 14px;
}
.bilet {
margin-right: 0;
min-width: 100%;
background-color: #D9D9D9;
border-radius: 60px;
transition: .15s;
}
.bilet:hover {
background-color: #FFFFFF;
}
.bilet:hover h3 {
color: #000000;
}
.btn-controls {
display: none;
}
#contentMain .btn-start {
min-width: 100%;
}
#numQuestion {
justify-content: center;
}
.btnQuestion {
width: 40px;
height: 40px;
}
#contentMain table {
margin-top: 0;
padding: 0;
font-size: 12px;
} #contentMain table tbody tr td:nth-child(2) {
margin-left: auto;
width: 30%;
}
.question p {
font-size: 18px;
line-height: 150%;
}
#contentMain table td:first-child {
font-weight: 700;
}
}
.user_subscription span {
display: block;
}
.user_subscription .yes span {
color: green;
font-size: 11px;
margin-bottom: 5px;
}
.user_subscription .no{
color: red;
}
.title_subscription {
text-align: center;
font-size: 18px;
margin: 20px 0px 30px 0px;
}
table.iksweb, .iksweb th, .iksweb td {
border: 1px solid black;
border-collapse: collapse;
}
table.iksweb{
width: 100%;
}
.iksweb td{
padding: 15px;
}
table.iksweb p{
margin: 0px;
}
table.iksweb .active{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
table.iksweb .active span {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
background: red;
color: white;
font-weight: 700;
font-size: 18px;
border-radius: 50%;
margin-left: 10px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
cursor: pointer;
}
.test-main {
position: relative;
}
.test_errore {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
z-index: 9;
background: #f4f4f4c9;
}
.test_errore p {
font-size: 18px;
}
.overlay {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: #0000008a;
z-index: 999;
}
.sub_popup {
position: fixed;
top: 10vh;
width: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
left: calc(50% - 150px);
text-align: center;
background: white;
padding: 30px;
z-index: 999;
border-radius: 10px;
}
.sub_popup .close {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
background: #004bdb;
color: white;
font-weight: 700;
font-size: 18px;
border-radius: 50%;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
.sub_popup p {
font-size: 18px;
}
.sub_popup .front-intro__link {
margin-top: 0px;
}
form.checkout .left {
width: 50%;
padding: 40px;
}
form.checkout .right {
width: 100%;
box-shadow: -15px 0 30px 0 rgba(0, 0, 0, 0.18);
padding: 40px;
}
p.form-row label {
display: block;
}
p.form-row input.input-text {
width: 100%;
height: 40px;
box-shadow: 0 0 0 1px #e0e0e0, 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 1px 1.5px 0 rgba(0, 0, 0, 0.05);
border-color: rgb(26 26 26 / 55%);
border-radius: 5px;
padding: 0px 0px 0px 10px;
}
.button.alt, form.checkout_coupon button.button, .add_tarifs {
margin-top: 45px;
padding: 23px 71px;
max-width: 720px;
font-family: 'Zona Pro';
font-size: 20px;
font-weight: 700;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
text-align: center;
background-color: #004BDB;
border-radius: 75px;
box-shadow: 0px 12px 52.3px -10px #1399D6;
transition: .15s;
border: 0px;
cursor: pointer;
}
tr.wps_recurring_bifurcation_wrapper {
display: none;
}
table.shop_table {
width: 100%;
text-align: left;
}
table.shop_table th, table.shop_table td {
padding: 10px;
}
.woocommerce-info {
background: #004bdb!important;
color: #fff;
padding: 10px 20px;
}
.woocommerce-info a{
color: #fff; 
}
form.checkout_coupon {
padding: 30px;
}
form.checkout_coupon button.button{
display: block;
margin: auto;
}
.tarifs_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tarifs_item {
padding: 20px;
max-width: 100%;
margin: 0;
min-height: 180px;
border: 1px solid #eee;
border-radius: 20px;
background: white;
-webkit-box-shadow: 0 20px 40px rgb(0 0 0 / 12%);
box-shadow: 0 20px 40px rgb(0 0 0 / 12%);
margin: 0px 20px;
}
.tarifs_item .title {
font-weight: 800;
font-size: 24px;
color: #222328;
line-height: 1.2;
text-align: center;
}
.tarifs_item .shorts_desc {
text-align: center;
font-size: 14px;
color: #aaa;
font-weight: 500;
line-height: 1.2;
margin: 20px 0px 30px 0px;
}
.tarif_prise {
font-weight: 800;
font-size: 30px;
color: #222328;
line-height: 1.2;
text-align: center;
}
.add_tarifs {
margin-top: 20px;
}
.tarifs_item ul {
margin: 50px 0px 0px 0px;
}
.tarifs_item ul li {
margin: 0px 0px 10px 0px;
position: relative;
padding-left: 24px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjE1cHgiIHdpZHRoPSIxNXB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTUgMTUiPjwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDUuMiAoNDM1MTQpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogPHRpdGxlPlNoYXBlPC90aXRsZT4KIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogPGcgaWQ9Ik1vY2t1cHMtLS1Hcm93IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPgogIDxnIGlkPSJwcmljaW5nX0p1bHlfZHJhZnRfMS1Db3B5LTIiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzUwQzg1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMTQgLTEwMDMpIj4KICAgPGcgaWQ9Ikdyb3VwLTE3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDQgOTU5KSI+CiAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzMykiPgogICAgIDxnIGlkPSJHcm91cC0xNiI+CiAgICAgIDxnIGlkPSJjaGVjay1jaXJjbGUtY29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MTAgMTEpIj4KICAgICAgIDxwYXRoIGlkPSJTaGFwZSIgZD0ibTcuNSAzLjMzMDdlLTE2YzEuOTg5MS0xLjY2NTRlLTE2IDMuODk3IDAuNzkwMTggNS4zMDMgMi4xOTY3IDEuNDA3IDEuNDA2NSAyLjE5NyAzLjMxNDIgMi4xOTcgNS4zMDMzIDAgNC4xNDItMy4zNTggNy41LTcuNSA3LjUtMS45ODkxIDAtMy44OTY4LTAuNzktNS4zMDMzLTIuMTk3LTEuNDA2NS0xLjQwNi0yLjE5NjctMy4zMTM5LTIuMTk2Ny01LjMwMy05Ljk5MmUtMTYgLTEuOTg5MSAwLjc5MDE4LTMuODk2OCAyLjE5NjctNS4zMDMzczMuMzE0Mi0yLjE5NjcgNS4zMDMzLTIuMTk2N3YzLjMzMDdlLTE2em0tMC43NSAxMC44NzVsNS4yNS01LjI1LTEuMDU4LTEuMDU3NS00LjE5MiA0LjE4NS0yLjMxNzUtMi4zMS0xLjA1NzUgMS4wNTc1IDMuMzc1IDMuMzc1eiIvPgogICAgICA8L2c+CiAgICAgPC9nPgogICAgPC9nPgogICA8L2c+CiAgPC9nPgogPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-position: 0px 6px;
}
.tarifs_item .errore {
margin: 20px 0px 0px 0px;
color: red;
text-align: center;
}
.woocommerce-notices-wrapper {
display: none;
}
.wptelegram-login-output-wrap.container {
padding: 0px;
margin: 15px auto 0px auto;
}
a.wp_google_login__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
padding: 9px 25px;
width: 100%;
max-width: 260px;
font-family: 'Zona Pro';
font-size: 13px;
font-weight: 700;
line-height: 100%;
color: #000000;
text-decoration: none;
text-align: center;
white-space: nowrap;
background-color: #F0F0F0;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
cursor: pointer;
user-select: none;
border: 0px;
}
.wp_google_login {
width: 100%;
margin-top: 15px;
}
.bilet.custom {
position: relative;
overflow: hidden;
padding-top: 28px;
color: rgb(0, 0, 0);
text-decoration: none;
}
.bilet.custom:hover{
color: rgb(0, 0, 0);
}
.bilet .label {
padding: 5px 15px;
font-size: 11px;
width: fit-content;
margin-right: 0px;
position: absolute;
right: 0px;
top: 0px;
}
.image-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
max-width: 1200px;
margin: 0 auto;
}
.image-grid a {
display: inline-block;
text-decoration: none;
}
.image-grid img {
width: 200px;
height: 60px;
object-fit: contain;
display: block;
}
@media (max-width: 768px) {
.image-grid {
gap: 15px;
padding: 15px;
}
.image-grid img {
width: 200px;
height: 60px;
}
}
@media (max-width: 480px) {
.image-grid {
gap: 10px;
padding: 10px;
}
.image-grid img {
width: 200px;
height: 60px;
}
}
.faq-section {
margin: 50px auto;
padding: 20px;
}
.faq-section h2 {
text-align: center;
margin-bottom: 30px;
color: #333;
font-size: 2.2em;
}
.faq-item {
margin-bottom: 15px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.faq-question {
background-color: #f5f5f5;
padding: 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s ease;
}
.faq-question:hover {
background-color: #e0e0e0;
}
.faq-question h3 {
color: #333;
font-size: 1.2em;
}
.faq-answer {
max-height: 0;
overflow: hidden;
background-color: white;
padding: 0 20px;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.faq-answer p {
padding: 20px 0;
color: #666;
line-height: 1.6;
}
.faq-item.active .faq-answer {
max-height: 200px;
}
.faq-item.active .faq-question {
background-color: #004BDB;
color: white;
}
.faq-item.active .faq-question h3 {
color: white;
}
.faq-toggle {
font-size: 1.5em;
transition: transform 0.3s ease;
}
.faq-item.active .faq-toggle {
transform: rotate(45deg);
}
@media (max-width: 600px) {
.faq-section {
padding: 15px;
}
.faq-section h2 {
font-size: 1.8em;
}
.faq-question h3 {
font-size: 1em;
}
.faq-answer p {
font-size: 0.9em;
}
}
.container_prem {
display: flex;
align-items: baseline;
width: 100%;
box-sizing: border-box;
}
.block_prem {
flex: 1;
padding: 20px;
text-align: center;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
@media (max-width: 1000px) {
.container_prem {
display: block;
} 
.block_prem {
display: none;
} 
.mobile-block_prem {
display: block;
width: 100%;
padding: 20px;
text-align: center;
box-sizing: border-box;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
align-items: baseline;
}
}
@media (min-width: 1001px) {
.mobile-block_prem {
display: none;
}
}
.adaptive-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
color: #000000;
text-decoration: none;
font-size: 18px;
font-weight: 500;
border-radius: 33px;
border: 1px #dadadb solid;
transition: background-color 0.3s ease, transform 0.2s ease;
box-sizing: border-box;
cursor: pointer;
width: 100%;
text-align: center;
margin:2em 0;
}
.adaptive-button img {
width: 24px;
height: 24px;
margin-right: 10px;
vertical-align: middle;
}
.adaptive-button:hover {
background-color: #0056b3;
color:#ffffff;
transform: scale(1.05);
}
@media (max-width: 620px) {
.adaptive-button {
display:none;
}
}
.image-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 20px;
gap: 20px;
justify-content: space-between;
}
.image-container img {
width: 50%;
max-width: 400px;
height: auto;
object-fit: cover;
border-radius: 8px;
}
@media (max-width: 1000px) {
.image-container {
flex-direction: column;
align-items: center;
gap: 15px;
}
.image-container img {
width: 100%;
max-width: 500px;
}
}
@media (max-width: 400px) {
.image-container {
padding: 10px;
gap: 10px;
}
.image-container img {
max-width: 300px;
}
}
.content-block {
display: flex;
align-items: center;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.text-section {
flex: 1;
padding-right: 20px;
}
.text-section h2 {
font-size: 24px;
margin-bottom: 10px;
}
.text-section p {
font-size: 16px;
line-height: 1.5;
}
.image-section {
flex: 1;
}
.image-section img {
width: 100%;
height: auto;
border-radius: 8px;
}
@media (max-width: 768px) {
.content-block {
flex-direction: column;
padding: 15px;
}
.text-section {
padding-right: 0;
margin-bottom: 15px;
}
.image-section img {
max-width: 100%;
}
}
.tariff-container {
display: flex;
justify-content: center;
gap: 20px;
padding: 20px;
max-width: 1200px;
margin: 0 auto;
flex-wrap: wrap;
}
.tariff-module {
flex: 1;
min-width: 250px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
text-align: center;
box-sizing: border-box;
}
.tariff-module h3 {
font-size: 24px;
margin-bottom: 10px;
}
.tariff-module p {
font-size: 16px;
color: #666;
margin-bottom: 15px;
}
.tariff-module .price {
font-size: 28px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}
.tariff-module ul {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
.tariff-module ul li {
font-size: 14px;
margin-bottom: 10px;
color: #444;
}
.tariff-module ul li::before {
content: "✔";
color: #007bff;
margin-right: 10px;
}
.tariff-module .add_tarifs {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
transition: background-color 0.3s;
}
.tariff-module .add_tarifs:hover {
background-color: #0056b3;
}
@media (max-width: 768px) {
.tariff-container {
flex-direction: column;
gap: 15px;
}
.tariff-module {
min-width: 100%;
}
}
ul.custom-list {
list-style: none; padding: 0;
margin: 20px 0;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } ul.custom-list li {
position: relative;
padding: 15px 15px 15px 40px; margin-bottom: 10px;
border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); font-size: 16px;
line-height: 1.5;
color: #333; transition: transform 0.2s ease, box-shadow 0.2s ease; } ul.custom-list li::before {
content: '✔'; position: absolute;
left: 15px;
top: 15px;
color: #004BDB; font-size: 18px;
} ul.custom-list li:hover {
transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } ul.custom-list li a {
color: #1e90ff; text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
ul.custom-list li a:hover {
color: #0052cc; text-decoration: underline;
} @media (max-width: 600px) {
ul.custom-list {
max-width: 100%;
padding: 0 10px;
}
ul.custom-list li {
font-size: 14px;
padding: 12px 12px 12px 35px;
}
ul.custom-list li::before {
font-size: 16px;
left: 12px;
top: 12px;
}
} .toc-container {
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
margin: 20px auto;
font-family: Arial, sans-serif;
} .toc-header {
color: #ffffff;
font-size: 24px;
cursor: pointer;
padding: 10px;
background-color: #004BDB;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
display: flex;
justify-content: space-between;
align-items: center;
}
.toc-header:hover {
background-color: #e2e2e2;
color: #003399;
} .toc-header::after {
content: '▼';
font-size: 12px;
transition: transform 0.3s ease;
}
.toc-header.active::after {
transform: rotate(180deg);
} .toc-list {
list-style: none;
padding: 0;
margin: 0;
display: none; }
.toc-list.active {
display: block; padding: 0px 0px 0px 25px;
} .toc-list li {
margin-bottom: 8px;
margin-top: 8px;
} .toc-list a {
color: #004BDB;
text-decoration: none;
padding-left: 25px;
font-size: 16px;
transition: color 0.3s ease, transform 0.2s ease;
display: inline-block;
}
.toc-list a:hover {
color: #002966;
text-decoration: underline;
transform: translateX(5px);
}
.toc-list a:active {
color: #e2e2e2 ;
} .source-links {
margin-top: 20px;
}
.source-links a {
color: #004BDB;
text-decoration: none;
font-size: 16px;
display: block;
margin-bottom: 8px;
transition: color 0.3s ease;
}
.source-links a:hover {
color: #003399;
text-decoration: underline;
} @media (max-width: 768px) {
.toc-container {
padding: 15px;
max-width: 100%;
}
.toc-header {
font-size: 20px;
}
.toc-list a {
font-size: 14px;
}
.source-links a {
font-size: 14px;
}
}
.nav-button {
background-color: #004BDB;
color: #ffffff;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
font-family: Arial, sans-serif;
transition: background-color 0.3s ease, transform 0.2s ease;
text-align: center;
flex: 1;
max-width: 200px;
}
.nav-button:hover {
background-color: #003399;
transform: translateY(-2px);
}
.nav-button:active {
background-color: #002966;
transform: translateY(0);
}table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
} ul.products {
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #4169e1;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #4169e1;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #4169e1;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #4169e1;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #4169e1;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}