@import "social.css";

body {
font-size:15px;
font-family:'Open Sans',sans-serif;
font-weight:400;
overflow-x:hidden
}

h1,h2,h3,h4,h5 {
font-family:'Open Sans Condensed',sans-serif
}

.h1,.h2,.h3,.h4,.h5 {
font-family:'Open Sans Condensed',sans-serif
}

.posts {
padding-top:20px
}

.posts h1,.posts h2,.posts h3,.posts h4,.posts h5,.posts h6 {
margin-bottom:20px
}

.posts p+h1,.posts p+h2,.posts p+h3,.posts p+h4,.posts p+h5,.posts p+h6 {
margin-top:30px
}

.grecaptcha-badge { display: none; }

.posts h2:first-child {
margin-bottom:16px;
margin-top:0!important
}

.posts h1:first-child,.posts h3:first-child {
margin-top:0!important
}

.post div h2:first-child,.post div h3:first-child {
margin-bottom:30px
}

h4.panel-title {
margin-bottom:0
}

b,strong {
font-weight:600
}

blockquote {
font-size:15px;
font-style:italic
}

a,button {
outline:none!important
}

a,button,i,.icon,.image-icon,.svg,input {
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s
}

select:focus,textarea:focus,input:focus,.active,button:active,button:hover {
-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
outline:transparet none 0!important
}

img,video {
height:auto!important
}

p img {
display:block;
float:left;
width:35%!important;
margin:5px 3% 10px 0 !important;
padding:1%!important
}

p img.float-right {
float:right;
margin:5px 0 10px 3% !important
}

ul,ol {
margin-left:22px;
padding-left:0
}

.posts ul ul {
margin-top:5px;
margin-bottom:5px
}

.posts li {
margin-bottom:10px
}

.footer ul,.footer ol {
margin-left:0;
padding-left:0
}

.tabs li:before {
content:"\f041";
font-family:FontAwesome;
display:inline-block;
line-height:1.8;
width:1.4em;
color:#8BA723
}

.tabs ul li {
list-style:none
}

#map,#reviews,#photo,.page-header p {
font-weight:600
}

.district li a {
background:none!important;
color:#333!important;
padding:0!important;
border-bottom:1px dashed;
border-radius:0!important;
border-color:#9db234
}

.district li a:hover {
color:#768c22!important
}

#reviews .people {
background:rgba(242,241,212,0.73);
border-radius:6px
}

#map a,.tabs a,.page-header a {
color:#ffffe5;
background:rgba(139,167,35,0.84);
padding:0 4px 2px 5px;
display: inline-block;
border-radius:4px
}

#map a.selected,.tabs a.selected {
color:#ffffe5;
background:#ffc400;
padding:0 4px 2px 5px;
border-radius:4px
}

#map a:hover,.tabs a:hover,.page-header a:hover {
text-decoration:none!important;
background:#ffc400;
color:#fff
}

#map a:focus,.tabs a:focus {
text-decoration:none!important
}

#photo img {
border:4px solid #8ba723;
border-radius:12px;
width:100%
}

table {
width:100%;
max-width:100%;
margin-bottom:20px;
clear:both!important
}

table tr th,table tr td {
padding:8px;
line-height:1.42857143;
vertical-align:top;
border:1px solid #ddd!important
}

table tr th {
vertical-align:bottom;
border-bottom:1px solid #ddd!important
}

table tr:nth-child(odd) td,table tr:nth-child(odd) th {
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s
}

.table-responsive {
border:none;
margin:0
}

#wrapper {
max-width:1140px;
margin-left:auto;
margin-right:auto;
position:relative;
-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
box-shadow:0 0 5px rgba(0,0,0,0.5);
overflow:hidden
}

#wrapper .container {
max-width:100%
}

#wrapper .affix {
max-width:1140px!important
}

.overflow {
overflow:hidden;
position:relative
}

.inline * {
display:inline-block
}

.no-padd {
padding:0
}

.contrast {
color:#fff
}

.border {
border:1px solid transparent;
padding:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}

.border :last-child {
margin-bottom:0
}

.no-border {
border:0 none transparent!important;
padding:0!important
}

.relative {
position:relative
}

.absolute {
position:absolute
}

