/*
Theme Name: apkauto
Author: Matosoft
Author URI: http://www.matosoft.cz/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apkauto
*/
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.cf:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.cf {
display: inline-block;
}
* html .cf {
height: 1%;
}
.cf {
display: block;
}
/* close commented backslash hack */
.hideText {
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html,
body {
position: relative;
}
.page-wrapper {
overflow: hidden;
}
html {
font-size: 62.5%;
font-family: sans-serif;
}
body {
font-family: 'Open Sans', sans-serif;
}
.wf-active body {
font-family: 'Open Sans', sans-serif;
}
body {
font-family: 'Open Sans', sans-serif;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .title {
font-family: 'Open Sans', sans-serif;
}
body h1 span,
body h2 span,
body h3 span,
body h4 span,
body h5 span,
body h6 span,
body .title span {
display: block;
font-family: 'Open Sans', sans-serif;
}
body {
font-size: 16px;
font-size: 1.6rem;
}
body,
input,
textarea {
font-weight: 400;
line-height: 24px;
line-height: 2.4rem;
color: #000;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
border: 0;
}
a,
input,
textarea,
select,
button {
outline: none;
}
a {
color: #007FC3;
transition: all 0.2s ease;
text-decoration: underline;
}
a:hover {
transition: all 0.2s ease 0s;
text-decoration: none;
color: #007FC3;
border-color: #007FC3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: 'Open Sans', sans-serif;
margin: 0;
margin-bottom: 25px;
margin-bottom: 2.5rem;
font-weight: 700;
}
h1 {
font-size: 40px;
font-size: 4rem;
line-height: 50px;
line-height: 5rem;
}
h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 38px;
line-height: 3.8rem;
}
h3 {
font-size: 26px;
font-size: 2.6rem;
line-height: 32px;
line-height: 3.2rem;
margin-bottom: 14px;
margin-bottom: 1.4rem;
}
h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 28px;
line-height: 2.8rem;
margin-bottom: 17px;
margin-bottom: 1.7rem;
}
h5 {
font-size: 18px;
font-size: 1.8rem;
line-height: 24px;
line-height: 2.4rem;
margin-bottom: 17px;
margin-bottom: 1.7rem;
}
h6 {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
margin-bottom: 17px;
margin-bottom: 1.7rem;
}
p {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
p:last-child {
margin-bottom: 0;
}
blockquote {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
blockquote:last-child {
margin-bottom: 0;
}
em {
font-family: 'Open Sans', sans-serif;
}
strong {
font-family: 'Open Sans', sans-serif;
}
ul,
ol {
margin: 0 0 16px 0;
margin: 0 0 1.6rem 0;
}
ol ol,
ul ul {
margin: 16px 0;
margin: 1.6rem 0;
}
ol li ol,
ul li ul {
margin: 16px 0;
margin: 1.6rem 0;
}
ul,
ol {
padding: 0;
}
ul li,
ol li {
position: relative;
padding-left: 0;
margin-bottom: 0;
}
ul li:last-child,
ol li:last-child {
margin-bottom: 0;
}
ul {
padding-left: 0;
}
ul li {
list-style: none;
padding-left: 36px;
padding-left: 3.6rem;
margin-bottom: 10px;
margin-bottom: 1rem;
}
ul li:last-child {
margin-bottom: 0;
}
ul li::before {
display: block;
content: "";
position: absolute;
top: 7px;
left: 1px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy44MjgiIGhlaWdodD0iMTEuMjQyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEM0RDgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMS40MTQgNC40MTRsNCA0IDctNyIvPjwvc3ZnPg==);
width: 14px;
height: 11px;
background-size: 14px 11px;
}
ol {
padding-left: 0;
}
ol ol {
counter-reset: item;
}
ol > li {
counter-increment: item;
list-style: none;
padding-left: 36px;
padding-left: 3.6rem;
margin-bottom: 10px;
margin-bottom: 1rem;
}
ol > li:last-child {
margin-bottom: 0;
}
ol > li::before {
background-image: none;
color: #007FC3;
font-family: 'Open Sans', sans-serif;
content: counter(item);
font-size: 18px;
font-size: 1.8rem;
line-height: 28px;
line-height: 2.8rem;
text-align: center;
position: absolute;
left: 0;
font-weight: 700;
}
ol li {
content: counter(subitem);
}
ol li li {
content: counter(subsubitem);
}
ol[style="list-style-type: upper-alpha;"] > li::before {
content: counter(item, upper-alpha) ".";
}
ol[style="list-style-type: upper-alpha;"] > li::before li {
content: counter(subitem, upper-alpha) ".";
}
ol[style="list-style-type: upper-alpha;"] > li::before li li {
content: counter(subsubitem, upper-alpha) ".";
}
ol[style="list-style-type: lower-alpha;"] > li::before {
content: counter(item, lower-alpha) ".";
}
ol[style="list-style-type: lower-alpha;"] > li::before li {
content: counter(subitem, lower-alpha) ".";
}
ol[style="list-style-type: lower-alpha;"] > li::before li li {
content: counter(subsubitem, lower-alpha) ".";
}
ol[style="list-style-type: lower-greek;"] > li::before {
content: counter(item, lower-greek);
}
ol[style="list-style-type: lower-greek;"] > li::before li {
content: counter(subitem, lower-greek);
}
ol[style="list-style-type: lower-greek;"] > li::before li li {
content: counter(subsubitem, lower-greek);
}
ol[style="list-style-type: lower-roman;"] > li::before {
content: counter(item, lower-roman);
}
ol[style="list-style-type: lower-roman;"] > li::before li {
content: counter(subitem, lower-roman);
}
ol[style="list-style-type: lower-roman;"] > li::before li li {
content: counter(subsubitem, lower-roman);
}
ol[style="list-style-type: upper-roman;"] > li::before {
content: counter(item, upper-roman);
}
ol[style="list-style-type: upper-roman;"] > li::before li {
content: counter(subitem, upper-roman);
}
ol[style="list-style-type: upper-roman;"] > li::before li li {
content: counter(subsubitem, upper-roman);
}
blockquote {
margin: 28px 0;
padding-left: 40px;
position: relative;
font-family: 'Open Sans', sans-serif;
color: #000;
font-style: italic;
}
blockquote::before {
content: "";
display: block;
height: 100%;
min-height: 40px;
position: absolute;
margin-left: -40px;
border-right: 5px solid #007FC3;
}
article iframe,
.entry-text iframe {
margin: 0 auto;
display: block;
max-width: 100%;
}
abbr[title] {
border-bottom: 0;
text-decoration: none;
}
pre {
background-color: #f0f0f0;
padding: 11px 22px;
padding: 1.1rem 2.2rem;
}
table {
margin: 28px 0;
text-align: left;
border-collapse: collapse;
min-width: 50%;
width: 100%;
}
table thead,
table th {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
table td,
table th {
padding: 15px 20px 15px 20px;
padding: 1.5rem 2rem 1.5rem 2rem;
border: 1px solid #e8e8e8;
}
table th {
border-bottom: 3px solid #007FC3;
font-weight: 700;
}
table tr {
border: 0;
}
@media screen and (max-width: 63.9375em) {
h1 {
font-size: 3.4rem;
line-height: 4rem;
}
h2 {
font-size: 2.8rem;
line-height: 3.4rem;
}
h3 {
font-size: 2.2rem;
line-height: 2.8rem;
margin-bottom: 1.4rem;
}
h4 {
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 1.7rem;
}
h5 {
font-size: 1.6rem;
line-height: 2.2rem;
margin-bottom: 1.7rem;
}
h6 {
font-size: 1.5rem;
line-height: 2.1rem;
margin-bottom: 1.7rem;
}
}
@media screen and (max-width: 47.9375em) {
body {
font-size: 1.4rem;
}
body,
input,
textarea {
line-height: 2.2rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.4rem;
}
h1 {
font-size: 2.4rem;
line-height: 3rem;
}
h3 {
font-size: 2rem;
line-height: 2.6rem;
}
h3 {
font-size: 1.8rem;
line-height: 2.4rem;
}
h4 {
font-size: 1.6rem;
line-height: 2.2rem;
}
h5 {
font-size: 1.4rem;
line-height: 2rem;
}
h6 {
font-size: 1.4rem;
line-height: 2rem;
}
ul li {
padding-left: 2.2rem;
margin-bottom: .6rem;
}
ul li::before {
top: 4px;
left: -3px;
}
ol > li {
padding-left: 2.4rem;
margin-bottom: .6rem;
}
ol > li::before {
font-size: 1.4rem;
line-height: 2.2rem;
}
}
.module-title {
font-size: 30px;
font-size: 3rem;
font-weight: 700;
line-height: 36px;
line-height: 3.6rem;
margin-bottom: 25px;
margin-bottom: 2.5rem;
}
.page-overlay,
.page-loader {
background-color: rgba(17, 17, 17, 0.6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
background-size: 120px 30px;
background-position: center center;
display: none;
}
.page-overlay svg,
.page-loader svg {
position: absolute;
top: 50%;
left: 50%;
fill: #007FC3;
width: 120px;
height: 30px;
margin-left: -60px;
margin-top: -15px;
}
.show-overlay .page-overlay {
display: block;
}
.page-wrapper {
transition: all .2s ease;
left: 0;
}
.page-overlay {
transition: all .2s ease;
}
.show-menu .page-overlay {
left: 260px;
transition: all .2s ease;
}
.show-menu .page-wrapper {
position: fixed;
left: 260px;
width: 100%;
transition: left .2s ease;
}
.only--mobile {
display: none !important;
}
@media screen and (max-width: 47.9375em) {
.only--mobile {
display: block !important;
}
}
div.wpcf7-mail-sent-ok {
color: #398f14;
border: 1px solid #398f14;
background-color: #c8f7b2;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
color: #a02b46;
border: 1px solid #fe0f36;
background-color: #ead8d8;
}
div.wpcf7-spam-blocked {
color: #ffa500;
border: 1px solid #ffa500;
background-color: #f9d390;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
color: #a02b46;
border: 1px solid #fe0f36;
background-color: #ead8d8;
}
div.wpcf7-response-output {
margin-left: 0;
margin-right: 0;
text-align: center;
padding: 5px 100px;
padding: .5rem 10rem;
border-radius: 5px;
}
span.wpcf7-not-valid-tip {
color: #fe0f36;
}
.form-row-item--check span.wpcf7-not-valid-tip {
margin-left: 80px;
margin-left: 8rem;
margin-bottom: 8px;
margin-bottom: .8rem;
}
.wpcf7-not-valid {
border: 1px solid #fe0f36;
}
span.wpcf7-not-valid {
border: 0;
}
input,
textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
input:-webkit-autofill {
background-color: #fff !important;
}
input[type="checkbox"] {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
input[type="radio"] {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
content: "";
position: absolute;
box-sizing: border-box;
width: 25px;
height: 25px;
background-image: none;
margin-right: 20px;
margin-right: 2rem;
padding: 2px;
background-color: #fff;
margin-top: 2px;
border: 3px solid #007FC3;
border-radius: 0;
transition: all .2s linear;
left: 0;
background-position: center center;
}
input[type="checkbox"] + span::before {
margin-top: 0;
}
input[type="checkbox"].valid + span {
display: inline !important;
}
input[type="checkbox"].error-text + span::before {
border: 3px solid #D22718;
}
input[type="radio"] + span::before {
border-radius: 50%;
background-size: 0 0;
}
input[type="radio"]:checked + span::before {
content: "";
background-color: #fff;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGcgZGF0YS1uYW1lPSJWcnN0dmEgMiI+PGc+PGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTUiIGZpbGw9IiNmZmUwMGYiIGRhdGEtbmFtZT0ib2JzYWgga29waWUgNyIvPjwvZz48L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position: center center;
background-size: 12px 12px;
transition: all .2s linear;
}
input[type="checkbox"]:checked + span::before {
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy44MjgiIGhlaWdodD0iMTEuMjQyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMEM0RDgiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMS40MTQgNC40MTRsNCA0IDctNyIvPjwvc3ZnPg==);
background-size: 14px 11px;
background-repeat: no-repeat;
background-position: center center;
}
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="url"],
select {
background-color: #fff;
width: 100%;
box-sizing: border-box;
padding: 11px 20px;
padding: 1.1rem 2rem;
color: #000;
font-size: 16px;
border: 1px solid #e6e6e6;
transition: all .2s ease;
border-radius: 6px;
}
textarea.wpcf7-not-valid,
input[type="text"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
select.wpcf7-not-valid {
border: 1px solid #fe0f36;
color: #fe0f36;
}
textarea:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
select:focus {
border: 1px solid #eaeaea;
transition: all .2s ease;
}
textarea.error,
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="number"].error,
input[type="password"].error,
input[type="search"].error,
input[type="date"].error,
input[type="url"].error,
select.error {
border: 1px solid #f00;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #a3a3a3;
}
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
select::-moz-placeholder {
/* Firefox 19+ */
color: #a3a3a3;
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
select:-ms-input-placeholder {
/* IE 10+ */
color: #a3a3a3;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
select:-moz-placeholder {
/* Firefox 18- */
color: #a3a3a3;
}
textarea:required,
input[type="text"]:required,
input[type="tel"]:required,
input[type="email"]:required,
input[type="number"]:required,
input[type="password"]:required,
input[type="search"]:required,
input[type="date"]:required,
input[type="url"]:required,
select:required {
box-shadow: none;
}
textarea.error-text,
input[type="text"].error-text,
input[type="tel"].error-text,
input[type="email"].error-text,
input[type="number"].error-text,
input[type="password"].error-text,
input[type="search"].error-text,
input[type="date"].error-text,
input[type="url"].error-text,
select.error-text {
border: 1px solid #D22718;
}
input[type="date"]::-webkit-inner-spin-button {
display: none;
}
input[type="date"]::-webkit-clear-button {
display: none;
}
input[type="number"] {
padding-right: 0;
}
select {
box-shadow: none;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOXB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDkgNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRTM2QzBBIiBwb2ludHM9IjksMCA0LjUsNiAwLDAgIi8+PC9zdmc+);
background-repeat: no-repeat;
background-size: 9px 6px;
background-position: calc(100% - 20px) center;
}
textarea {
padding-top: 8px;
padding-top: .8rem;
line-height: 24px;
line-height: 2.4rem;
min-height: 100px;
height: 120px;
}
.btn {
display: inline-block;
box-sizing: border-box;
padding: 11px 27px 12px;
padding: 1.1rem 2.7rem 1.2rem;
background-color: #007FC3;
border: 3px solid #007FC3;
border-radius: .6rem;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
line-height: 2.2rem;
text-decoration: none;
text-align: center;
transition: all .2s ease;
font-weight: 400;
text-transform: none;
}
.btn.disabled {
background-color: #c5c5c5;
border-color: #c5c5c5;
cursor: default;
}
.btn.disabled:hover {
background-color: #c5c5c5;
border-color: #c5c5c5;
}
.btn:hover {
text-decoration: none;
transition: all .2s ease;
color: #fff;
border: 3px solid #17365d;
background-color: #17365d;
}
.btn--blue {
background-color: #17365d;
border: 3px solid #17365d;
}
.btn--blue:hover {
border: 3px solid #007FC3;
background-color: #007FC3;
}
.btn--blue.btn--active {
border: 3px solid #007FC3;
background-color: #007FC3;
}
.btn--with-arrow {
position: relative;
}
.btn--with-arrow::before {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #007FC3;
content: "";
position: absolute;
bottom: -8px;
left: 50%;
margin-left: -8px;
}
.btn--hidden {
display: none !important;
}
.part-form {
display: none;
}
.form-box {
margin: 50px auto 0;
margin: 5rem auto 0;
border: 1px solid #e6e6e6;
border-radius: 6px;
padding: 30px 40px;
padding: 3rem 4rem;
}
.form-box-section {
margin: 0 auto 40px;
margin: 0 auto 4rem;
}
.form-box-section:last-child {
margin-bottom: 0;
}
.form-box-section--thin {
max-width: 380px;
max-width: 38rem;
}
.form-box-section__title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
line-height: 3rem;
text-align: left;
margin-bottom: 17px;
margin-bottom: 1.7rem;
display: inline-block;
}
.form-box-section__text {
margin-bottom: 20px;
margin-bottom: 2rem;
}
.form-box-section__subtitle {
font-size: 20px;
line-height: 26px;
margin-bottom: 40px;
margin-bottom: 4rem;
}
.form-box-section__title--required {
padding-right: 12px;
background-image: url(../img/star.svg);
background-repeat: no-repeat;
background-position: 100% 12px;
}
.form-row {
margin: 0 -8px 24px;
margin: 0 -0.8rem 2.4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-row:last-child {
margin-bottom: 0;
}
.form-row label {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 8px;
margin-bottom: .8rem;
display: inline-block;
font-weight: 700;
}
.form-row--col2 .form-col {
width: 50%;
}
.form-row--col3 .form-col {
width: 33.333%;
}
.form-row--btn {
position: relative;
}
.form-row--btn::before {
width: calc(100% - 1.6rem);
position: absolute;
top: 0;
left: 8px;
left: .8rem;
content: "";
border-bottom: 1px dashed #fff;
}
.form-row--btn .btn {
padding-left: 36px;
padding-left: 3.6rem;
padding-right: 36px;
padding-right: 3.6rem;
max-width: 100%;
}
.form-col {
position: relative;
text-align: left;
padding: 0 8px;
padding: 0 .8rem;
box-sizing: border-box;
width: 100%;
}
.form-col__info {
text-align: left;
margin-bottom: 5px;
}
.form-col__info img {
margin-bottom: 5px;
}
.form-col--left {
text-align: left;
}
.form-col--required label {
position: relative;
padding-right: 15px;
padding-right: 1.5rem;
}
.form-col--required label::before {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -4px;
background-image: url(../img/star.svg);
background-repeat: no-repeat;
width: 8px;
height: 8px;
background-size: 8px 8px;
z-index: 9;
}
.form-col--required-brs::before {
right: 42px;
right: 4.2rem;
}
.form-col--center {
text-align: center;
}
.form-col--recaptcha {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.form-col--text {
color: #fff;
margin-bottom: 20px;
margin-bottom: 2rem;
}
.form-col--text a {
color: #fff;
text-decoration: underline;
}
.form-col--text a:hover {
color: #8BBA1E;
}
@media screen and (max-width: 47.9375em) {
.form-row--2 .form-row-item {
width: 100%;
margin-bottom: 3.8rem;
}
.form-row--2 .form-row-item:last-child {
margin-bottom: 0;
}
.btn {
max-width: 100%;
padding: .8rem 2.5rem .9rem;
font-size: 1.5rem;
}
.form-row-item span.wpcf7-list-item {
margin-left: 0;
}
div.wpcf7-response-output {
margin-left: 0;
margin-right: 0;
text-align: center;
padding: .5rem 1rem;
}
.form-row-item-link {
margin-left: 5.3rem;
}
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="date"],
select {
font-size: 1.6rem;
}
}
footer {
margin-top: 50px;
margin-top: 5rem;
}
.main-header {
padding: 8px 0 16px;
padding: .8rem 0 1.6rem;
border-bottom: 1px solid #E6E6E6;
}
.main-header-left {
float: left;
}
.header-logo {
width: 270px;
height: 34px;
background-size: 270px 34px;
display: block;
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
margin-top: 23px;
margin-top: 2.3rem;
}
.main-header-right {
float: right;
}
.header-search {
float: left;
position: relative;
margin-top: 20px;
margin-top: 2rem;
overflow: hidden;
}
.header-search-wrapp {
width: 0;
transition: all .2s ease;
}
.header-search--open {
margin-right: 20px;
margin-right: 2rem;
}
.header-search--open .header-search-wrapp {
width: 232px;
transition: all .2s ease;
}
.search-form-input__wrapper {
width: 100%;
}
.search-form-input__wrapper input[type="search"] {
background-color: #fff;
border-color: #e6e6e6;
font-size: 18px;
font-size: 1.8rem;
font-weight: 400;
line-height: 26px;
line-height: 2.6rem;
padding: 20px 20px;
padding: 2rem 2rem;
border-radius: .6rem;
}
.search-form-btn__wrapper {
width: 68px;
width: 6.8rem;
height: 68px;
height: 6.8rem;
position: absolute;
top: 0;
right: 0;
}
.search-form-btn__wrapper .search-form__btn {
width: 68px;
width: 6.8rem;
height: 68px;
height: 6.8rem;
background-color: #007FC3;
border: 0;
border-radius: 0 .6rem .6rem 0;
background-position: center center;
transition: all .2s ease;
}
.search-form-btn__wrapper .search-form__btn:hover {
background-color: #007FC3;
transition: all .2s ease;
}
@media screen and (max-width: 37.4375em) {
.header-logo {
width: 150px;
height: 19px;
background-size: 150px 19px;
}
}
.copyright {
background-color: #020202;
color: #fff;
padding: 20px 0;
padding: 2rem 0;
}
.copyright-box {
display: -ms-flexbox;
display: flex;
}
.copyright-text {
width: 100%;
text-align: center;
padding-top: 6px;
}
.copyright-text a {
color: #a5a5a5;
text-decoration: none;
}
.copyright-text a:hover {
color: #fff;
}
@media screen and (max-width: 63.9375em) {
.copyright {
font-size: 1.4rem;
padding: 2.2rem 0;
}
}
@media screen and (max-width: 47.9375em) {
.copyright-box {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.copyright-socials {
width: 50%;
-ms-flex-order: 1;
order: 1;
float: none;
}
.copyright-to-top {
width: 50%;
-ms-flex-order: 2;
order: 2;
float: none;
}
.copyright-text {
width: 100%;
-ms-flex-order: 3;
order: 3;
padding-top: 1.8rem;
}
}
.page-wrapper {
margin: 0 auto;
}
.container {
width: 1200px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
.container--thin {
width: 600px;
}
@media screen and (max-width: 79.9375em) {
.container {
width: 100%;
padding: 0 4rem;
}
}
@media screen and (max-width: 47.9375em) {
.container {
padding: 0 2rem;
}
}
/* Images */
.entry__content img {
max-width: 100%;
/* Fluid images for posts, comments, and widgets */
height: auto;
display: block;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
max-width: 100%;
}
img.size-full,
img.size-large {
max-width: 100%;
width: auto;
/* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry__content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
}
img.alignright {
float: right;
margin: 0 0 15px 30px;
margin: 0 0 1.5rem 3rem;
}
img.alignleft {
float: left;
margin: 0 30px 15px 0;
margin: 0 3rem 1.5rem 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: -2px 0 0 -2px;
max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
/**
* 6.5 Gallery
* -----------------------------------------------------------------------------
*/
.gallery {
margin: 48px -20px 20px;
margin: 4.8rem -2rem 2rem;
}
.gallery:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.gallery-item {
position: relative;
float: left;
display: block;
padding: 0;
box-sizing: border-box;
line-height: 0;
margin: 0;
padding: 0 20px;
padding: 0 2rem;
margin-bottom: 28px;
margin-bottom: 2.8rem;
}
.gallery-item .gallery-icon {
border: 0;
padding: 0;
}
.gallery-item::before {
opacity: 0;
transition: all .2s ease;
top: 100%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
content: "";
z-index: 99;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzQuMjYxcHgiIGhlaWdodD0iMjAuNzgycHgiIHZpZXdCb3g9IjAgMCAzNC4yNjEgMjAuNzgyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNC4yNjEgMjAuNzgyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTcuMTMxLDEuNWMtNi41ODEsMC0xMi4zMjIsMy41NzgtMTUuMzk3LDguODkxYzMuMDc1LDUuMzEzLDguODE2LDguODkxLDE1LjM5Nyw4Ljg5MWM2LjU4MSwwLDEyLjMyMi0zLjU3OCwxNS4zOTctOC44OTFDMjkuNDUzLDUuMDc4LDIzLjcxMSwxLjUsMTcuMTMxLDEuNXoiLz48Y2lyY2xlIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxNy4xMzEiIGN5PSIxMC4wNjYiIHI9IjMuODU0Ii8+PC9nPjwvc3ZnPg==);
width: 35px;
height: 20px;
background-size: 35px 20px;
background-repeat: no-repeat;
}
.gallery-item a {
background-color: #007FC3;
display: block;
transition: none;
position: relative;
}
.gallery-item a::after {
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #007FC3;
opacity: 0.8;
transition: all .2s ease;
width: 100%;
height: 100%;
opacity: 0;
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
}
.gallery-item:hover::before {
top: 50%;
opacity: 1;
transition: all .2s ease;
}
.gallery-item:hover a::after {
opacity: .8;
top: 0;
left: 0;
transition: all .2s ease;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 48%;
width: calc(50%);
}
.gallery-columns-3 .gallery-item {
width: 32%;
width: calc(33.3%);
}
.gallery-columns-4 .gallery-item {
width: 23%;
width: calc(25%);
}
.gallery-columns-5 .gallery-item {
width: 19%;
width: calc(20%);
}
.gallery-columns-6 .gallery-item {
width: 15%;
width: calc(16.7%);
}
.gallery-columns-7 .gallery-item {
width: 13%;
width: calc(14.28%);
}
.gallery-columns-8 .gallery-item {
width: 11%;
width: calc(12.5%);
}
.gallery-columns-9 .gallery-item {
width: 9%;
width: calc(11.1%);
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
color: #fff;
font-size: 13px;
line-height: 19px;
margin: 3px 0 0 0;
max-height: 50%;
padding: 4px 0;
text-align: center;
width: 100%;
color: #666;
font-family: 'Open Sans', sans-serif;
position: absolute;
top: 100%;
left: 0;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media screen and (max-width: 43.75em) {
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 25%;
width: calc(25%);
}
}
@media screen and (max-width: 40.625em) {
.alignleft,
.alignright {
display: block;
float: none;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 37.5em) {
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 33%;
width: calc(33.3%);
}
}
@media screen and (max-width: 28.125em) {
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 50%;
width: calc(50%);
}
}
@media screen and (max-width: 21.875em) {
.entry__content .gallery {
margin-left: 0;
margin-right: 0;
}
.gallery-item {
float: none;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
text-align: center;
}
}
.top-search {
padding: 30px 0 29px;
padding: 3rem 0 2.9rem;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 30px;
margin-bottom: 3rem;
}
.page-breadcrumbs {
background-image: url(../img/sprite.png);
background-repeat: repeat;
background-color: #e6e6e6;
padding: 15px 0 21px;
padding: 1.5rem 0 2.1rem;
margin-bottom: 32px;
margin-bottom: 3.2rem;
}
.breadcrumbs a,
.breadcrumbs span {
color: #000;
margin-right: 42px;
margin-right: 4.2rem;
}
.breadcrumbs a:last-child,
.breadcrumbs span:last-child {
margin-right: 0;
}
.breadcrumbs span {
font-style: italic;
}
.breadcrumbs a {
position: relative;
font-style: normal;
}
.breadcrumbs a::after {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #007FC3;
content: "";
position: absolute;
right: -24px;
right: -2.4rem;
top: 50%;
margin-top: -4px;
margin-top: -0.4rem;
}
@media screen and (max-width: 79.9375em) {
.page-breadcrumbs {
margin-bottom: 2.1rem;
}
}
@media screen and (max-width: 47.9375em) {
.page-breadcrumbs {
margin-bottom: 1.2rem;
}
}
.pagination {
margin-bottom: 45px;
margin-bottom: 4.5rem;
}
.list-pagination__content {
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
-ms-flex-pack: center;
justify-content: center;
}
.list-pagination__content .page-numbers {
margin: 0 10px;
padding: 0;
}
.list-pagination__content .page-numbers::before {
display: none;
}
.list-pagination__content .page-numbers a,
.list-pagination__content .page-numbers span {
display: block;
line-height: 40px;
line-height: 4rem;
text-align: center;
font-weight: 500;
color: #17365d;
width: auto;
height: 40px;
height: 4rem;
border-radius: 50%;
font-weight: 700;
}
.list-pagination__content .page-numbers .active {
color: #fff;
background-color: #17365d;
text-decoration: none;
width: 40px;
width: 4rem;
}
.list-pagination__content .page-numbers a {
color: #007FC3;
}
.list-pagination__content .page-numbers a:hover {
text-decoration: none;
}
.list-pagination__content .page-numbers span {
color: #007FC3;
}
.list-pagination__content .page-numbers--prev,
.list-pagination__content .page-numbers--next {
margin: 0 8px;
}
.list-pagination__content .page-numbers--prev a,
.list-pagination__content .page-numbers--next a {
background-color: #007FC3;
}
.list-pagination__content .page-numbers--prev a:hover,
.list-pagination__content .page-numbers--next a:hover {
background-color: #17365d;
}
.list-pagination__content .page-numbers--prev a,
.list-pagination__content .page-numbers--next a,
.list-pagination__content .page-numbers--prev span,
.list-pagination__content .page-numbers--next span {
display: block;
text-indent: -9999em;
letter-spacing: -9999em;
overflow: hidden;
}
.list-pagination__content .page-numbers--prev a i,
.list-pagination__content .page-numbers--next a i,
.list-pagination__content .page-numbers--prev span i,
.list-pagination__content .page-numbers--next span i {
display: block;
width: 40px;
width: 4rem;
height: 40px;
height: 4rem;
position: relative;
}
.list-pagination__content .page-numbers--prev a svg,
.list-pagination__content .page-numbers--next a svg,
.list-pagination__content .page-numbers--prev span svg,
.list-pagination__content .page-numbers--next span svg {
display: block;
width: 9px;
width: .9rem;
height: 13px;
height: 1.3rem;
fill: #fff;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.list-pagination__content .page-numbers--prev a:hover svg,
.list-pagination__content .page-numbers--next a:hover svg {
fill: #007FC3;
transition: all .2s ease;
}
.list-pagination__content .page-numbers--hidden {
display: none;
}
@media screen and (max-width: 29.9375em) {
.pagination {
border-top: 0;
}
}
.mfp-container {
padding: 0;
}
.mfp-bg {
background-color: #111;
opacity: 0.6;
}
.book-popup {
background: #fff;
width: 1200px;
margin: 0 auto;
padding: 40px 50px;
padding: 4rem 5rem;
box-sizing: border-box;
position: relative;
}
.book-popup__title {
font-size: 32px;
font-size: 3.2rem;
font-weight: 700;
line-height: 38px;
line-height: 3.8rem;
margin-bottom: 22px;
margin-bottom: 2.2rem;
}
.book-popup-top {
margin-bottom: 22px;
margin-bottom: 2.2rem;
}
.book-popup-top__btn {
line-height: 45px;
line-height: 4.5rem;
background-position: 25px center;
background-position: 2.5rem center;
background-size: 2.2rem 2.4rem;
padding-left: 70px;
padding-left: 7rem;
}
.book-popup-top__text {
display: inline-block;
margin-left: 18px;
margin-left: 1.8rem;
}
.book-popup-gallery-btn {
width: 50px;
width: 5rem;
height: 50px;
height: 5rem;
background-size: 5rem 5rem;
position: absolute;
content: "";
top: 50%;
margin-top: -25px;
margin-top: -2.5rem;
cursor: pointer;
transition: all .2s ease;
}
.book-popup-gallery-btn:hover {
opacity: 0.92;
transition: all .2s ease;
}
.book-popup-gallery-btn--next {
right: -25px;
right: -2.5rem;
}
.book-popup-gallery-btn--prev {
left: -25px;
left: -2.5rem;
}
body {
-webkit-overflow-scrolling: touch;
}
body.mfp-zoom-out-cur {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
.mfp-wrap {
position: fixed;
overflow: auto;
}
@media screen and (max-width: 47.9375em) {
.popup-form {
width: 100%;
max-width: 78rem;
}
}
.main-menu-switcher {
display: none;
}
.main-menu {
float: left;
margin-right: 0;
}
.theme-menu {
padding: 0;
margin: 0;
}
.theme-menu > li {
float: left;
display: block;
margin: 0 63px 0 0;
margin: 0 6.3rem 0 0;
padding: 0;
}
.theme-menu > li:last-child {
margin-right: 0;
}
.theme-menu > li::before {
display: none;
}
.theme-menu > li a {
position: relative;
line-height: 76px;
line-height: 7.6rem;
display: block;
color: #17365d;
text-decoration: none;
text-transform: uppercase;
border: 0;
font-weight: 900;
}
.theme-menu > li:hover a {
color: #007FC3;
}
.theme-menu > li:hover .sub-menu {
display: block;
padding: 18px 0;
padding: 1.8rem 0;
}
.theme-menu .current-page-ancestor a,
.theme-menu .current-menu-parent a,
.theme-menu .current-menu-item a {
color: #007FC3;
}
.theme-menu .sub-menu {
position: absolute;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
background-color: #ffffff;
width: 170px;
width: 17rem;
margin: 0;
box-sizing: border-box;
z-index: 99;
left: 50%;
margin-left: -85px;
margin-left: -8.5rem;
top: 76px;
display: none;
}
.theme-menu .sub-menu::before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
position: absolute;
top: -12px;
left: 50%;
margin-left: -12px;
content: "";
}
.theme-menu .sub-menu li {
padding: 0;
margin: 0;
}
.theme-menu .sub-menu li a {
text-align: center;
color: #17365d;
text-transform: none;
line-height: 36px;
line-height: 3.6rem;
}
.theme-menu .sub-menu li a:hover {
color: #007FC3;
}
.theme-menu .sub-menu li::before {
display: none;
}
@media screen and (max-width: 79.9375em) {
.main-header-bottom .main-menu {
display: none;
}
.theme-menu {
float: left;
padding: 1.2rem 0;
margin: 0;
}
.theme-menu > li {
padding-left: 0;
}
}
@media screen and (max-width: 63.9375em) {
.theme-menu li a {
font-size: 1.5rem;
padding: 0 .9rem;
}
.theme-menu li:first-child a {
padding-left: 0;
}
.theme-menu li:last-child a {
padding-right: 0;
}
}
.menu-switcher {
display: none;
width: 82px;
float: left;
cursor: pointer;
margin-top: 27px;
margin-top: 2.7rem;
margin-right: 24px;
margin-right: 2.4rem;
box-sizing: border-box;
}
.menu-switcher .menu-switcher__icon {
float: left;
width: 18px;
width: 1.8rem;
position: relative;
height: 26px;
height: 2.6rem;
margin-right: 14px;
margin-right: 1.4rem;
}
.menu-switcher span {
background: #007FC3 repeat scroll 0 0;
border-radius: 0;
display: block;
height: 4px;
left: 0px;
position: absolute;
top: 4px;
transition: all 0.2s ease 0s;
width: 18px;
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-switcher span:nth-child(2) {
top: 11px;
}
.menu-switcher span:nth-child(3) {
top: 11px;
}
.menu-switcher span:nth-child(4) {
top: 18px;
}
.menu-switcher .menu-switcher__text {
line-height: 26px;
line-height: 2.6rem;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-family: 'Open Sans', sans-serif;
font-weight: 900;
color: #17365d;
text-transform: uppercase;
}
.menu-switcher.open span:nth-child(1),
.menu-switcher.open span:nth-child(4) {
width: 0%;
left: 50%;
}
.menu-switcher.open span:nth-child(2) {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-switcher.open span:nth-child(3) {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-switcher--stripe {
float: left;
padding: 23px 0;
padding: 2.3rem 0;
margin-top: 0;
}
@media screen and (max-width: 79.9375em) {
.menu-switcher {
display: block;
}
}
@media screen and (max-width: 47.9375em) {
.menu-switcher {
display: block;
margin-top: .9rem;
margin-right: 0;
}
}
.mobile-menu-search {
display: none;
}
.mobile-menu-top {
padding: 20px 23px 21px;
padding: 2rem 2.3rem 2.1rem;
color: #fff;
line-height: 22px;
line-height: 2.2rem;
font-size: 16px;
font-size: 1.6rem;
font-weight: 900;
border-bottom: 3px solid #fff;
position: relative;
background-color: #17365d;
text-transform: uppercase;
}
.mobile-menu-top__btn {
width: 16px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -10px;
right: 28px;
right: 2.8rem;
cursor: pointer;
}
.mobile-menu-top__btn span {
width: 16px;
background: #fff;
height: 3px;
display: block;
position: absolute;
top: 8px;
}
.mobile-menu-top__btn span:nth-child(1) {
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu-top__btn span:nth-child(2) {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.show-menu .mobile-menu {
left: 0;
transition: left .2s ease;
}
.mobile-menu {
position: absolute;
top: 0;
left: -260px;
width: 260px;
background-color: #fff;
z-index: 99;
height: 100%;
transition: left .2s ease;
z-index: 100;
}
.mobile-menu .main-menu,
.mobile-menu .theme-menu {
float: none;
}
.mobile-menu .mobile-menu-navigation {
margin-bottom: 0;
}
.mobile-menu .menu-item {
padding: 0;
margin: 0;
float: none;
}
.mobile-menu .menu-item:last-child a {
border-bottom: 3px solid #007FC3;
}
.mobile-menu .menu-item::before {
display: none;
}
.mobile-menu .menu-item a {
font-weight: 900;
color: #17365d;
display: block;
padding: 11px 23px 14px;
padding: 1.1rem 2.3rem 1.4rem;
border-bottom: 1px solid #dedede;
z-index: 1;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
text-decoration: none;
text-transform: uppercase;
}
.mobile-menu .menu-item a:hover {
color: #007FC3;
}
.mobile-menu .menu-item .sub-menu {
display: none;
}
.mobile-menu-box-link {
font-weight: 900;
color: #17365d;
display: block;
padding: 11px 23px 14px 55px;
padding: 1.1rem 2.3rem 1.4rem 5.5rem;
border-bottom: 1px solid #dedede;
z-index: 1;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
text-decoration: none;
text-transform: uppercase;
background-position: 22px center;
background-position: 2.2rem center;
position: relative;
}
.mobile-menu-box-link:hover {
border-bottom: 1px solid #dedede;
}
.mobile-menu-box-link-count {
width: 20px;
height: 20px;
background-color: #007FC3;
line-height: 20px;
line-height: 2rem;
border-radius: 50%;
font-size: 14px;
font-weight: 900;
display: block;
color: #fff;
text-align: center;
position: absolute;
right: 23px;
right: 2.3rem;
top: 50%;
margin-top: -10px;
margin-top: -1rem;
}
.mobile-menu-box-search-wrapp {
padding: 3px 23px 4px;
padding: .3rem 2.3rem .4rem;
box-sizing: border-box;
border-bottom: 1px solid #dedede;
}
.mobile-menu-box-search-wrapp .search-form {
position: relative;
}
.mobile-menu-box-search-wrapp .search-form-btn__wrapper {
position: absolute;
left: 0;
top: 1px;
}
.mobile-menu-box-search-wrapp .search-form-btn__wrapper .search-form__btn {
border-radius: 0;
margin: 0;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxNi42MzdweCIgdmlld0JveD0iMCAwIDE3IDE2LjYzNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcgMTYuNjM3IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMTczNjVkIiBkPSJNMTAuMTYyLDBDNi4zNDcsMCwzLjMyNSwyLjkzLDMuMzI1LDYuNzQ2YzAsMS4xNjYsMC4yODMsMi4yNDksMC43ODUsMy4xOUwwLDE0LjA0NWwyLjU5MiwyLjU5MWw0LjA2OC00LjA2OGMxLjAyMSwwLjU4OCwyLjIxNywwLjkyMiwzLjUwMiwwLjkyMmMzLjgxNSwwLDYuODM4LTIuOTMsNi44MzgtNi43NDVDMTcsMi45MywxMy45NzgsMCwxMC4xNjIsMHogTTEwLjE2Miw5Ljg3OGMtMS44MjQsMC0zLjE1MS0xLjM0NS0zLjE1MS0zLjEzM2MwLTEuNzg4LDEuMzI3LTMuMTMzLDMuMTUxLTMuMTMzYzEuODI1LDAsMy4xNTEsMS4zNDUsMy4xNTEsMy4xMzNDMTMuMzEzLDguNTMzLDExLjk4Nyw5Ljg3OCwxMC4xNjIsOS44Nzh6Ii8+PC9zdmc+);
background-color: #fff;
background-position: left center;
width: 20px;
width: 2rem;
}
.mobile-menu-box-search-wrapp .search-form-input__wrapper input[type="search"] {
background-color: #fff;
padding-left: 32px;
padding-left: 3.2rem;
padding-right: 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: 900;
text-transform: uppercase;
color: #17365d;
}
.mobile-menu-box-search-wrapp .search-form-input__wrapper input[type="search"]::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #17365d;
}
.mobile-menu-box-search-wrapp .search-form-input__wrapper input[type="search"]::-moz-placeholder {
/* Firefox 19+ */
color: #17365d;
}
.mobile-menu-box-search-wrapp .search-form-input__wrapper input[type="search"]:-ms-input-placeholder {
/* IE 10+ */
color: #17365d;
}
.mobile-menu-box-search-wrapp .search-form-input__wrapper input[type="search"]:-moz-placeholder {
/* Firefox 18- */
color: #17365d;
}
@media screen and (max-width: 79.9375em) {
.main-menu {
display: none;
position: absolute;
width: 100%;
left: 0;
background-color: #fff;
z-index: 99;
top: 70px;
box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.08);
}
.theme-menu {
width: 100%;
float: none;
}
.theme-menu > li {
float: none;
width: 100%;
}
.theme-menu > li a {
text-align: center;
}
}
.single-comment {
margin-top: 40px;
margin-top: 4rem;
margin-bottom: 29px;
margin-bottom: 2.9rem;
border-top: 1px solid #eaeaea;
padding-top: 22px;
padding-top: 2.2rem;
}
.single-comment::before {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.single-comment .comments-title {
font-size: 26px;
font-size: 2.6rem;
line-height: 32px;
line-height: 3.2rem;
}
.single-comment textarea,
.single-comment input {
border: 1px solid #eaeaea;
}
.single-comment .comment-form-url {
display: none;
}
.single-comment label {
font-weight: 700;
margin-bottom: 4px;
display: inline-block;
}
.single-comment label .required {
color: #f00;
}
.single-comment .comment-form-author,
.single-comment .comment-form-email {
width: 50%;
float: left;
box-sizing: border-box;
}
.single-comment .comment-form-author {
padding-right: 10px;
padding-right: 1rem;
}
.single-comment .comment-form-email {
padding-left: 10px;
padding-left: 1rem;
}
.single-comment .form-submit {
text-align: right;
}
.single-comment .form-submit input[type="submit"] {
display: inline-block;
box-sizing: border-box;
padding: 11px 27px 12px;
padding: 1.1rem 2.7rem 1.2rem;
background-color: #007FC3;
border: 3px solid #007FC3;
border-radius: 2.8rem;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
line-height: 2.2rem;
text-decoration: none;
text-align: center;
transition: all .2s ease;
font-weight: 700;
text-transform: uppercase;
}
.single-comment .form-submit input[type="submit"]:hover {
text-decoration: none;
transition: all .2s ease;
color: #fff;
border: 3px solid #007FC3;
background-color: #007FC3;
}
.single-comment .comment-list li {
padding-left: 0;
border-bottom: 1px solid #eaeaea;
padding: 18px 0 16px;
padding: 1.8rem 0 1.6rem;
margin: 0;
}
.single-comment .comment-list li::before {
display: none;
}
.single-comment .comment-list li .children {
padding-left: 30px;
padding-left: 3rem;
margin: 0;
}
.single-comment .comment-list li .children li {
border: 0;
}
.single-comment .comment-list li .children li:last-child {
padding-bottom: 0;
}
.single-comment .comment-body {
position: relative;
}
.single-comment .reply {
position: absolute;
top: 0;
right: 0;
}
.single-comment .comment-meta::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.single-comment .comment-author::before {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.single-comment .comment-author img {
display: block;
float: left;
margin-right: 20px;
margin-right: 2rem;
border-radius: 2px;
}
.single-comment .comment-content {
margin-top: 15px;
margin-top: 1.5rem;
}
.single-comment .comment-content::before {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.single-comment .comment-reply-title {
position: relative;
margin-top: 10px;
margin-top: 1rem;
}
.single-comment .comment-reply-title small {
position: absolute;
right: 0;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
font-weight: 400;
}
@media screen and (max-width: 29.9375em) {
.single-comment .reply {
position: relative;
top: auto;
left: auto;
margin-top: .4rem;
}
.single-comment .comment-reply-title small {
font-size: 1.4rem;
display: block;
position: relative;
top: 0;
left: 0;
}
}
.main-page.main-page--404 {
padding: 100px 0;
padding: 10rem 0;
}
.top-parts {
margin-bottom: 50px;
margin-bottom: 5rem;
}
.top-parts-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
margin: 0 -1.2rem;
}
.top-parts-btn {
text-align: center;
}
.box.box--big {
width: 25%;
padding: 0 12px;
padding: 0 1.2rem;
box-sizing: border-box;
margin-bottom: 24px;
margin-bottom: 2.4rem;
border: 0;
}
.box.box--big .box-wrapp {
border: 1px solid #e6e6e6;
border-radius: .6rem;
overflow: hidden;
height: 100%;
position: relative;
padding-bottom: 50px;
padding-bottom: 5rem;
box-sizing: border-box;
}
.box.box--big .box-wrapp:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 3px transparent;
border: 1px solid #e6e6e6;
}
.box.box--big .box-image img {
width: 100%;
height: auto;
}
.box.box--big .box-text {
padding: 0 10px;
padding: 0 1rem;
margin-bottom: 16px;
margin-bottom: 1.6rem;
}
.box.box--big .box-text-item--link {
text-decoration: none;
}
.box.box--big .item-text-link__title {
font-size: 18px;
font-size: 1.8rem;
line-height: 24px;
line-height: 2.4rem;
margin: 0 0 4px;
margin: 0 0 .4rem;
}
.box.box--big .item-text-link__title span {
font-weight: 300;
font-size: 15px;
font-size: 1.5rem;
line-height: 22px;
line-height: 2.2rem;
}
.box.box--big .box-text-item {
font-weight: 300;
font-size: 15px;
font-size: 1.5rem;
line-height: 22px;
line-height: 2.2rem;
}
.box.box--big .box-text-item--info {
border-top: 1px solid #e6e6e6;
margin: 0 -10px 0;
margin: 0 -1rem 0;
padding: 10px;
padding: 1rem;
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
}
.box.box--big .box-text-item__price {
font-size: 17px;
font-size: 1.7rem;
font-weight: 700;
line-height: 30px;
line-height: 3rem;
float: left;
}
.box.box--big .box-text-item__more {
width: 30px;
width: 3rem;
height: 30px;
height: 3rem;
background-color: #007FC3;
border-radius: 50%;
float: right;
display: block;
background-size: 1.6rem 1.6rem;
background-position: center center;
}
.top-categories {
margin-bottom: 26px;
margin-bottom: 2.6rem;
}
.top-categories-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -12px;
margin: 0 -1.2rem;
}
.top-categories-list-item {
width: 25%;
padding: 0 12px;
padding: 0 1.2rem;
box-sizing: border-box;
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
.top-categories-list-item--active .top-categories-list-item-box {
background-color: #007FC3;
}
.top-categories-list-item--active .top-categories-list-item-box__title,
.top-categories-list-item--active .top-categories-list-item-box__subtitle {
color: #fff;
}
.top-categories-list-item-box-image__icon {
width: 60px;
width: 6rem;
height: 60px;
height: 6rem;
margin: 20px auto 12px;
margin: 2rem auto 1.2rem;
}
.top-categories-list-item-box {
border: 1px solid #e6e6e6;
border-radius: .6rem;
overflow: hidden;
display: block;
text-decoration: none;
height: 100%;
}
.top-categories-list-item-box:hover {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 3px transparent;
border: 1px solid #e6e6e6;
}
.top-categories-list-item-box__title {
text-align: center;
padding: 10px 5px 0;
padding: 1rem .5rem 0;
margin: 0;
color: #000;
font-weight: 700;
font-size: 18px;
font-size: 1.8rem;
line-height: 26px;
line-height: 2.6rem;
}
.top-categories-list-item-box__subtitle {
font-size: 15px;
font-size: 1.5rem;
font-weight: 300;
text-align: center;
padding: 0 5px 10px;
padding: 0 .5rem 1rem;
color: #000;
}
@media screen and (max-width: 63.9375em) {
.box.box--big {
width: 33.333%;
}
}
@media screen and (max-width: 47.9375em) {
.box.box--big {
width: 50%;
}
}
@media screen and (max-width: 29.375em) {
.box.box--big {
width: 100%;
}
}
.single-car-compare-rows {
padding-top: 40px;
padding-top: 4rem;
}
.single-car-compare-row {
border-bottom: 1px solid #eaeaea;
display: -ms-flexbox;
display: flex;
transition: all .2s ease;
}
.single-car-compare-row:hover {
background-color: #d6e3f3;
transition: all .2s ease;
}
.single-car-compare-row:hover .single-car-compare-row__label {
background-color: #d6e3f3;
transition: all .2s ease;
}
.single-car-compare-row--images {
border: 0;
margin-bottom: 33px;
margin-bottom: 3.3rem;
}
.single-car-compare-row--images:hover {
background-color: transparent;
}
.single-car-compare-row-image {
float: left;
width: 50%;
padding: 0 14px;
padding: 0 1.4rem;
box-sizing: border-box;
position: relative;
}
.single-car-compare-row-image img {
display: block;
width: 100%;
height: auto;
border-radius: 2px;
}
.single-car-compare-rows--column3 .single-car-compare-row-image,
.single-car-compare-rows--column3 .single-car-compare-row__value {
width: 33.333%;
}
.single-car-compare-rows--column3 .single-car-compare-row-image--space {
width: 25%;
}
.single-car-compare-rows--column3 .single-car-compare-row-image-content {
min-height: 0;
}
.single-car-compare-rows--column4 .single-car-compare-row-image,
.single-car-compare-rows--column4 .single-car-compare-row__value {
width: 25%;
}
.single-car-compare-rows--column4 .single-car-compare-row-image--space {
width: 25%;
}
.single-car-compare-rows--column4 .single-car-compare-row-image-content {
min-height: 0;
}
.single-car-compare-row-images {
float: left;
width: 75%;
display: -ms-flexbox;
display: flex;
}
.single-car-compare-row-image-content {
min-height: 211px;
height: 100%;
background-color: #17365d;
text-align: center;
display: block;
color: #fff;
text-decoration: none;
position: relative;
border-radius: 2px;
}
.single-car-compare-row-image-content:hover {
background-color: #007FC3;
}
.single-car-compare-row-image-content__text {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
background-position: center top;
padding-top: 20px;
padding-top: 2rem;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.single-car-compare-row-image--space {
width: 25%;
}
.single-car-compare-row-image-remove {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #e5170d;
background-position: center center;
display: block;
position: absolute;
content: "";
top: 10px;
top: 1rem;
right: 24px;
right: 2.4rem;
}
.single-car-compare-row-image-remove:hover {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-transform: all .2s ease;
transform: all .2s ease;
}
.single-car-compare-row--header {
background-color: #eaeaea;
}
.single-car-compare-row--header:hover {
background-color: #eaeaea;
}
.single-car-compare-row--header:hover .single-car-compare-row__label {
background-color: #eaeaea;
}
.single-car-compare-row--header .single-car-compare-row__label {
background-color: #eaeaea;
font-weight: 700;
}
.single-car-compare-row--no-border {
border: 0;
}
.single-car-compare-row--multi {
border: 0;
}
.single-car-compare-row--multi .single-car-compare-row__label,
.single-car-compare-row--multi .single-car-compare-row__value {
padding-top: 0;
padding-bottom: 0;
}
.single-car-compare-row__label {
width: 25%;
float: left;
background-color: #f7f7f7;
padding: 12px 20px 13px;
padding: 1.2rem 2rem 1.3rem;
box-sizing: border-box;
transition: all .2s ease;
}
.single-car-compare-row__label--bold {
font-weight: 700;
}
.single-car-compare-row-values {
width: 75%;
float: left;
box-sizing: border-box;
}
.single-car-compare-row__value {
width: 50%;
float: left;
padding: 12px 14px 13px;
padding: 1.2rem 1.4rem 1.3rem;
box-sizing: border-box;
}
.single-car-compare-row__value--link {
color: #17365d;
font-weight: 700;
}
.single-car-compare-row__value--link:hover {
color: #17365d;
}
.single-car-compare-row-image--space .single-car-compare-row-image-content {
min-height: 1px;
opacity: 0;
}
@media screen and (max-width: 79.9375em) {
.content--wrapp {
position: relative;
}
.content--wrapp::before {
background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
width: 12rem;
height: 100%;
position: absolute;
content: "";
top: 0;
left: -4rem;
display: none;
z-index: 1;
}
.content--wrapp::after {
background-image: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
width: 12rem;
height: 100%;
position: absolute;
content: "";
top: 0;
right: -4rem;
display: block;
z-index: 1;
}
.content--scroll::after {
display: none;
}
.content--scroll::before {
display: block;
}
.cars-wrapp {
overflow: auto;
position: relative;
margin-right: -4rem;
}
.cars-wrapp .cars--columns {
width: 1200px;
}
.single-car-compare-rows--column2 .single-car-compare-row-image--space .single-car-compare-row-image-content {
min-height: 211px;
opacity: 1;
}
.single-car-compare-rows--column4 .single-car-compare-row-image--space .single-car-compare-row-image-content {
min-height: 98.5px;
opacity: 1;
}
.single-car-compare-row-image--space .single-car-compare-row-image-content {
min-height: 136px;
opacity: 1;
}
.single-car-compare-row-image--space .single-car-compare-row-image-content__text {
background-position: center top;
background-size: 15px 13px;
}
}
@media screen and (max-width: 47.9375em) {
.single-car-compare-rows {
padding-top: 2rem;
}
.single-car-compare-row--images {
margin-bottom: 2.5rem;
}
.single-car-compare-row__label,
.single-car-compare-row__value {
padding: .9rem 1.4rem .9rem;
}
.cars-wrapp {
margin: 0 -2rem;
}
.content--wrapp::before {
left: -2rem;
}
.content--wrapp::after {
right: -2rem;
}
.content--wrapp::before,
.content--wrapp::after {
width: 5rem;
}
}
.contanct-box {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contanct-info {
width: 600px;
padding-right: 50px;
padding-right: 5rem;
box-sizing: border-box;
}
.contanct-map {
width: 600px;
width: 60rem;
}
.top-catalog-link {
background-color: #17365d;
text-align: center;
display: none;
padding: 12px 0 13px;
padding: 1.2rem 0 1.3rem;
}
.top-area {
background-image: url(../img/sprite.png);
background-repeat: repeat;
background-color: #e6e6e6;
padding: 36px 0 43px;
padding: 3.6rem 0 4.3rem;
}
.top-article {
width: 780px;
float: left;
margin-right: 40px;
margin-right: 4rem;
}
.top-filter {
float: left;
width: calc(100% - 82rem);
}
.top-article-item-image {
display: block;
margin-bottom: 23px;
margin-bottom: 2.3rem;
}
.top-article-item-image img {
display: block;
border-radius: 2px;
max-width: 100%;
height: auto;
}
.top-article-item-text__title,
.top-article-item-text__title h2 {
font-size: 28px;
font-weight: 700;
line-height: 34px;
text-decoration: underline;
color: #17365d;
margin: 0;
}
.top-article-item-text__title:hover,
.top-article-item-text__title h2:hover {
text-decoration: none;
}
.top-article-item-text__title h2 {
margin-bottom: 16px;
margin-bottom: 1.6rem;
}
.top-article-item-text-meta {
margin-bottom: 12px;
margin-bottom: 1.2rem;
}
.top-article-item-text__date {
color: #8c8c8c;
font-style: italic;
position: relative;
float: left;
margin-right: 20px;
margin-right: 2rem;
}
.top-article-item-text__date::after {
width: 1px;
height: 16px;
background-color: #8c8c8c;
content: "";
position: absolute;
right: -10px;
top: 6px;
}
.top-article-item-text__categories a {
font-style: italic;
}
.top-article-item-text__perex {
line-height: 22px;
line-height: 2.2rem;
margin-bottom: 13px;
margin-bottom: 1.3rem;
}
.top-article-item-text__readmore {
font-weight: 700;
text-decoration: underline;
color: #17365d;
}
.top-article-item-text__readmore:hover {
color: #17365d;
}
.news {
padding-top: 40px;
padding-top: 4rem;
}
.news-more-btn {
text-align: center;
margin-bottom: 30px;
margin-bottom: 3rem;
}
.news-more-btn .btn {
padding: 14px 28px 14px;
padding: 1.4rem 2.8rem 1.4rem;
}
.news-more-btn--hp {
margin-bottom: 50px;
margin-bottom: 5rem;
}
@media screen and (max-width: 79.9375em) {
.top-area {
padding-bottom: 5.4rem;
}
.top-article {
width: calc(100% - 31rem);
margin-right: 3rem;
}
.top-article-item-image {
margin-bottom: 1.6rem;
}
.top-article-item-text__title h2 {
margin-bottom: 1rem;
}
.top-article-item-text-meta {
margin-bottom: .8rem;
}
.top-filter {
float: left;
width: 28rem;
}
.top-article-item-text__title,
.top-article-item-text__title h2 {
font-size: 2.4rem;
line-height: 3rem;
}
}
@media screen and (max-width: 47.9375em) {
.top-area {
padding: 2rem 0 2.4rem;
}
.top-catalog-link {
display: block;
}
.top-catalog-link .btn:hover {
background-color: #007FC3;
border-color: #007FC3;
}
.top-article {
width: calc(100%);
margin-right: 0;
}
.top-article-item-image {
margin-bottom: 1.3rem;
}
.top-article-item-text__title,
.top-article-item-text__title h2 {
font-size: 2rem;
line-height: 2.6rem;
}
.top-article-item-text__title h2 {
margin-bottom: 1rem;
}
.top-article-item-text-meta {
margin-bottom: .5rem;
}
.top-article-item-text__perex {
line-height: 2rem;
margin-bottom: 1rem;
}
.top-filter {
display: none;
}
.news {
padding-top: 2.1rem;
}
.news-more-btn {
text-align: center;
margin-bottom: 3rem;
}
.news-more-btn .btn {
padding: .9rem 2.5rem .9rem;
font-size: 1.5rem;
}
.news-more-btn--hp {
margin-bottom: 2rem;
}
}
.search-results-list {
margin-bottom: 40px;
margin-bottom: 4rem;
}
.page-content {
margin-bottom: 55px;
margin-bottom: 5.5rem;
}
.content {
width: 780px;
float: left;
margin-right: 40px;
margin-right: 4rem;
}
.content--full {
float: none;
width: 100%;
margin-right: 0;
}
.page-header__title {
margin-bottom: 17px;
margin-bottom: 1.7rem;
}
.single-meta {
margin-bottom: 33px;
margin-bottom: 3.3rem;
}
.single-meta__date {
color: #8c8c8c;
font-style: italic;
position: relative;
float: left;
margin-right: 20px;
margin-right: 2rem;
}
.single-meta__date::after {
width: 1px;
height: 16px;
background-color: #8c8c8c;
content: "";
position: absolute;
right: -10px;
top: 6px;
}
.single-meta__categories a {
font-style: italic;
}
.single-image {
margin-bottom: 33px;
margin-bottom: 3.3rem;
}
.single-image img {
display: block;
border-radius: 2px;
max-width: 100%;
height: auto;
}
.sidebar {
float: left;
width: calc(100% - 82rem);
}
@media screen and (max-width: 79.9375em) {
.content {
width: calc(100% - 31rem);
margin-right: 3rem;
}
.content--full {
width: 100%;
margin-right: 0;
}
.sidebar {
width: 28rem;
}
.single-meta {
margin-bottom: 2.8rem;
}
}
@media screen and (max-width: 63.9375em) {
.content {
width: 100%;
margin-right: 0;
}
.sidebar {
display: none;
}
.page-header__title {
margin-bottom: 1.4rem;
}
.single-meta {
margin-bottom: 2.8rem;
}
.single-image {
margin-bottom: 2.8rem;
}
.single-text {
line-height: 2.4rem;
}
}
.single-part-image {
width: 680px;
width: 68rem;
float: left;
}
.single-part-image img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
.single-part-text {
width: calc(100% - 68rem);
float: left;
padding-left: 40px;
padding-left: 4rem;
box-sizing: border-box;
}
.single-text-item {
margin-bottom: 12px;
margin-bottom: 1.2rem;
}
.single-text-item__price {
display: inline-block;
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
color: #8f8f8f;
}
.single-text-item__price strong {
color: #000;
}
.more-parts {
border-top: 1px solid #e6e6e6;
margin-top: 50px;
margin-top: 5rem;
padding-top: 30px;
padding-top: 3rem;
}
@media screen and (max-width: 79.9375em) {
.single-part-text {
width: 40rem;
}
.single-part-image {
width: calc(100% - 40rem);
}
}
@media screen and (max-width: 47.9375em) {
.single-part-text {
width: 100%;
padding-top: 4rem;
padding-left: 0;
}
.single-part-image {
width: 100%;
}
}
.more-posts {
background-image: url(../img/sprite.png);
background-repeat: repeat;
background-color: #e6e6e6;
padding: 28px 0 50px;
padding: 2.8rem 0 5rem;
}
.more-posts__title {
text-align: center;
font-size: 40px;
font-size: 4rem;
font-weight: 900;
line-height: 50px;
line-height: 5rem;
text-transform: uppercase;
margin-bottom: 38px;
margin-bottom: 3.8rem;
}
.more-posts-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 45px;
margin: 0 -1rem 4.5rem;
}
.news-item.news-item--more {
width: 33.333%;
box-sizing: border-box;
padding: 0 10px;
padding: 0 1rem;
border: 0;
}
.more-posts-btn {
text-align: center;
}
.more-posts-btn .btn {
padding: 12px 28px 15px;
padding: 1.2rem 2.8rem 1.5rem;
}
@media screen and (max-width: 63.9375em) {
.news-item.news-item--more {
width: 100%;
border-bottom: 1px solid #eaeaea;
padding-bottom: 3rem;
padding-left: 0;
padding-right: 0;
margin-bottom: 3rem;
}
.news-item.news-item--more:last-child {
padding: 0;
margin: 0;
}
.news-item.news-item--more .news-item-image {
width: 23rem;
margin-right: 3rem;
float: left;
}
.news-item.news-item--more .news-item-text {
width: calc(100% - 26rem);
float: left;
}
.news-item.news-item--more .news-item-text__title,
.news-item.news-item--more .news-item-text__title h2 {
font-size: 1.8rem;
line-height: 2.4rem;
}
.news-item.news-item--more .news-item-text__perex {
font-size: 1.4rem;
line-height: 2rem;
}
}
@media screen and (max-width: 40.625em) {
.more-posts {
padding: 1.8rem 0;
}
.more-posts__title {
font-size: 2.4rem;
line-height: 3rem;
margin-bottom: 2rem;
}
.more-posts-list {
margin-bottom: 2rem;
}
.news-item.news-item--more {
padding-bottom: 1.6rem;
margin-bottom: 2rem;
}
.news-item.news-item--more:last-child {
margin: 0;
padding: 0;
}
.news-item.news-item--more .news-item-image {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: .8rem;
}
.news-item.news-item--more .news-item-text {
width: 100%;
float: none;
}
.news-item.news-item--more .news-item-text__title,
.news-item.news-item--more .news-item-text__title h2 {
font-size: 1.6rem;
line-height: 2.2rem;
}
.news-item.news-item--more .news-item-text__title h2 {
margin-bottom: .8rem;
}
.news-item.news-item--more .news-item-text__perex {
font-size: 1.2rem;
line-height: 1.8rem;
}
.news-item.news-item--more .news-item-text__readmore {
font-size: 12px;
}
}
.widget {
margin-bottom: 34px;
margin-bottom: 3.4rem;
}
.widget:last-child {
margin-bottom: 0;
}
.widget-title {
color: #000;
text-align: center;
text-transform: uppercase;
font-size: 32px;
font-size: 3.2rem;
line-height: 38px;
line-height: 3.8rem;
margin-bottom: 32px;
margin-bottom: 3.2rem;
font-weight: 900;
}
@media screen and (max-width: 79.9375em) {
.widget-title {
font-size: 28px;
line-height: 3.4rem;
}
}
.matosoft_catalog_filter {
background-color: #17365d;
color: #fff;
padding: 27px 30px 30px 30px;
padding: 2.7rem 3rem 3rem 3rem;
border-radius: 2px;
}
.matosoft_catalog_filter .widget-title {
color: #fff;
margin-bottom: 24px;
margin-bottom: 2.4rem;
}
.matosoft_catalog_filter label {
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
line-height: 26px;
line-height: 2.6rem;
text-transform: uppercase;
margin-bottom: 13px;
margin-bottom: 1.3rem;
display: block;
}
.catalog-row {
margin-bottom: 21px;
margin-bottom: 2.1rem;
}
.catalog-row--btn {
text-align: center;
margin-bottom: 19px;
margin-bottom: 1.9rem;
margin-top: 40px;
margin-top: 4rem;
}
.catalog-row--btn .btn {
padding: 12px 36px 15px;
padding: 1.2rem 3.6rem 1.5rem;
}
.catalog-row--btn .btn:hover {
background-color: #007FC3;
border-color: #007FC3;
}
.catalog-filter-widget--inline {
margin-top: -5px;
margin-top: -0.5rem;
}
.catalog-filter-widget--inline .matosoft_catalog_filter {
background-color: transparent;
padding: 0 0 45px;
padding: 0 0 4.5rem;
}
.catalog-filter-widget--inline .matosoft_catalog_filter label {
color: #000;
}
.catalog-filter-widget--inline .catalog-rows {
margin: 0 -15px;
margin: 0 -1.5rem;
}
.catalog-filter-widget--inline .catalog-row {
margin-bottom: 0;
float: left;
width: 33.333%;
padding: 0 15px;
padding: 0 1.5rem;
box-sizing: border-box;
}
.catalog-filter-widget--inline .catalog-row--btn {
width: 100%;
}
@media screen and (max-width: 79.9375em) {
.matosoft_catalog_filter {
padding: 2.5rem 3rem 2.3rem 2rem;
}
.matosoft_catalog_filter .widget-title {
margin-bottom: 1.5rem;
}
.catalog-row {
margin-bottom: 1.2rem;
}
.catalog-row--btn {
margin-top: 3rem;
}
.catalog-row--btn .btn {
padding: 1.3rem 2.2rem 1.3rem;
}
.catalog-filter-widget--inline .matosoft_catalog_filter {
padding-bottom: 1.7rem;
}
.catalog-filter-widget--inline .catalog-row {
width: 50%;
margin-bottom: 2rem;
}
.catalog-filter-widget--inline .catalog-row--btn {
width: 100%;
margin-top: 1.5rem;
}
}
@media screen and (max-width: 47.9375em) {
.catalog-filter-widget--inline .matosoft_catalog_filter {
padding-bottom: 1.7rem;
}
.catalog-filter-widget--inline .catalog-row {
width: 100%;
margin-bottom: 1.7rem;
}
.catalog-filter-widget--inline .catalog-row select {
padding: .8rem 1.4rem .9rem;
}
.catalog-filter-widget--inline .catalog-row--btn {
margin-top: 1.3rem;
}
.catalog-filter-widget--inline .catalog-row--btn .btn {
padding: .9rem 2rem .9rem;
}
}
.widget_matosoft_compare .widget-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 30px;
line-height: 3rem;
margin-bottom: 21px;
margin-bottom: 2.1rem;
}
.widget_matosoft_compare p {
text-align: center;
}
.widget_matosoft_compare .car-item {
padding: 25px 0 27px;
padding: 2.5rem 0 2.7rem;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
margin-bottom: -1px;
position: relative;
}
.widget_matosoft_compare .car-item:hover {
background-color: #fff;
}
.widget_matosoft_compare .car-item-text {
padding-left: 20px;
padding-left: 2rem;
width: calc(100% - 11rem);
}
.widget_matosoft_compare .car-item-text-link {
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.widget_matosoft_compare .car-item-text-title {
width: calc(100% - 5.8rem);
padding-top: 0;
}
.widget_matosoft_compare .car-item-text-link__title {
font-size: 16px;
font-weight: 700;
line-height: 22px;
margin-right: 0;
}
.widget_matosoft_compare span.car-item-text-link__generation {
display: inline-block;
}
.widget_matosoft_compare .car-item-text-remove {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #e5170d;
background-position: center center;
display: block;
content: "";
top: 10px;
top: 1rem;
right: 24px;
right: 2.4rem;
position: absolute;
top: 50%;
margin-top: -12px;
right: 0;
}
.widget_matosoft_compare .car-item-text-remove:hover {
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-transform: all .2s ease;
transform: all .2s ease;
}
.widget_matosoft_compare .compare-cars-link {
text-align: center;
padding: 24px 0 10px;
padding: 2.4rem 0 1rem;
}
.widget_matosoft_compare .compare-cars-link a {
font-weight: 700;
}
.sidebar .widget_matosoft_compare .widget-title {
font-size: 32px;
margin-bottom: 32px;
margin-bottom: 3.2rem;
line-height: 38px;
line-height: 3.8rem;
}
.header-nav-icon-widget {
width: 0;
position: absolute;
top: 30px;
top: 3rem;
z-index: 99;
right: -40px;
right: -4rem;
top: 80px;
top: 8rem;
opacity: 0;
transition: top .2s ease;
}
.header-nav-icon--content:hover .header-nav-icon--active {
background-color: #007FC3;
}
.header-nav-icon--content:hover .header-nav-icon-widget {
opacity: 1;
top: 40px;
top: 4rem;
padding-top: 32px;
padding-top: 3.2rem;
width: 431px;
}
.header-nav-icon--content:hover .widget_matosoft_compare {
display: block;
padding: 25px;
}
.header-nav-icon--content .widget_matosoft_compare {
position: relative;
background-color: #fff;
box-shadow: 0 0 27px rgba(0, 0, 0, 0.2);
display: none;
}
.header-nav-icon--content .widget_matosoft_compare::before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
position: absolute;
top: -12px;
right: 49px;
right: 4.9rem;
left: auto;
content: "";
}
@media screen and (max-width: 79.9375em) {
.header-nav-icon-widget {
right: -2rem;
}
.header-nav-icon--content .widget_matosoft_compare::before {
right: 2.9rem;
}
}
@media print {
html {
font-size: 62.5%;
}
body {
font: 15px Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: none !important;
/* Brute force since user agents all print differently. */
color: #000;
}
.wf-active body {
font: 15px Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
background: none !important;
/* Brute force since user agents all print differently. */
color: #000;
}
a {
color: #000;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
img {
page-break-after: avoid;
page-break-inside: avoid;
}
blockquote,
table,
pre {
page-break-inside: avoid;
}
ul,
ol,
dl {
page-break-before: avoid;
}
body > header {
padding-top: 0px;
box-sizing: border-box;
height: auto;
display: none;
}
footer {
display: none;
}
.entry__content h1,
.entry__content h2,
.entry__content h3,
.entry__content h4,
.entry__content h5,
.entry__content h6 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
}
.entry__content h1 {
font-size: 2rem;
}
.entry__content h2 {
font-size: 1.8rem;
}
.entry__content h3 {
font-size: 1.6rem;
}
.entry__content h4 {
font-size: 1.4rem;
}
.entry__content h5 {
font-size: 1.2rem;
}
.entry__content h6 {
font-size: 1rem;
}
.entry__content ul {
margin-left: 2em;
padding-left: 0;
}
.entry__content ul li {
margin: 0;
padding: 0;
list-style: disc;
}
.entry__content ul li:before {
display: none;
}
.entry__content table th,
.entry__content table td {
padding: 4px 6px;
color: #000;
}
.entry__content table th a,
.entry__content table td a {
color: #000;
}
.entry__content table th {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1rem;
font-weight: bold;
background: transparent;
}
.entry__content table td {
background: transparent;
}
.entry__content p a[href^="http://"]:after,
.entry__content a[href^="https://"]:after {
content: " (" attr(href) ")";
}
.entry__content p a {
word-wrap: break-word;
}
.entry__content q:after {
content: " (Zdroj: " attr(cite) ")";
}
}