@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Medium.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Medium.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Medium.woff2) format('woff2'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Light.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Light.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Light.woff2) format('woff2'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Bold.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Bold.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Bold.woff2) format('woff2'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro.woff2) format('woff2'), url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-LightItalic.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-LightItalic.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-LightItalic.woff2) format('woff2'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Gotham Pro';
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Italic.eot);
src: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Italic.eot?#iefix) format('embedded-opentype'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Italic.woff2) format('woff2'),
url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/fonts/GothamPro-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
body {
font-family: 'Gotham Pro', sans-serif;
font-size: 15px;
font-weight: 300;
color: #000000;
background-color: #ffffff;
padding-top: 52px;
}
h1,
h2,
h3,
h4,
h5 {
color: #000000;
margin-bottom: 30px;
font-weight: normal;
line-height: 1.2em;
}
h1 {
font-size: 72px;
font-weight: bold;
}
h2 {
font-size: 48px;
font-weight: 500;
}
h3 {
font-size: 36px;
font-weight: 500;
}
h4 {
font-size: 30px;
font-weight: 500;
}
h5 {
font-size: 24px;
font-weight: 500;
}
h2.heading,
h3.heading {
position: relative;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
h2.heading:before,
h3.heading:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
display: inline-block;
width: 40px;
height: 3px;
margin: 0 auto;
background-color: #ffc23f;
}
h2.heading.right {
text-align: left;
}
h2.heading.right:before {
left: 0;
right: initial;
}
@media (max-width: 991px) {
h2.heading,
h3.heading {
padding-top: 25px;
padding-bottom: 25px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 60px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
}
.content-page h1 {
margin: 40px 0 40px 0;
padding: 0;
} @media (max-width: 991px) {
.content-page h1 {
font-size: 48px;
margin: 10px 0 30px 0;
}
}
.heading-sub-text {
position: relative;
top: -40px;
width: 55%;
font-size: 20px;
color: #6d6d6d;
text-align: center;
margin: 0 auto;
}
@media (max-width: 767px) {
.heading-sub-text {
width: 100%;
}
}
a {
color: #2fc560;
text-decoration: none;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
a:hover,
a:active {
color: #2fc560;
text-decoration: underline;
}
span {
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
input.form-control,
textarea.form-control,
select.form-control {
background-color: #f3f3f3 !important;
border: none !important;
border-radius: 4px !important;
box-shadow: none !important;
font-size: 14px !important;
color: #000000 !important;
}
input.form-control[type='submit'] {
color: #ffffff !important;
}
input.form-control,
select.form-control {
height: 50px;
}
input.form-control:hover,
textarea.form-control:hover,
select.form-control:hover {
background-color: #f3f3f3 !important;
border: none !important;
}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
background-color: #ffffff !important;
border: none !important;
box-shadow: 0 0 6px #2fc560 !important;
}
button,
span.button {
cursor: pointer;
}
table {
font-size: 16px;
}
table thead {
color: #ffffff;
background-color: rgba(47, 197, 46, 1);
}
table thead th {
padding: 12px 30px;
}
table tbody {
border: 1px solid #dfdfdf;
background-color: #ffffff;
}
table tbody tr {
border-bottom: 1px solid #dfdfdf;
}
table tbody tr:last-child {
border-bottom: 0;
}
table tbody tr td {
padding: 12px 30px;
}
.text-content ul {
list-style: none;
}
.text-content ul li {
position: relative;
padding-left: 30px;
margin-bottom: 20px;
}
.text-content ul li:before {
content: '';
position: absolute;
left: 0;
top: 5px;
display: inline-block;
width: 8px;
height: 8px;
background-color: #2fc560;
}
.button {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none !important;
text-transform: uppercase;
border-radius: 4px;
padding: 15px 30px;
border: 0;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.button-lg {
font-size: 15px;
}
.button-sm {
font-size: 12px;
font-weight: normal;
text-transform: none;
padding: 5px 10px;
}
.button-block {
display: block;
width: 100%;
}
.button-primary {
border: none;
background-color: #2fc560;
}
.button-primary:hover {
color: #ffffff;
border: none;
background-color: #0ed951;
}
.button-secondary {
color: #ffffff;
background-color: #ffc23f;
}
.button-secondary:hover {
color: #ffffff;
background-color: #ffae00;
}
.button-attention {
border: none;
background-color: #ff7e00;
background: linear-gradient(to bottom, #ff8a00, #ff6600);
}
.button-attention:hover {
border: none;
background-color: #ff7e00;
background: linear-gradient(to bottom, #ff8400, #ff5400);
}
.m-t-100 {
margin-top: 100px;
}
.m-b-100 {
margin-bottom: 100px;
}
.m-t-60 {
margin-top: 60px;
}
.m-b-60 {
margin-bottom: 60px;
}
.m-t-30 {
margin-top: 30px;
}
.m-b-30 {
margin-bottom: 30px;
}
div.wpcf7-validation-errors {
display: none !important;
font-size: 12px;
background-color: #f7e700;
}
.form input.form-control,
.form textarea.form-control,
.form select.form-control {
background-color: #ffffff !important;
}
.form input.form-control::placeholder,
.form textarea.form-control::placeholder,
.form select.form-control::placeholder,
.form input.form-control::-webkit-input-placeholder,
.form textarea.form-control::-webkit-input-placeholder,
.form select.form-control::-webkit-input-placeholder {
font-size: 13px;
}
@media (max-width: 767px) {
.margin-center-sm {
margin: 0 auto;
}
.text-center-sm {
text-align: center;
}
}
.breadcrumbs {
font-size: 12px;
color: #a4a4a4;
margin-top: 15px;
}
.breadcrumbs a {
color: #000000;
}
.content-page {
padding: 30px 0 0 0;
}
strong {
font-weight: bold;
}
#mobile-menu {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(20, 23, 26, 0.9);
padding: 20px;
overflow-y: scroll;
z-index: 4;
}
#mobile-menu .close-menu {
display: inline-block;
width: 26px;
height: 26px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/close.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
#mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#mobile-menu ul li {
text-align: center;
margin: 25px 0;
}
#mobile-menu ul li a {
font-size: 20px;
color: #ffffff;
text-decoration: none;
}
#mobile-menu ul li.parent {
position: relative;
}
#mobile-menu ul li.parent span.parent-arrow {
position: absolute;
top: 0;
right: 0;
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/plus-button.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 24px auto;
z-index: 20;
cursor: pointer;
}
#mobile-menu ul li.parent ul.children {
display: none;
background-color: rgba(0, 0, 0, 0.5);
padding: 15px;
}
#mobile-menu ul li.parent ul.children li {
margin-top: 0;
margin-bottom: 15px;
}
#mobile-menu ul li.parent ul.children li:last-child {
margin-bottom: 0;
}
#mobile-menu ul li.parent ul.children li a {
font-size: 15px;
}
#menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #202020;
z-index: 3;
}
#menu #menu-icon {
position: relative;
top: 14px;
left: 0;
display: inline-block;
width: 30px;
height: 26px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/menu.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
#menu ul {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
display: inline-block;
}
#menu ul li a {
display: inline-block;
font-weight: bold;
color: #ffffff;
text-decoration: none;
padding: 15px 0;
}
#menu ul li a span {
border-bottom: 1px solid #fee679;
}
#menu ul li a:hover > span {
border-bottom: 1px solid transparent;
}
#menu ul li.parent {
position: relative;
}
#menu ul li.parent span.parent-arrow {
display: inline-block;
width: 10px;
height: 10px;
border-bottom: 0;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/parent-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px auto;
padding-left: 13px;
}
#menu ul li.parent ul.children {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #000000;
padding: 15px;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#menu ul li.parent:hover > ul.children {
display: flex;
width: 640px;
}  #menu ul li.parent ul.children li a {
font-weight: normal;
}
#menu a.phone {
font-size: 20px;
font-weight: bold;
border-bottom: 0;
padding-left: 35px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/phone-ico.png);
background-repeat: no-repeat;
background-position: left;
}
@media (max-width: 991px) {
#menu ul li a {
font-size: 13px;
}
}
@media (max-width: 767px) {
#menu ul li.desktop-menu {
display: none;
}
}
@media (max-width: 400px) {
#menu a.phone {
font-size: 16px;
}
}
#header {
position: relative;
padding: 20px 0;
border-bottom: 1px solid #eaeaea;
}
#header a.to-main-page {
color: #000000;
text-decoration: none;
}
#header a.to-main-page:hover {
text-decoration: none;
}
#header .logo {
display: flex;
align-items: center;
height: 100px;
color: #000000;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/logo.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 120px;
}
#header .logo .text-wrapper span.name {
font-size: 20px;
font-weight: bold;
}
#header .contacts,
#header .contacts a {
color: #000000;
text-decoration: none;
text-align: right;
}
#header .contacts a.phone {
font-size: 20px;
font-weight: bold;
padding-left: 35px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/phone-ico.png);
background-repeat: no-repeat;
background-position: left;
}
#header .contacts button {
display: inline-block;
margin-top: 5px;
vertical-align: top;
}
#header .contacts .work-time {
display: inline-block;
font-size: 12px;
color: #bdbdbd;
line-height: 1.2em;
text-align: left;
margin: 5px 0;
vertical-align: top;
}
#header .contacts .email,
#header .contacts .address {
font-size: 12px;
}
#header .contacts .address {
display: block;
}
@media (max-width: 1199px) {
#header .br {
display: block;
}
}
@media (max-width: 991px) {
#header .br {
display: inline;
}
} #main-top {
position: relative;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/main-top-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#main-top:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(20, 23, 26, 0.45);
z-index: 0;
}
#main-top.service-page:before {
background-color: rgba(20, 23, 26, 0.55);
}
#main-top .container {
position: relative;
padding: 20px 0 100px 0;
}
#main-top a.to-main-page:hover {
text-decoration: none;
}
#main-top .logo {
display: flex;
align-items: center;
height: 100px;
color: #ffffff;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/logo.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 120px;
}
#main-top .logo .text-wrapper span.name {
font-size: 20px;
font-weight: bold;
}
#main-top .contacts,
#main-top .contacts a {
color: #ffffff;
text-decoration: none;
text-align: right;
}
#main-top .contacts a.phone {
font-size: 20px;
font-weight: bold;
padding-left: 35px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/phone-ico.png);
background-repeat: no-repeat;
background-position: left;
}
#main-top .contacts button {
display: inline-block;
margin-top: 5px;
vertical-align: top;
}
#main-top .contacts .work-time {
display: inline-block;
font-size: 12px;
color: #bdbdbd;
line-height: 1.2em;
text-align: left;
margin: 5px 0;
vertical-align: top;
}
#main-top .contacts .email,
#main-top .contacts .address {
font-size: 12px;
}
#main-top .contacts .address {
display: block;
}
#main-top h1 {
color: #ffffff;
}
#main-top .heading-text {
font-size: 28px;
color: #fed518;
font-weight: normal;
}
#main-top .checks {
list-style: none;
font-size: 23px;
font-weight: 500;
color: #ffffff;
margin: 30px 0 0 0;
padding: 0;
}
#main-top .checks li {
display: flex;
align-items: center;
min-height: 50px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/top-main-check.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 65px;
margin-bottom: 20px;
}
#main-top .checks li span.back span {
padding: 0.1em 0.2em;
box-shadow: 0.2em 0 0 rgba(77, 82, 95, 0.8), -0.2em 0 0 rgba(77, 82, 95, 0.8);
background-color: #fff;
background-color: rgba(77, 82, 95, 0.8);
text-shadow: 1px 1px rgb(0, 0, 0);
}
#main-top .ribbon {
padding: 15px;
height: 50px;
background: rgba(186, 137, 182, 0.7);
clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
color: #ffffff;
font-size: 22px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 600px;
margin: 25px 0 35px 0;
}
@media (max-width: 1199px) {
#main-top .ribbon {
font-size: 18px;
}
#main-top .br {
display: block;
}
}
@media (max-width: 991px) {
#main-top .ribbon {
font-size: 16px;
}
#main-top .br {
display: inline;
}
}
@media (max-width: 575px) {
#main-top.service-page h1 {
font-size: 36px;
}
}
#main-top .form {
background-color: #f3d85b;
padding: 30px;
border-radius: 5px;
}
#main-top .form .title {
display: block;
font-size: 20px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
#main-top .form input,
#main-top .form textarea,
#main-top .form select {
background-color: #ffffff;
}
#main-top .form .form-name {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-name.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#main-top .form .form-phone {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-phone.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#main-top .form .form-message {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-message.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#main-top .form input[type='file'] {
position: relative;
width: 260px;
height: initial;
}
#main-top .form input[type='file']:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background-color: #f3d85b;
}
#main-top .form input[type='file']:after {
content: 'Прикрепить проект (план работ)';
position: absolute;
top: 0;
left: 0;
display: inline-block;
font-size: 14px;
color: #000000;
border-bottom: 1px dashed #000000;
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#main-top .form input[type='file']:hover:after {
border-bottom: 1px dashed transparent;
}
#main-top .form .form-attach {
display: block;
border: 1px solid #ffec96;
border-radius: 4px;
font-size: 14px;
color: #000000;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-attach.png);
background-repeat: no-repeat;
background-position: 8px 5px;
padding: 14px 0px 14px 38px;
cursor: pointer;
overflow: hidden;
}
#main-top .form .form-attach span {
border-bottom: 1px dashed #000000;
}
#main-top .form .form-attach:hover > span {
border-bottom: 1px dashed transparent;
}
#main-top .form .form-attach p {
display: none;
}
#main-top .form #list-of-files {
display: none;
}
#main-top .form #list-of-files span {
font-size: 12px;
border-bottom: 0;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/file.svg);
background-repeat: no-repeat;
background-position: 5px center;
background-size: 10px auto;
background-color: rgba(255, 255, 255, 0.3);
border-radius: 60px;
padding: 2px 5px 2px 18px;
margin-right: 15px;
}
#main-top .form #list-of-files span:last-child {
margin-right: 0;
}
#main-top .form .button-attention {
margin-bottom: 10px;
}
#main-top .form small {
text-align: center;
font-size: 12px !important;
color: #474032 !important;
}
#main-top .standards {
position: absolute;
bottom: -50px;
display: flex;
justify-content: space-between;
width: 100%;
}
#main-top .standards .item {
display: table;
width: 100px;
height: 100px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 50px;
}
#main-top .standards .item span {
display: table-cell;
vertical-align: middle;
}
#main-top .scroll-downs {
position: absolute;
right: 0;
bottom: 50px;
left: 0;
margin: auto;
width: 34px;
height: 55px;
}
#main-top .mousey {
position: relative;
width: 3px;
padding: 10px 15px;
height: 35px;
border: 2px solid #fff;
border-radius: 25px;
opacity: 0.75;
box-sizing: content-box;
}
#main-top .scroll-downs .mousey .mouse-link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 2;
}
#main-top .scroller {
width: 3px;
height: 10px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
opacity: 0;
}
10% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(15px);
opacity: 0;
}
}
@media (max-width: 600px) {
#main-top {
padding: 0 15px;
}
#main-top .m-t-60 {
margin-top: 30px;
}
}
@media (max-width: 565px) {
#main-top .standards .item {
width: 25%;
}
}
#services {
padding: 100px 0 0 0;
}
body.page-template-page-service #services {
padding: 100px 0;
}
#services a {
color: #000000;
}
#services a span span {
text-decoration: underline;
}
#services a:hover span span {
text-decoration: none;
}
#services .service {
display: inline-block;
min-height: 40px;
font-size: 18px;
background-repeat: no-repeat;
background-position: left;
padding-top: 6px;
padding-left: 55px;
margin-bottom: 16px;
}
#services .service.service-1 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-1.png);
}
#services .service.service-2 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-2.png);
}
#services .service.service-3 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-3.png);
}
#services .service.service-4 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-4.png);
}
#services .service.service-5 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-5.png);
}
#services .service.service-6 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-6.png);
}
#services .service.service-7 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-7.png);
}
#services .service.service-8 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-8.png);
}
#services .service.service-9 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-9.png);
}
#services .service.service-10 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-10.png);
}
#services .service.service-11 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-11.png);
}
#services .service.service-12 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-12.png);
}
#services .service.service-13 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-13.png);
}
#services .service.service-14 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-14.png);
}
#services .service.service-15 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-15.png);
}
#services .service.service-16 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/service-ico-16.png);
}
#prices {
padding: 100px 0 0 0;
}
#prices.no-padding {
padding: 0 0 0 0;
}
#prices h2 {
margin-bottom: 10px;
padding-bottom: 0;
}
#prices .subheading {
font-size: 20px;
color: #6d6d6d;
text-align: center;
margin-bottom: 60px;
}
body.home #prices .subheading {
margin-bottom: 10px;
}
#prices .bg-image {
position: relative;
top: -30px;
width: 100%;
min-height: 205px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/prices-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
#prices .bg-image .prices-table {
position: relative;
top: 60px;
}
#prices table {
margin: 0 auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
#prices table thead {
background-color: rgba(47, 197, 46, 0.5);
}
#prices table thead th {
padding: 8px 30px;
}
#prices table thead th:nth-child(2) {
text-align: center;
}
#prices table tbody tr td {
padding: 8px 30px;
}
#prices .bg-image .prices-table.prices-table-inner table tbody tr td {
font-size: 20px;
}
#prices table tbody tr td:first-child {
font-weight: bold;
}
#prices .bg-image .prices-table.prices-table-inner table tbody tr td:first-child {
font-weight: 500;
}
#prices table tbody tr td:nth-child(2) {
text-align: center;
}
#prices table tbody tr.price-buttons td {
text-align: right;
}
#prices table tbody tr td span,
.prices-table.prices-table-inner table tbody tr td span {
display: block;
font-size: 15px;
color: #505050;
}
#prices table tbody tr.price-buttons td .wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
text-align: right;
}
#prices table tbody tr.price-buttons td span.info {
float: left;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #707070;
text-align: left;
}
#prices table tbody tr.price-buttons td .buttons {
flex: none;
width: 215px;
text-align: right;
}
#prices table tbody tr.price-buttons td .ico {
position: relative;
top: 2px;
left: 0;
display: inline-block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-position: bottom;
background-size: 14px auto;
margin-right: 4px;
}
#prices table tbody tr.price-buttons td .ico.print {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/print.svg);
}
#prices table tbody tr.price-buttons td .ico.save {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/save.svg);
}
.prices-table a {
margin-top: 0 !important;
}
.page-id-8 table {
margin: 0 auto;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.page-id-8 table thead th:nth-child(2) {
text-align: center;
}
.page-id-8 table tbody tr td:first-child {
font-weight: bold;
}
.page-id-8 table tbody tr td:nth-child(2) {
text-align: center;
}
#why-order {
padding: 100px 0;
}
#why-order .head {
display: flex;
justify-content: flex-start;
margin-bottom: 15px;
}
#why-order .head .num {
display: inline-block;
flex: none;
width: 70px;
height: 70px;
font-size: 48px;
text-align: center;
color: #ffffff;
background-color: #2fc560;
border: 2px solid #202020;
box-shadow: inset 0 0 0 3px #ffffff;
border-radius: 35px;
margin-right: 10px;
}
#why-order .head .title {
display: inline-block;
font-size: 18px;
font-weight: 500;
line-height: 1.2em;
padding-top: 4px;
}
#why-order .head .title span {
display: block;
color: #2fc560;
}
#why-order p {
font-size: 14px;
color: #6d6d6d;
}
#why-order .iphone p {
min-height: 130px;
font-size: 20px;
color: #000000;
padding-top: 30px;
padding-left: 120px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/iphone.png);
background-repeat: no-repeat;
background-position: left;
}
#completed-objects {
position: relative;
padding: 30px 0;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/completed-objects-bg.jpg);
background-color: #f5f5f5;
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% auto;
}
#completed-objects .container {
position: relative;
top: 80px;
}
#completed-objects h2 {
margin-bottom: 0;
}
@media (max-width: 767px) {
#completed-objects {
padding: 80px 0;
}
#completed-objects .container {
top: 0;
}
}
#completed-objects .tabs {
list-style: none;
margin: 0;
padding: 0;
}
#completed-objects .tabs li {
margin-bottom: 10px;
}
#completed-objects .tabs li span {
display: inline-block;
padding: 11px 26px;
background-color: #ffffff;
cursor: pointer;
}
#completed-objects .tabs li span:hover {
background-color: #d4d4d4;
}
#completed-objects .tabs li span.active {
color: #ffffff;
background-color: #2fc560;
}
#completed-objects .button {
margin-top: 20px;
}
@media (max-width: 991px) {
#completed-objects {
padding: 80px 0;
}
#completed-objects .container {
top: 0;
}
#completed-objects h2 {
text-align: center;
}
#completed-objects h2:before {
left: 0;
right: 0;
}
#completed-objects .tabs {
text-align: center;
}
#completed-objects .tabs li {
display: inline-block;
}
}
#completed-objects .carousel-arrow {
position: absolute;
top: calc(50% - 25px);
display: inline-block;
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.5);
background-position: center;
background-repeat: no-repeat;
z-index: 1;
cursor: pointer;
}
#completed-objects .carousel-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
}
#completed-objects .carousel-arrow.arrow-l {
left: -25px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/arrow-l.png);
}
#completed-objects .carousel-arrow.arrow-r {
right: -25px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/arrow-r.png);
}
@media (max-width: 767px) {
#completed-objects .carousel-arrow.arrow-l {
left: 0;
}
#completed-objects .carousel-arrow.arrow-r {
right: 0;
}
}
#completed-objects .completed-objects-carousel .item a {
display: block;
width: 100%;
height: 286px;
}
#completed-objects .completed-objects-carousel .item a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#reviews {
padding: 100px 0;
}
.content-page #reviews {
padding: 100px 0 100px 0;
}
#reviews .carousel-arrow {
position: absolute;
top: calc(50% - 25px);
display: inline-block;
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(0, 0, 0, 0.5);
background-position: center;
background-repeat: no-repeat;
z-index: 1;
cursor: pointer;
}
#reviews .carousel-arrow:hover {
background-color: rgba(0, 0, 0, 0.8);
}
#reviews .carousel-arrow.arrow-l {
left: -25px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/arrow-l.png);
}
#reviews .carousel-arrow.arrow-r {
right: -25px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/arrow-r.png);
}
@media (max-width: 767px) {
#reviews .carousel-arrow.arrow-l {
left: 0;
}
#reviews .carousel-arrow.arrow-r {
right: 0;
}
}
@media (max-width: 565px) {
#reviews h2.heading {
font-size: 24px;
}
}
#how-we-work {
position: relative;
padding: 100px 0;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/how-we-work-bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #909090;
}
#how-we-work:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(60, 60, 60, 0.75);
}
#how-we-work h2.heading {
color: #ffffff;
}
#how-we-work .step .box {
position: relative;
display: inline-block;
width: 270px;
height: 270px;
border: 3px solid #ffc23f;
box-shadow: inset 0 0 0 8px #ffffff;
border-radius: 135px;
background-color: #f5f2e5;
padding: 30px;
}
#how-we-work .step .box:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -33px;
display: inline-block;
width: 30px;
height: 30px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/arrow-r.png);
background-repeat: no-repeat;
background-position: center;
margin: auto 0;
}
#how-we-work .step .box.no-arrow:after {
display: none;
}
#how-we-work .step .box .num {
display: block;
font-size: 48px;
color: #ffc23f;
text-align: center;
}
#how-we-work .step .box .title {
display: block;
font-size: 18px;
text-align: center;
}
#how-we-work .step .desc {
font-size: 15px;
color: #ffffff;
text-align: center;
margin-top: 20px;
}
#how-we-work .bottom-text {
font-size: 24px;
font-style: italic;
font-weight: bold;
color: #4de47e;
margin-top: 40px;
}
@media (max-width: 1199px) {
#how-we-work .step .box {
width: 210px;
height: 210px;
padding: 20px;
}
#how-we-work .step .box .num {
font-size: 40px;
}
#how-we-work .step .box .title {
font-size: 16px;
}
}
@media (max-width: 767px) {
#how-we-work .step .box:after {
display: none;
}
}
#text {
padding: 100px 0;
}
#cities {
padding: 100px 0;
}
#cities h2 {
font-size: 30px;
}
#cities .link {
font-size: 16px;
margin-bottom: 10px;
}
#cities .link a{
font-size: 16px;
color: #000;
text-decoration: underline;
}
#cities .link a.active {
font-weight: bold;
pointer-events: none; text-decoration: none; color: inherit; }
@media (max-width: 565px) {
#cities .link {
overflow-wrap: break-word;
}
}
#questions {
padding: 100px 0;
color: #ffffff;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-bg.jpg);
background-color: #2fc560;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#questions .address,
#questions .phone,
#questions .mail {
display: block;
font-size: 18px;
text-align: center;
background-repeat: no-repeat;
background-position: top;
padding-top: 70px;
}
#questions .address {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-1.png);
}
#questions .phone {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-2.png);
}
#questions .phone a {
display: block;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
#questions .mail {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-3.png);
}
#questions .arrow {
display: inline-block;
width: 22px;
height: 26px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-arrow.png);
background-repeat: no-repeat;
background-position: center;
margin-top: 4px;
}
#questions h2,
#questions a {
color: #ffffff;
}
#questions a {
text-decoration: none;
}
#map {
position: relative;
}
#map .info-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}
#map .contacts,
#map .form {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.13);
}
#map .contacts {
position: absolute;
top: 50px;
left: 0;
max-width: 320px;
height: 419px;
background-color: #ffffff;
border-radius: 5px;
z-index: 1;
pointer-events: all;
}
#map .contacts img {
border-radius: 5px 5px 0 0;
}
#map .contacts .text {
font-size: 18px;
padding: 30px;
}
#map .contacts .text span {
display: block;
margin-top: 30px;
}
#map .contacts .text span:first-child {
margin-top: 0;
}
#map .contacts .text span a {
font-weight: bold;
}
#map .form {
position: absolute;
top: 50px;
right: 0;
max-width: 320px;
background-color: #f3d85b;
padding: 30px 30px 15px 30px;
border-radius: 5px;
z-index: 1;
pointer-events: all;
}
#map .form .title {
display: block;
font-size: 18px;
font-weight: 500;
text-align: center;
margin-bottom: 15px;
line-height: 1.2em;
}
#map .form input,
#map .form textarea,
#map .form select {
background-color: #ffffff;
}
#map .form .form-name {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-name.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#map .form .form-phone {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-phone.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#map .form .form-message {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-message.png);
background-repeat: no-repeat;
background-position: 8px 8px;
padding-left: 38px;
}
#map .form .form-attach {
display: block;
border: 1px solid #ffec96;
border-radius: 4px;
font-size: 14px;
color: #000000;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-attach.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding: 14px 0px 14px 38px;
cursor: pointer;
}
#map .form .form-attach span {
border-bottom: 1px dashed #000000;
}
#map .form .form-attach:hover > span {
border-bottom: 1px dashed transparent;
}
#map .form .button-attention {
margin-bottom: 10px;
}
#map .form small {
text-align: center;
font-size: 12px !important;
color: #474032 !important;
}
@media (max-width: 1380px) {
#map .contacts {
left: 50px;
}
#map .form {
right: 50px;
}
}
@media (max-width: 991px) {
#map .info-block {
position: relative;
}
#map .contacts,
#map .form {
position: relative;
top: initial;
left: initial;
right: initial;
display: inline-block;
margin: 0 auto;
vertical-align: top;
}
}
@media (max-width: 767px) {
#map .contacts,
#map .form {
display: block;
width: 100%;
}
}
@media (max-width: 767px) {
#services {
padding: 60px 0 0 0;
}
#prices {
padding: 60px 0 0 0;
}
#why-order {
padding: 60px 0 30px 0;
}
#reviews {
padding: 60px 0 0 0;
}
#text {
padding: 60px 0;
}
}
#about-page {
padding: 20px 0 100px 0;
}
#about-page h1 {
margin-bottom: 10px;
}
#about-page .subheading {
font-size: 30px;
margin-bottom: 40px;
}
#about-page .box {
height: 100%;
border: 4px solid #ffc23f; padding: 50px;
}
#about-page .box .title {
font-size: 30px;
font-weight: 500;
margin-bottom: 20px;
}
#about-page .box ul.list {
list-style: none;
margin: 0;
padding: 0;
}
#about-page .box ul.list li {
position: relative;
display: flex;
align-items: center;
min-height: 50px;
font-size: 18px;
font-weight: 400;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/top-main-check.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 65px;
margin-bottom: 15px;
}
#about-page .box ul.list li:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
#about-page .box {
height: auto;
margin-bottom: 30px;
}
#about-page .box.no-margin {
margin-bottom: 0;
}
}
#contacts-page .contact-box {
border: 6px solid #2fc560;
padding: 30px;
}
#contacts-page span,
#contacts-page a {
display: block;
text-align: center;
}
#contacts-page .icon {
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
#contacts-page .icon.icon-1 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-1.png);
}
#contacts-page .icon.icon-2 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-2.png);
}
#contacts-page .icon.icon-3 {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/questions-ico-4.png);
}
#contacts-page .contact-box .title {
font-size: 12px;
color: #a2a2a2;
text-transform: uppercase;
margin-top: 15px;
}
#contacts-page .contact-box .text {
font-size: 18px;
font-weight: 500;
}
#contacts-page a {
color: #000000;
}
@media (max-width: 1199px) {
#contacts-page .contact-box {
min-height: 209px;
}
}
@media (max-width: 991px) {
#contacts-page .contact-box {
margin-bottom: 15px;
}
}
#vehicles-category {
padding: 20px 0 100px 0;
}
#vehicles-category .box {
position: relative;
height: calc(100% - 30px);
border: 2px solid #e4e4e4;
margin-bottom: 30px;
padding-bottom: 60px;
}
#vehicles-category .box .image {
height: 260px;
text-align: center;
}
#vehicles-category .box .image img {
width: auto;
height: 100%;
}
#vehicles-category .box .text {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
padding: 30px;
}
#vehicles-category .box .text .title {
}
#vehicles-category .box .text .title h2 {
font-size: 20px;
margin-bottom: 10px;
}
#vehicles-category .box .text .price {
font-size: 18px;
font-weight: bold;
color: #ff6600;
margin-bottom: 15px;
}
#vehicles-category .box .button {
position: absolute;
bottom: 30px;
left: 30px;
width: calc(100% - 60px);
}
#vehicle-page {
padding: 20px 0 50px 0;
}
#vehicle-page .container {
border: 5px solid #e4e4e4;
}
#vehicle-page .image {
}
#vehicle-page .image img {
width: 100%;
height: auto;
}
#vehicle-page .text {
padding: 30px;
}
#vehicle-page .text .title {
}
#vehicle-page .text .title h1 {
font-size: 36px;
margin-bottom: 20px;
}
#vehicle-page .text .short-desc {
font-size: 18px;
}
#vehicle-page .text .price {
font-size: 30px;
font-weight: bold;
color: #ff6600;
margin-bottom: 15px;
}
@media (max-width: 565px) {
#vehicle-page .text {
padding: 10px;
}
#vehicle-page .text .title h1 {
font-size: 24px;
}
#vehicle-page .text .short-desc {
font-size: 16px;
}
}
#wpadminbar {
top: initial;
bottom: 0;
}
.content-page h1.no-margin {
margin-bottom: 0;
}
.content-page .subheading {
font-size: 24px;
margin-bottom: 40px;
}
.content-page .tabs {
list-style: none;
margin: 0;
padding: 0;
}
.content-page .tabs li {
display: inline-block;
margin-bottom: 10px;
}
.content-page .tabs li span {
display: inline-block;
padding: 11px 26px;
background-color: #f4f4f4;
cursor: pointer;
}
.content-page .tabs li span:hover {
background-color: #d4d4d4;
}
.content-page .tabs li span.active {
color: #ffffff;
background-color: #2fc560;
}
.content-page .button {
margin-top: 20px;
}
@media (max-width: 991px) {
.content-page {
padding: 30px 10px;
}
.content-page .container {
top: 0;
}
.content-page h2 {
text-align: center;
}
.content-page h2:before {
left: 0;
right: 0;
}
.content-page .tabs {
text-align: center;
}
}
.content-page .images .item .photo {
width: 277.5px;
height: 235px;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media (max-width: 1199px) {
.content-page .images .item .photo {
width: 217.5px;
height: 175px;
}
}
@media (max-width: 767px) {
.content-page .images .item .photo {
width: 255px;
height: 215px;
}
}
@media (max-width: 575px) {
.content-page .images .item .photo {
width: 320px;
height: 285px;
margin: 0 auto;
}
}
div.wpcf7-validation-errors {
display: none !important;
font-size: 12px;
background-color: #f7e700;
}
div.wpcf7 .ajax-loader,
.wpcf7-response-output {
display: none !important;
}
.modal-backdrop.show {
opacity: 0.8;
}
#callModal .modal-dialog,
#vehicleOrder .modal-dialog {
width: 100%;
max-width: 400px;
}
#callModal .modal-dialog .modal-content,
#vehicleOrder .modal-dialog .modal-content {
background-color: transparent !important;
border: 0 !important;
}
#callModal .modal-dialog .modal-content .modal-body,
#vehicleOrder .modal-dialog .modal-content .modal-body {
position: relative;
color: #000000;
background-color: transparent !important;
border: 0 !important;
}
#callModal .modal-dialog .modal-content .modal-body .close-modal,
#vehicleOrder .modal-dialog .modal-content .modal-body .close-modal {
position: absolute;
right: -20px;
top: 17px;
display: inline-block;
width: 26px;
height: 26px;
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/close.svg);
background-size: 26px 26px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
cursor: pointer;
}
#callModal .modal-dialog .modal-content .modal-body .close-modal:hover,
#vehicleOrder .modal-dialog .modal-content .modal-body .close-modal:hover {
opacity: 1;
}
#callModal .form,
#vehicleOrder .form {
background-color: #f3d85b;
padding: 30px;
border-radius: 5px;
z-index: 1;
}
#callModal .form .title,
#vehicleOrder .form .title {
display: block;
font-size: 18px;
font-weight: 500;
text-align: center;
margin-bottom: 20px;
}
#callModal .form input,
#vehicleOrder .form input,
#callModal .form textarea,
#vehicleOrder .form textarea,
#callModal .form select,
#vehicleOrder .form select {
background-color: #ffffff;
}
#callModal .form .form-name,
#vehicleOrder .form .form-name {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-name.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#callModal .form .form-phone,
#vehicleOrder .form .form-phone {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-phone.png);
background-repeat: no-repeat;
background-position: 8px 15px;
padding-left: 38px;
}
#callModal .form .form-message,
#vehicleOrder .form .form-message {
background-image: url(//remont-dorogi.pro/wp-content/themes/wp-bootstrap-starter/images/form-message.png);
background-repeat: no-repeat;
background-position: 8px 8px;
padding-left: 38px;
}
#callModal .form .button-attention,
#vehicleOrder .form .button-attention {
margin-bottom: 10px;
}
#callModal .form small,
#vehicleOrder .form small {
text-align: center;
font-size: 12px !important;
color: #474032 !important;
} .page-id-100 #main-top .m-t-60,
.page-id-102 #main-top .m-t-60,
.page-id-76 #main-top .m-t-60,
.page-id-78 #main-top .m-t-60,
.page-id-82 #main-top .m-t-60,
.page-id-86 #main-top .m-t-60,
.page-id-90 #main-top .m-t-60 {
margin-top: 40px;
}
.page-id-100 h1,
.page-id-102 h1,
.page-id-76 h1,
.page-id-78 h1,
.page-id-82 h1,
.page-id-86 h1,
.page-id-90 h1 {
font-size: 60px;
}
.page-id-100 #main-top .heading-text,
.page-id-102 #main-top .heading-text,
.page-id-76 #main-top .heading-text,
.page-id-78 #main-top .heading-text,
.page-id-82 #main-top .heading-text,
.page-id-86 #main-top .heading-text,
.page-id-90 #main-top .heading-text {
font-size: 25px;
}
.page-id-100 #main-top .checks,
.page-id-102 #main-top .checks,
.page-id-76 #main-top .checks,
.page-id-78 #main-top .checks,
.page-id-82 #main-top .checks,
.page-id-86 #main-top .checks,
.page-id-90 #main-top .checks {
font-size: 22px;
}  @media screen {
#printSection {
display: none;
}
}
@media print {
body * {
visibility: hidden;
}
#printSection,
#printSection * {
visibility: visible;
}
#printSection {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
}
}