.fixed {
position:fixed
}

.center-block {
float:none!important
}

.tabNavigation p {
font-size:17px
}

.center-block h2 {
margin-top:0;
padding-top:0
}

.fs17px {
font-size:17px
}

.text-center h2:after,.text-center h1:after {
content:"";
display:block;
width:60px;
height:2px;
margin:0 auto;
position:relative;
bottom:-15px;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
margin-bottom:30px
}

.section:hover h2:after,.page-header:hover h1:after,.section:hover h1:after,.section:hover .center-block h2:after,.page-header:hover .center-block h1:after,.section:hover .center-block h1:after,.fullwidth:hover .text-center h2:after,.fullwidth:hover .text-center h1:after,[class*="video-bg"]:hover .text-center h2:after,[class*="video-bg"]:hover .text-center h1:after {
max-width:80%;
width:400px
}

.center-block h2 span {
display:block;
font-size:18px;
font-family:'Open Sans',sans-serif;
font-weight:600;
margin-top:10px
}

.hidden {
display:none
}

.marg-30 {
margin:30px
}

.marg-20 {
margin:20px
}

.marg-right-30 {
margin-right:30px!important
}

.marg-height-30 {
margin:30px 0
}

.marg-height-20 {
margin:20px 0
}

.marg-width-30 {
margin:0 30px
}

.marg-width-20 {
margin:0 20px
}

.marg-bott-20 {
margin-bottom:20px
}

.marg-bott-30 {
margin-bottom:30px
}

.marg-bott-40 {
margin-bottom:40px
}

.marg-top-10 {
margin-top:10px
}

.marg-top-20 {
margin-top:20px
}

.marg-top-30 {
margin-top:30px
}

.marg-top-40 {
margin-top:40px
}

.padd-0 {
padding:0!important
}

.padd-2 {
padding:2px!important
}

.padd-20 {
padding:20px
}

.padd-40 {
padding:40px
}

.padd-width-20 {
padding-left:20px;
padding-right:20px
}

.padd-height-20 {
padding-bottom:20px;
padding-top:20px
}

@media (min-width: 1200px) {
.padd-height-30 {
padding-bottom:30px;
padding-top:30px
}
}

.padd-top-20 {
padding-top:20px
}

.padd-bottom-20 {
padding-bottom:20px
}

.padd-left-30 {
padding-left:30px;
padding-right:0
}

.padd-right-30 {
padding-left:0;
padding-right:30px
}

.section {
padding:60px 0;
position:relative;
background-position:center bottom!important;
background-repeat:no-repeat!important;
background-size:cover!important
}

.section h2 {
margin-top:0;
padding-top:0
}

.breadcrumbs {
position:relative;
padding:10px 0;
background:#292826
}

.breadcrumbs .fa {
padding-left:16px;
padding-right:13px;
color:#1d1d1d
}

.breadcrumbs a {
color:#67655e
}

.breadcrumbs a:hover {
color:#ffce23;
text-decoration:none
}

.breadcrumbs span {
background:none;
padding:0
}

.breadcrumbs span a:hover {
color:#ffce23
}

.btn {
line-height:25px
}

.btn + .btn {
margin-left:10px
}

.btn-none,.btn-none:focus,.btn-none:active,.btn-none.active {
background:transparent;
border:0 none transparent;
-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
box-shadow:0 0 0 0 rgba(0,0,0,0.0)!important;
outline:thin none!important;
outline:0 auto -webkit-focus-ring-color!important;
outline-offset:0!important
}

.collapse-top {
position:relative;
padding-top:5px;
line-height:30px
}

.collapse-top .collapse-open {
padding-bottom:10px;
padding-top:5px;
font-size:18px
}

.collapse-top .container span + span {
margin-left:30px
}

.collapse-top .container span i {
margin-right:5px
}

.collapse-top a {
text-decoration:none
}

.social-top a {
margin:0 3px
}

.collapse-top .collapse [class*='social-'] i {
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
display:inline-block;
height:30px;
line-height:30px;
text-align:center;
width:30px;
font-size:14px
}

.navbar {
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
padding:0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
margin-bottom:0;
border:0 none transparent
}

.navbar-brand {
font-size:28px;
text-transform:uppercase;
font-family:'Open Sans Condensed',sans-serif;
font-weight:700
}

.navbar-brand img {
display:inline;
height:46px!important;
position:relative;
top:-11px;
padding-right:10px
}

.navbar-brand span {
display:inline-block;
line-height:32px;
letter-spacing:.7mm
}

.navbar-brand span span {
font-size:13px;
text-transform:none;
font-weight:400;
display:block;
position:relative;
line-height:13px!important;
font-family:Arial,Helvetica,sans-serif;
top:0;
letter-spacing:.5mm
}

.ie8 .navbar-brand img {
display:none
}

.navbar-brand span.logo {
line-height:normal
}

.navbar-brand span.logo img {
height:75px!important;
top:-10px
}

.ie8 .navbar-brand span.logo img {
display:block
}

.navbar-nav > li {
position:relative
}

.navbar-nav > li > a {
font-weight:600
}

.navbar-nav > li > a:active,.navbar-nav > li > a:focus {
background-color:transparent
}

.navbar-nav > li > a,.navbar-nav > li > button {
line-height:60px
}

.navbar-nav > li > ul > li {
padding:0
}

.navbar-nav > li > ul > li > a {
padding:10px 20px;
text-decoration:none;
display:block
}

.navbar-nav > li > ul > li + li {
border-top:1px solid transparent
}

ru {
color:#fd9233
}

#slider {
position:relative;
overflow:hidden;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
font-family:"Open Sans Condensed",sans-serif;
color:#444
}

.btn {
font-weight:700;
font-family:Arial,Helvetica,sans-serif
}

.titleslider {
font-size:36px!important;
padding-bottom:25px!important
}

.line {
border-bottom:3px solid #ffd200!important
}

.opisanie-slider {
font-size:24px;
padding-top:50px;
padding-bottom:50px
}

.opisanie-slider li:before {
content:"\f078";
font-family:FontAwesome;
display:inline-block;
line-height:1.8;
width:1.4em;
color:#8BA723
}

.opisanie-slider ul li {
list-style:none
}

.opisanie-slider ul {
margin-left:8px
}

.image-slider {
float:right
}

.car-need-help {
padding-top:64px
}

.car-help-ok {
padding-top:75px;
display:none;
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}

@-webkit-keyframes fadeIn {
0% {
opacity:0
}

100% {
opacity:1
}
}

@keyframes fadeIn {
0% {
opacity:0
}

100% {
opacity:1
}
}

.new-wheel {
background:rgba(0,0,0,0) url(/theme/mastervputi/images/slider/new-wheel.png) no-repeat scroll 0 0;
height:116px;
left:202px;
position:absolute;
top:222px;
width:117px;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-name:flash;
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite
}

.migalka {
background:rgba(0,0,0,0) url(/theme/mastervputi/images/slider/migalka.png) no-repeat scroll 0 0;
height:10px;
left:153px;
position:absolute;
top:140px;
width:85px;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-name:flash;
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite
}

.smena {
display:none
}

.mastervputi-ok {
display:block
}

.ruka-telefon {
position:absolute;
right:83px;
top:56px;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight;
-webkit-animation-delay:2s;
animation-delay:2s
}

@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg)
}

100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1
}
}

@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg)
}

100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1
}
}

.pomoshb {
background:#ffc800 none repeat scroll 0 0;
border-radius:3px;
bottom:126px;
color:#fff;
font-size:17px;
left:17px;
padding:4px 9px;
position:absolute;
text-transform:uppercase;
opacity:.86;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:tada;
animation-name:tada;
-webkit-animation-delay:7s;
animation-delay:7s;
-webkit-animation-iteration-count:3;
animation-iteration-count:3
}

@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}

10%,20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}

30%,50%,70%,90% {
-webkit-transform:scale(1.1) rotate(3deg)
}

40%,60%,80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}

100% {
-webkit-transform:scale(1) rotate(0)
}
}

@keyframes tada {
0% {
transform:scale(1)
}

10%,20% {
transform:scale(0.9) rotate(-3deg)
}

30%,50%,70%,90% {
transform:scale(1.1) rotate(3deg)
}

40%,60%,80% {
transform:scale(1.1) rotate(-3deg)
}

100% {
transform:scale(1) rotate(0)
}
}

.pomoshb:hover {
color:#fff;
background:#FF7161;
text-decoration:none
}

.parizkapota {
bottom:87px;
height:117px;
left:96px;
position:absolute;
width:32px
}

#smoke {
position:absolute;
z-index:3;
width:1px;
height:160px;
left:112px;
bottom:94px
}

#smoke span {
display:block;
position:absolute;
bottom:-35px;
left:50%;
margin-left:-20px;
height:0;
width:0;
border:35px solid #4b4b4b;
border-radius:35px;
left:-14px;
opacity:0;
transform:scale(0.2)
}

@-webkit-keyframes smokeL {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(-20px,-130px);
-ms-transform:scale(1) translate(-20px,-130px);
-webkit-transform:scale(1) translate(-20px,-130px);
transform:scale(1) translate(-20px,-130px)
}
}

@-moz-keyframes smokeL {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(-20px,-130px);
-ms-transform:scale(1) translate(-20px,-130px);
-webkit-transform:scale(1) translate(-20px,-130px);
transform:scale(1) translate(-20px,-130px)
}
}

@-o-keyframes smokeL {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(-20px,-130px);
-ms-transform:scale(1) translate(-20px,-130px);
-webkit-transform:scale(1) translate(-20px,-130px);
transform:scale(1) translate(-20px,-130px)
}
}

@keyframes smokeL {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(-20px,-130px);
-ms-transform:scale(1) translate(-20px,-130px);
-webkit-transform:scale(1) translate(-20px,-130px);
transform:scale(1) translate(-20px,-130px)
}
}

@-webkit-keyframes smokeR {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(20px,-130px);
-ms-transform:scale(1) translate(20px,-130px);
-webkit-transform:scale(1) translate(20px,-130px);
transform:scale(1) translate(20px,-130px)
}
}

@-moz-keyframes smokeR {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(20px,-130px);
-ms-transform:scale(1) translate(20px,-130px);
-webkit-transform:scale(1) translate(20px,-130px);
transform:scale(1) translate(20px,-130px)
}
}

@-o-keyframes smokeR {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(20px,-130px);
-ms-transform:scale(1) translate(20px,-130px);
-webkit-transform:scale(1) translate(20px,-130px);
transform:scale(1) translate(20px,-130px)
}
}

@keyframes smokeR {
0% {
-moz-transform:scale(0.2) translate(0,0);
-ms-transform:scale(0.2) translate(0,0);
-webkit-transform:scale(0.2) translate(0,0);
transform:scale(0.2) translate(0,0)
}

10% {
opacity:1;
-moz-transform:scale(0.2) translate(0,-5px);
-ms-transform:scale(0.2) translate(0,-5px);
-webkit-transform:scale(0.2) translate(0,-5px);
transform:scale(0.2) translate(0,-5px)
}

100% {
opacity:0;
-moz-transform:scale(1) translate(20px,-130px);
-ms-transform:scale(1) translate(20px,-130px);
-webkit-transform:scale(1) translate(20px,-130px);
transform:scale(1) translate(20px,-130px)
}
}

#smoke .s0 {
-webkit-animation:smokeL 10s 0 infinite;
-moz-animation:smokeL 10s 0 infinite;
-o-animation:smokeL 10s 0 infinite;
animation:smokeL 10s 0 infinite
}

#smoke .s1 {
-webkit-animation:smokeR 10s 1s infinite;
-moz-animation:smokeR 10s 1s infinite;
-o-animation:smokeR 10s 1s infinite;
animation:smokeR 10s 1s infinite
}

#smoke .s2 {
-webkit-animation:smokeL 10s 2s infinite;
-moz-animation:smokeL 10s 2s infinite;
-o-animation:smokeL 10s 2s infinite;
animation:smokeL 10s 2s infinite
}

#smoke .s3 {
-webkit-animation:smokeR 10s 3s infinite;
-moz-animation:smokeR 10s 3s infinite;
-o-animation:smokeR 10s 3s infinite;
animation:smokeR 10s 3s infinite
}

#smoke .s4 {
-webkit-animation:smokeL 10s 4s infinite;
-moz-animation:smokeL 10s 4s infinite;
-o-animation:smokeL 10s 4s infinite;
animation:smokeL 10s 4s infinite
}

#smoke .s5 {
-webkit-animation:smokeR 10s 5s infinite;
-moz-animation:smokeR 10s 5s infinite;
-o-animation:smokeR 10s 5s infinite;
animation:smokeR 10s 5s infinite
}

#smoke .s6 {
-webkit-animation:smokeL 10s 6s infinite;
-moz-animation:smokeL 10s 6s infinite;
-o-animation:smokeL 10s 6s infinite;
animation:smokeL 10s 6s infinite
}

#smoke .s7 {
-webkit-animation:smokeR 10s 7s infinite;
-moz-animation:smokeR 10s 7s infinite;
-o-animation:smokeR 10s 7s infinite;
animation:smokeR 10s 7s infinite
}

#smoke .s8 {
-webkit-animation:smokeL 10s 8s infinite;
-moz-animation:smokeL 10s 8s infinite;
-o-animation:smokeL 10s 8s infinite;
animation:smokeL 10s 8s infinite
}

#smoke .s9 {
-webkit-animation:smokeR 10s 9s infinite;
-moz-animation:smokeR 10s 9s infinite;
-o-animation:smokeR 10s 9s infinite;
animation:smokeR 10s 9s infinite
}

.avariyka {
width:40px;
height:48px;
background:rgba(0,0,0,0) url(/theme/mastervputi/images/slider/avariyka.png) no-repeat scroll 0 0;
bottom:62px;
position:absolute;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-name:flash;
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite
}

@keyframes flash {
0%,50%,100% {
opacity:1
}

25%,75% {
opacity:0
}
}

.perv {
background-position:0 0;
left:10px
}

.vtor {
background-position:-44px 0;
left:186px
}

.tret {
background-position:-87px 0;
left:544px
}

#under-slider {
padding:60px 0
}

#under-slider p {
padding:0;
margin:0
}

.icon-desc .icon,.icon-desc .svg,.icon-desc .image-icon {
text-align:center
}

.icon-desc .desc {
margin:23px 26px 1px;
position:relative;
text-align:center
}

#reviews h3 {
color:#333!important;
text-transform:uppercase
}

#reviews .fa {
color:#ffc819;
padding-right:1px
}

#reviews .date {
font-size:12px;
background:#95ae35;
border-radius:17px;
padding:0 5px;
color:#ffffe5;
bottom:3px;
position:relative;
margin-left:1px
}

.icon-desc h3 {
font-size:20px;
margin-top:0;
color:#ffca00
}

.icon-desc .icon {
cursor:default
}

.price_main {
background:#ffce23;
width:105px;
margin:15px auto 20px!important;
border-radius:3px;
color:#2d2c29;
font-weight:600
}

.price .fa,.how .fa {
margin:3px 5px 0
}

.price a,.how a {
color:#ffce23
}

.price a:hover,.how a:hover {
color:#ffce23
}

.icon-desc:hover .icon {
-webkit-transform:rotate(360deg) skewY(0deg) skewX(0deg);
transform:rotate(360deg) skewY(0deg) skewX(0deg)
}

.page-header {
margin:0;
padding:30px 0 40px;
background-size:cover;
background-repeat:no-repeat;
position:relative;
border-bottom:none
}

.content {
padding:40px 0
}

.content .embed-responsive {
margin-bottom:20px
}

.posts p {
margin-bottom:20px
}

.posts img,.post img {
display:block;
padding:8px!important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
clear:both;
border-width:1px;
border-style:solid
}

.posts img + p,.post img + p {
margin-top:20px
}

.posts p img,.post p img {
float:left;
width:35%;
margin:5px 3% 10px 0 !important;
clear:none
}

.posts p img.float-right,.post p img.float-right img {
float:right;
margin:5px 0 10px 3% !important
}

.map-block {
-moz-border-radius:4px;
-webkit-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
overflow:hidden;
position:relative;
-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.sidebar .widget {
margin-top:20px
}

.sidebar .widget + .widget {
margin-top:30px;
border-top:1px solid #dcdcdc;
padding-top:20px
}

.sidebar .widget h3 {
margin:0 0 20px
}

.sidebar .widget h3:after {
content:"";
display:block;
width:0;
height:2px;
-webkit-transition:all .6s;
-moz-transition:all .6s;
-o-transition:all .6s;
transition:all .6s;
position:relative;
bottom:-5px
}

.sidebar .widget:hover h3:after {
width:100%
}

.sidebar .widget :last-child {
margin-bottom:0
}

.sidebar .widget * + h3 {
margin-top:30px!important
}

.sidebar .widget .widget {
margin-top:10px!important
}

.sidebar ul {
padding:0;
margin:0;
list-style-type:none
}

.sidebar li {
margin-bottom:10px;
line-height:20px
}

.footer {
padding:30px 0 26px
}

.footer .social {
padding-top:11px;
width:100%
}

.footer .ya-share2 {
margin:auto;
display:table
}

.footer ul.menu li {
display:inline
}

.footer ul.menu {
margin:9px 0 0
}

.footer ul li {
list-style:none
}

.footer ul.menu > li > a {
color:#fff;
line-height:30px;
font-size:16px;
margin-right:20px
}

.footer ul.menu > li > a:hover {
text-decoration:none;
color:#ffce23
}

.footer ul.menu li.active a {
color:#ffce23
}

.footer .navbar-brand {
float:right;
padding-top: 10px !important;
padding:0
}

.copy {
padding:10px 0;
line-height:40px
}

img-gst {
width:30px;
padding:6px;
-webkit-transition:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
transition:all .4s
}

img-gst:hover {
-moz-transform:rotate(360deg) scale(1.1);
-o-transform:rotate(360deg) scale(1.1);
-webkit-transform:rotate(60deg) scale(1.1);
transform:rotate(360deg) scale(1.1)
}

#gotoTop {
position:fixed;
bottom:80px;
right:20px;
display:none;
width:50px!important;
height:50px!important;
text-align:center;
z-index:99;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
line-height:1;
font-size:36px;
border:5px solid #e2e2e2
}

.no-js #gotoTop {
display:block
}

#karta .how li:before {
content:"\f078";
font-family:FontAwesome;
display:inline-block;
line-height:1.8;
width:1.4em;
color:#8BA723
}

#karta .how li {
list-style:none
}

@media (min-width: 962px) {
.posts .col-md-4:nth-child(3n+4),.posts .col-md-4.col-sm-6:nth-child(3n+4),.posts .col-md-6:nth-child(2n+3),.posts .col-md-6.col-sm-6:nth-child(2n+3) {
clear:both
}
}

@media (min-width: 768px) {
.navbar-nav > li > a:after {
content:" ";
display:block;
width:0;
height:0;
position:absolute;
bottom:0;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
left:50%;
z-index:999
}

.navbar-nav > li:hover > a:after {
width:100%;
height:5px;
left:0
}

.navbar-nav > li > ul {
border:none;
-webkit-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
max-height:none!important;
padding:0;
position:absolute;
z-index:9999999999999;
width:0!important;
top:90px;
right:0;
visibility:hidden;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
overflow:hidden
}

.navbar-nav > li:hover > ul {
visibility:visible;
width:160px!important
}

.navbar-nav > li > ul > li > a:last-child {
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.navbar-nav > li > a {
padding-left:8px;
padding-right:8px
}
}

@media (min-width: 768px) and (max-width: 991px) {
.ruka-telefon {
right:-53px
}

.car-need-help img,.car-help-ok img {
width:438px
}

.new-wheel {
top:192px;
left:163px;
background-size:85%
}

.avariyka {
bottom:46px
}

.perv {
left:5px
}

.vtor {
left:151px
}

.tret {
left:441px
}

.ruka-telefon img {
width:174px
}

.titleslider,.titleslider h1 {
font-size:27px!important
}

.opisanie-slider {
font-size:20px
}

.navbar-brand {
font-size:22px
}

.footer .navbar-brand {
font-size:28px
}

.footer .navbar-brand span span {
font-size:13px
}

.footer ul.menu > li > a {
font-size:15px
}

.navbar-brand img {
height:45px!important;
top:-15px
}

.navbar-brand span span {
font-size:10px;
line-height:12px!important
}

.navbar-brand span.logo img {
height:70px!important;
top:-8px
}

.navbar-nav > li > a {
padding-left:5px;
padding-right:5px
}

.navbar-nav li a {
font-size:13px
}

.navbar-nav > li > a i {
display:none
}

.navbar-nav > li > a {
font-weight:400
}
}

@media (max-width: 991px) {
.marg-bott-sm-30 {
margin-bottom:30px
}

.posts .col-md-4.col-sm-6:nth-child(2n+3),.posts .col-md-6:nth-child(2n+3),.posts .col-md-6.col-sm-6:nth-child(2n+3) {
clear:both
}

bezvih {
display:none
}
}

@media (min-width: 768px) and (max-width: 991px) {
.icon-desc.clearfix {
padding-top:65px
}

.col-md-4 .padd-height-20,.col-md-6 .padd-height-20,.col-md-12 .padd-height-20 {
padding-top:10px
}

.col-sm-6 .padd-height-20 {
padding-top:65px
}

.col-sm-6 .icon-desc.clearfix .icon,.col-sm-6 .icon-desc.clearfix .image-icon,.col-sm-6 .icon-desc.clearfix .svg {
float:none
}

.col-sm-6 .padd-height-20 .text-service {
margin-top:-45px
}
}

@media (max-width: 767px) {
.footer .navbar-brand {
width:100%;
text-align:center
}

.footer ul.menu li {
display:block;
text-align:center
}

.footer ul.menu > li > a {
margin:0
}

.titleslider,.titleslider h1 {
text-align:center
}

.opisanie-slider ul {
margin-left:auto;
margin-right:auto;
display:table
}

.image-slider {
display:none
}

h2 {
font-size:22px!important
}

h2 span {
font-size:14px!important
}

h3 {
font-size:18px!important
}

h4 {
font-size:16px!important
}

.collapse-top .text-left,.collapse-top .text-right {
text-align:center;
padding-bottom:10px
}

.btn {
font-size:13px;
line-height:22px
}

.page-header {
padding:20px 0 30px
}

.navbar {
height:70px;
margin-bottom:0
}

.navbar-brand {
font-size:24px;
top:-8px;
position:relative
}

.navbar-brand span span {
font-size:11px;
top:-5px;
position:relative
}

.navbar-brand img {
height:38px!important;
top:-16px!important
}

.navbar-brand span.logo img {
height:60px!important;
top:-6px!important
}

.navbar-nav > li > a {
line-height:inherit
}

.navbar-collapse {
z-index:989;
position:relative;
top:-1px
}

.navbar-collapse ul {
margin-top:0!important;
padding-top:0!important;
margin-bottom:0!important;
padding-bottom:0!important
}

.navbar-collapse > ul {
border-bottom-style:solid!important;
border-bottom-width:1px!important
}

.navbar-collapse ul li {
margin-left:-25px;
padding-left:25px
}

.navbar-nav li a {
padding-bottom:10px!important;
padding-top:10px!important;
display:block;
position:relative
}

.navbar-nav li li a {
padding-bottom:8px!important;
padding-top:8px!important
}

.collapse {
max-height:none!important
}

.navbar-collapse {
margin-top:20px!important
}

.navbar-toggle {
top:10px
}

.navbar-toggle * {
border:1px solid #d8d8d8
}

.marg-bott-xs-30 {
margin-bottom:30px
}

.icon-desc h3 {
font-size:22px!important
}

.text-right,.text-left {
text-align:center!important
}

.footer [class*="col-"] + [class*="col-"] {
margin-top:30px
}

.footer .widget [class*="col-"] + [class*="col-"] {
margin-top:0
}

.collapse-top .collapse-open {
padding-bottom:10px
}

bezvih {
display:inline
}
}

@media (max-width: 599px) {
.navbar-brand {
font-size:24px
}

.navbar-brand img {
display:inline;
height:40px!important;
position:relative;
top:-15px
}

.navbar-brand span.logo img {
height:60px!important;
top:-4px!important;
display:inline-block
}
}
.mobcall {
    display: none;
}
.alert2 {
    display: block;
    margin-top: 10px;
    color: red;
}
@media (max-width: 479px) {
    .mobcall {
    display: block;
    position: fixed;
    bottom: 0px;
    display: flex;
    width: 100%;
    background: #ffc500;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}
.mobcall a {
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px 2px;
    text-decoration: none;
}
.mobcall a:first-child {
    border-right: 1px solid #fff;
}
.mobcall a:active {
    background: #a07c00;
}
.mobcall .m1, .mobcall .m2 {
      width: 50%;  
} 
.callback-bt {
    display: none;
}
.page-header p {
font-size:17px
}

.titleslider,.titleslider h1,h1 {
font-size:29px!important
}

.opisanie-slider {
font-size:20px
}

.marg-bott-xxs-30 {
margin-bottom:30px
}

.post p img,.post p img.float-right {
float:none!important;
width:auto!important;
margin:0 0 20px!important
}

[class*="col-"] {
float:none;
width:100%
}

.navbar-brand img {
display:none
}

.navbar-brand span.logo img {
display:inline-block;
height:50px!important;
top:2px!important
}

#gotoTop {
bottom:53px;
right:5px;
width:30px!important;
height:30px!important;
line-height:1;
font-size:20px
}

.collapse-top .collapse-open {
font-size:15px
}

.collapse-top .container span + span {
margin-left:10px
}

.collapse-top .text-left,.collapse-top .text-right {
padding-bottom:0
}
}

@media (max-width: 321px) {
    .mobcall {
    font-size: 16px;
}
h1 {
font-size:20px!important
}

.center-block p {
font-size:15px
}

.titleslider,.titleslider h1 {
font-size:23px!important
}

.opisanie-slider {
font-size:17px
}

.navbar-brand img {
display:block;
margin-top:20px
}

.navbar-brand span.logo img {
display:inline-block;
margin-top:0;
height:40px!important;
top:4px!important
}

.navbar-brand span.logo {
display:inline-block
}

.icon-desc.clearfix {
padding-top:20px
}

.icon-desc.clearfix .desc {
margin-top:19px
}

.btn {
white-space:normal
}

.collapse-top .collapse-open {
font-size:13px
}
}

/*кнопка звонка*/

.callback-bt {
        background: #ffce23;
        border: 2px solid #ffcb2d;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 7%;
        bottom: 7%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color: #fd9234;
    opacity: 0;
    font-size: 0;
    position: absolute;
    right: 9px;
    top: 20px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 10px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px #fd923430,0 0 0 0 #fd923420,0 0 0 0 #fd923410
}
40% {
        box-shadow:0 8px 10px #fd923430,0 0 0 15px #fd923420,0 0 0 0 #fd923410
}
80% {
        box-shadow:0 8px 10px #fd923430,0 0 0 30px #fd923420,0 0 0 26.7px #fd923410
}
100% {
        box-shadow:0 8px 10px #fd923430,0 0 0 30px #fd923420,0 0 0 40px #fd923410
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px #fd923430,0 0 0 0 #fd923420,0 0 0 0 #fd923410
}
40% {
        box-shadow:0 8px 10px #fd923430,0 0 0 15px #fd923420,0 0 0 0 #fd923410
}
80% {
        box-shadow:0 8px 10px #fd923430,0 0 0 30px #fd923420,0 0 0 26.7px #fd923410
}
100% {
        box-shadow:0 8px 10px #fd923430,0 0 0 30px #fd923420,0 0 0 40px #fd923410
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */
.magicform {
width: 1000px;}
.mymagicoverbox {
  cursor:pointer;
}
.mymagicoverbox_fenetre {
  z-index:9999;
  position:fixed;
  max-width: 500px;
  width:100%;
height: fit-content;
padding-bottom: 24px;
  text-align:center;
  display:none;
  background-color:#ffffff;
  color:#004052;
top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;

}
.mymagicoverbox_fermer {
  color:#000;
  cursor:pointer;
  font-weight:900;
  font-size:25px;
  font-style:normal;
  position: absolute;
  top: 0px;
  right: 10px;
}
.mymagicoverbox_fermer:hover {
color:#999999;
}
#myfond_gris2 {
  display: none;
  background-color:#000000;
  opacity:0.7;

  height:100%;
  z-index:9998;
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  left:0;
}