@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700&display=swap');

/* ЦВЕТА 


#77bb40 - зеленый
#375719 - темно-зеленый

*/

blockquote {
    font-size: 1em;
}

html,body {
	overflow-x: hidden;
}

body {
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
}

.qwot{
	margin:30px 0 40px;
	border: 1px solid #77BB40;
	border-radius:6px;
	color:#77BB40;
	font-weight:bold;
	text-align:center;
	padding:15px 15px;
}

.shapka{
	padding: 85px 0 40px;
}

.fons{
	background: url(../images/fons.jpg) center right;
	background-size: cover;
}

.tizz {
	margin-top:10px;
	display:block;
	border: 1px solid #77bb40;
	border-radius:6px;
	color:#77bb40;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:14px 20px;
	background:#fff;
}
.tizz:hover {
	border: 1px solid #77bb40;
	background:#77bb40;
	color:#fff;
	text-decoration:none;
	transition:0.5s;
}
.gelios {
	width:100%;
}
.modal-body label{
	font-weight: 300;
}



img {width:100%;}
a {color:#375719;}
a:hover, a:focus {color:#77bb40;}
h1, .h1 {
    font-size: 42px;
    font-weight: 700;
}
/* начало модального */

.remont {
    position: relative;
    padding: 0;
}

.modal-header {
    padding: 15px;
    border-bottom: 5px solid #77bb40;
}

.modal-header h4{
	font-size:1.4em;
    font-weight:700;
	margin-top: 0;
	margin-bottom: 0;
	text-transform:uppercase;
	color:#77bb40;
}
.checkbox_field  {
	padding:0 0 0 20px;
}

/* конец модального */


/* топменю */

.topmenu2 {
	position:absolute;
	top:0;
	right:0;
	padding-top:11px;
}

.topmenu {
	position:fixed;
	z-index:999;
	width:100%;
	background:#77bb40;
	box-shadow:0 3px 10px #00000050;
}
.topmenu .navbar {
    margin-bottom: unset;
    border: unset;
	border-radius:0px;
	min-height: 20px;
}

.topmenu .navbar-toggle {
  float: left;
}

.topmenu .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}
.topmenu .nav > li {
	padding-right: 15px;
	}

.topmenu .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color:#fff;
	text-transform:uppercase;
}
.topmenu .navbar-nav > li > a:hover, 
.topmenu .navbar-nav > li > a:focus {
		color:#fff;
	background: #375719;
	transition:0.5s;
}
.topmenu .navbar-right > li > a {
    padding-bottom: 10px;
    padding-top: 6px;
	padding-left: 20px;
	padding-right: 20px;
	background:#77bb40;
	color:#FFF;
}
.topmenu .navbar-right > li > a:hover, 
.topmenu .navbar-right > li > a:focus {
	background:#375719;
	color:#fff;
	transition:0.5s;
}
.topmenu .navbar-default {
    background-color: unset;
}

.tel {
	font-size: 1.2em;
	font-weight:bold;
	color:#fff;
}

.tel:hover  {
	color:#375719;
	text-decoration:none;
	transition:0.5s;
}

.zak {
	border: 1px solid #fff;
	border-radius:6px;
	color:#fff;
	text-transform:uppercase;
	padding:7px 15px;
	margin:10px 0 0 20px;
}
.zak:hover, .zak:focus {
	border: 1px solid #375719;
	background:#375719;
	color:#fff;
	text-decoration:none;
	transition:0.5s;
}

.borw {margin-bottom:20px;}

.swipebox img {
	border-radius:10px;
}

/* Слайдер */


.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;}
.carousel-caption {
	bottom: 25%;
    text-shadow: 0 0 6px #000, 0 0 10px #000, 0 0 10px #000, ;
	font-size:40px;
	font-weight:700;
	padding-left:32%;
	text-align: left;
}
.carousel-caption span{
	display:block;
	font-size:0.7em;
	font-weight:300;
}
.carousel-caption a{
	background:#FFF500;
	padding: 15px 25px;
	color:#375719;
	font-size: 0.5em;
	font-weight:300;
	text-shadow: none;
}
.carousel-caption a:hover {
	background:#77bb40;
	text-decoration:none;
	color:#fff;
	transition: 0.5s;
}


/* О компании */

.tizer {
	padding-top:40px;
	padding-bottom:60px;
}
.tizer h2 {
	padding:20px 0 50px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	color:#375719;
}

.circ {
	border-radius:200px;
	width:100%;
	max-width:300px;
}

 a.butt{
	padding: 10px 20px;
	color:#fff;
	font-weight:300;
	border: 1px solid #77bb40;
	border-radius:6px;
	line-height:60px;
	text-transform:uppercase;
	background:#77bb40;
	text-decoration:none;
	font-size:1.1em;
}
 a.butt:hover {
	border: 1px solid #375719;
	text-transform:uppercase;
	background:#375719;
	text-decoration:none;
	color:#fff;
	transition: 0.5s;
}

 a.butt2{
	padding: 10px 20px;
	color:#375719;
	font-weight:300;
	border: 1px solid #fff;
	border-radius:6px;
	line-height:60px;
	text-transform:uppercase;
	background:#fff;
	text-decoration:none;
	font-size:1.1em;
}
 a.butt2:hover {
	border: 1px solid #fff;
	text-transform:uppercase;
	background:#375719;
	text-decoration:none;
	color:#fff;
	transition: 0.5s;
}

.bord {
	border:1px solid #77bb40;
	width:100%;
	max-width:200px;
}


.otdel {
	background:#77bb40;
	padding-top:40px;
	padding-bottom:60px;
}

.otdel p{
	color:#fff;
	font-size:1.2em;
	margin: 0 0 20px;
}

.otdel p.bigtxt{
	font-size: 22px;
	color:#fff;
	line-height:38px;
}


.otdel h2 {
	padding:20px 0 50px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	color: #fff;
}




.otdel2 {
	background:#375719;
	padding-top:40px;
	padding-bottom:60px;
}

.otdel2 p{
	color:#fff;
	font-size:1.2em;
	margin: 0 0 20px;
}

.otdel2 p.bigtxt{
	font-size: 22px;
	color:#fff;
	line-height:38px;
}

.otdel2 h2 {
	padding:20px 0 50px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	color: #fff;
}


.otdel img, .otdel2 img {
	border-radius:10px;
}

/* ******* */
.fotos {
	padding-top:60px;
	padding-bottom:60px;
}

.fotos h2 {
	padding:20px 0 50px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
	color:#375719;
}


/* Команда */

.otzyvi {
	background:#F2F2F2;
	padding-top:40px;
	padding-bottom:60px;	
}
.otzyvi h2 {
	padding:20px 0 50px;
	text-align:center;
	font-size:40px;
	font-weight:700;
	text-transform:uppercase;
}



.one {
    padding: 10px;
	background:#FFF;
	text-align:center;
}
.one p{
	padding: 15px 0 0 0;
	
}



.tabbl {
	width:100%;
}
.tabbl td{
	padding:0 10px;
}


.otzyvi img {
	width:100%;
	max-width:100px;
}

.fonn {
	height:200px;
}

.fonn p{
	font-size:16px;

}
.fonn p span{
	font-size:18px;

	font-weight:700;
	line-height: 50px;	
}



/* футер */

.footer {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #141414;
	color: #aeaeae;
	font-size:15px;
}

.footer img {
	width:100%;
	max-width:300px;
}


.footer p {
	font-size:20px;
	color:#fff;
	margin-top: 0;
	margin-bottom: 15px;
}
.adress .button {
	padding: 5px 10px;
	color:#aeaeae;
	font-weight:300;
	border: 1px solid #aeaeae;
	line-height:58px;
	text-decoration:none;
}
.adress .button:hover {
	border: 1px solid #aeaeae;
	background:#aeaeae;
	color:#141414;
}

.footer .zapis a {
	display:block;
	padding: 10px 10px;
	font-size:0.9em;
	color:#aeaeae;
	border: 1px solid #aeaeae;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:6px;
	margin-bottom:17px;
}
.footer .zapis a:hover {
	border: 1px solid #fff;
	font-size:0.9em;
	text-decoration:none;
	color:#fff;
}

.footer a{
	color: #aeaeae;
	font-size:15px;
	text-decoration:underline;
}
.footer a:hover{
	color: #fff;
	font-size:15px;
	text-decoration:none;
}
.footer .menu a{
	text-transform:uppercase;
	line-height:27px;
}
.footer2 {
	padding-top: 30px;
	padding-bottom:30px;
	text-align:center;
	background: #000000;
	color: #787878;
	font-size:15px;
}
.footer2 a{
	color: #787878;
	text-decoration:underline;
}
.footer2 a:hover{
	color: #fff;
	text-decoration:none;
}

/* Внутренние страницы - inner */

.zagolovok {
	border-top:5px solid #77BB40;
	background:#F2F2F2;
	text-align:center;
	padding:25px 0 30px 0;
	font-family: 'Exo 2', sans-serif;
	color:#191919;
	font-size:32px;
	text-transform:uppercase;
	font-weight:700;
}

.citata {
	background:#77BB40;
	padding:25px;
	color:#fff;
	margin:40px 0;
	border-radius:10px;
}

.innertext {padding-top:40px; padding-bottom:40px;}

.innertext li{padding-top:10px;}

.innertext img{border-radius:6px;}

.innertext blockquote {margin: 20px 30px;}
.innertext h2 {margin: 40px 0 20px;font-weight:700; font-size:24px;}
.innertext h3 {color: #77bb40; margin: 20px 0;font-weight:700; font-size:18px;}

.innertext a.button {
	padding: 7px 10px;
	color:#77bb40;
	border: 1px solid #77bb40;
	font-family: 'Exo 2', sans-serif;
	font-size: 16px;
	font-weight:300;
	line-height:48px;
}
.innertext a.button:hover {
	background:#77bb40;
	text-decoration:none;
	border: 1px solid #77bb40;
	color:#fff;
	transition: 0.5s;
}

.innertext  p.sovest{
	font-size:1.6em;
	margin: 10px 0;
	font-weight:300;
}

.otzyvin  {
	padding-top:30px;
}

.otzyvin p span {
	font-weight:bold;
}

.zagin {
	text-align:center;
	margin:40px 0 30px;
}


/* --------- МОД. ОКНО ЗАПЧАСТИ ------------ */

.zap {
	border: 1px solid #77bb40;
padding: 15px;
text-align:center;
margin-bottom:30px;
background:#fff;
}

.zap span{
font-weight: 700;
font-size: 24px;
color:#77bb40;
}
.zap h3 {
	display:block;
	height:30px;
	color: #000;
margin: 5px 0 20px 0;
font-weight: 700;
font-size: 18px;
text-align:center;
}

.zap a {
	display:block;
	/* font-size:0.85em; */
	padding:15px 0;
	margin-top:20px;
	color:#fff;
	font-weight:300;
/* 	border: 1px solid #77bb40; */
	/* line-height:86px; */
	text-transform:uppercase;
	background:#77bb40;

}
.zap a:hover {
	/* border: 1px solid #77bb40; */
	color:#375719;
	transition: 0.5s;
	text-decoration:none;
	background:#FFF500;
}


/* ------------------------------------------------------------------------------------ */


	
@media (max-width: 1199px) {
.otdel p.bigtxt, .otdel2 p.bigtxt{
	font-size: 18px;
	color:#fff;
	line-height:30px;
}

.otdel img, .otdel2 img{
	margin-bottom:20px;
}


.tizz {
	margin-top:3px;
}
	
.topmenu .navbar .navbar-nav > li > a {
	padding: 15px 12px;
	font-size: 14px;
            }

.topmenu .nav > li {
	padding-right: 5px;
	}

.topmenu2 {
	padding-top:13px;
}	
	
.tel {
	font-size: 1em;
}	
.zak {
	font-size:0.9em;
}
.otdel p{
	font-size:1em;
	margin: 0 0 15px;
}

.top2 {
    padding-top: 25px;
    font-size: 1.2em;
}
.top3 {
    padding-top: 20px;
    font-size: 16px;
}

.top3 a {
    font-size: 15px;
    line-height: 40px;
}
.top3 a.button {
    font-size: 13px;
    line-height: 40px;
}	
.carousel-caption {
	bottom: 20%;
	font-weight:700;
}
.tizer span{
	font-size:18px;
}
.price {
	height: 280px;
}
.footer h2{
	font-size:16px;
}
.zapis p{
	font-size:16px;
	line-height:18px;
}
.fonn h2{
	font-size:24px;
	margin-top: 20px;
}
.fonn .button3 {
	padding: 5px 15px;
	font-size:1em;
	line-height:20px;
}
.fonn .button3:hover {
	padding: 5px 15px;
	font-size:1em;
	line-height:20px;
}

.footer .zapis a {
	padding: 5px 10px;
	margin-bottom:5px;
}
}

@media (max-width: 991px) {
	
.footer .zapis a {
	padding: 13px 10px;
	margin-bottom:7px;
}

.tizz {
	margin-top:0px;
	padding:10px 15px;
	font-size:0.9em;
}	

.topmenu .nav > li {
	padding-right: 0;
	}

	
.tel {
	display:none;
}	

.zak {
	font-size:0.9em;
}

.top2 {
    padding-top: 15px;
    font-size: 0.95em;
}
.top2 a {
    font-size: 0.9em;
    margin-top: 0px;
}
.top3 {
    padding-top: 15px;
    font-size: 16px;
}

.top3 a {
    font-size: 11px;
    line-height: 30px;
}
.top3 a.button {
    font-size: 11px;
    line-height: 40px;
	padding: 5px 5px;
}	
.carousel-caption {
	bottom: 20%;
	font-size: 30px;
	font-weight:700;
}
.carousel-caption a{
	padding: 7px 10px;
}
.autom img {max-width:60px;}
.allmark {
	font-size:35px;
}
.slider2 .carousel-caption .bg5{
	top: 20px;
	font-size:30px;
	padding:10px 20px;
}
.slider2 .carousel-caption .bg5 span {
	font-size:20px;
}

.tizer span{
	font-size:18px;
}
.price {
	height: 280px;
}
.borw {margin-bottom:20px;}
.footer h2{
	margin-top: 30px;
}
.fonn h2{
	font-size:20px;
	margin-top: 10px;
	margin-bottom:10px;
}
.fonn p{
	font-size:15px;
	line-height:16px;
}
.fonn p span{
	font-size:15px;
	font-weight:700;
	line-height: 30px;	
}
.fonn .button3 {
	padding: 5px 15px;
	font-size:0.9em;
	line-height:10px;
}
.fonn .button3:hover {
	padding: 5px 15px;
	font-size:0.9em;
	line-height:10px;
}
}

@media (max-width: 767px) {
	.innertext img {margin:20px 0;}
	.innertext h2 {margin-bottom:0;}
	
	.borw img {margin:0;}
.fonn {
	padding-left:15px;
	padding-right:15px;
}
.fons{
	background: none;
	background-color:#f5f5f5;
}	
	
.tizz {
	margin-top:15px;
	padding:15px 0;
	font-size:1em;
}	

.tizer {
	text-align:center;
}

.shapka img {
	width:100%;
	max-width:400px;
	padding-bottom:20px;
}

.shapka {
	text-align:center;
}
	
.tel {
	display:inline;
	font-size: 1em;
}
.topmenu .navbar .navbar-nav > li > a {
	padding: 15px 12px;
	font-size: 16px;
            }
	
.navi {
	display:none;
}

#btn1 {
	display:block;
	position:fixed;
	bottom:0;
	right:15px;
	background:#77bb40;
	color:#fff;
	font-weight:bold;
	border:none;
	padding:10px 15px;
	z-index:9999;
}


#text {
	display:none;
}

.axs {
	position:fixed;
	bottom:50px;
	left:50%;
	padding:15px;
	width:250px;
	margin-left: -125px;
	background:#77bb40;
	z-index:9999;
}

.axs a{
	color: #fff;
}

.axs a:hover{
	color: #fff;
}

.axs a img {
	width:40px;
	display:inline;
	margin:0 5px 5px 0;
}
	
.topmenu .navbar-toggle {
	margin-right: 0px;
}
.topmenu .navbar-default .navbar-toggle {
    border-color: #fff;
	border-radius: 6px;
}
.topmenu .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.topmenu .navbar-default .navbar-toggle:hover,
.topmenu .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.topmenu .navbar-default .navbar-toggle:hover .icon-bar, .topmenu .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #77BB40;
}

.topmenu .navbar-nav {
    margin: 0 0;
}
.topmenu .nav > li {
	padding-right: 0px;
	}
.topmenu .navbar-nav > li > a {
    padding-bottom: 12px;
    padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom:1px solid #375719;
	font-size:18px;
}

.topmenu .navbar-nav > li > a:hover, 
.topmenu .navbar-nav > li > a:focus {
	background:#375719;
	color:#fff;
}
.topmenu .navbar-right > li > a {
		border-bottom:none;
		background:none;
		color:#375719;
}
.topmenu .navbar-right > li > a:hover, 
.topmenu .navbar-right > li > a:focus {
	background:#375719;
	color:#fff;
}
.topmenu .navbar-default .navbar-collapse {
    background-color: #77BB40;
    border-color: #77BB40;
    margin-top: 0px;
	padding-left: 0px;
    padding-right: 0px;
	padding-bottom:15px;
}
.top1 {
	padding-top: 15px;
	text-align:center;
}

.top2 {
    padding-top: 0px;
    font-size: 1.2em;
	text-align:center;
}
.top2 a {
    font-size: 0.9em;
    margin-top: 0px;
}
.top3 {
    padding-top: 0px;
	padding-bottom:20px;
    font-size: 20px;
	text-align:center;
}

.top3 a {
    font-size: 20px;
    line-height: 30px;
	text-align:center;
	}
.top3 a.button {
    font-size: 16px;
    line-height: 40px;
	padding: 5px 5px;
	text-align:center;
}	
.menu2 .navbar-header .menu1 {
	font-family: 'Exo 2', sans-serif;
	display:block;
	padding-top:17px;
	color:#fff;
	font-weight:700;
	font-size:20px;
}
.menu2 .navbar-header .menu1:hover, .navbar-header .menu1:active {color:#fff;}
.menu2 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #081822;
	margin-top:5px;
	background-color: #1f3232;
}
.menu2 .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-right: 15px;
    margin-top: 7px;
    padding: 9px 10px;
    position: relative;
}
.menu2 .navbar-default .navbar-toggle {
	border-color: #fff;
	border: 4px solid transparent;
	border-radius:0px;
}
.menu2 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #1f3232;
}
.menu2 .navbar .navbar-top > li > a:hover,
.menu2 .navbar .navbar-top > li > a:focus {
                    color: #fff;
                    text-decoration: none;
                    background-color: #081822;
                }
.menu2 .navbar .navbar-top > li {
           width:100%;
		   border-left:none;
        }
.menu2 .navbar .navbar-top > li > a {
	font-size:20px;
	padding: 15px 10px;
	font-weight:bold;
	min-height:unset;
	border-bottom:1px solid #081822;
	border-left:none;
            }
.menu2 .navbar-collapse {padding-left:0px; padding-right:0px;}
.menu2 .navbar-nav {margin:0px;}
.carousel-caption {
	bottom: 20%;
	font-size: 25px;
	font-weight:700;
	padding-left:unset;
	text-align: center;
}
.carousel-caption a{
	padding: 4px 5px;
	font-size: 0.6em;
}
.allmark {
	font-size:28px;
}

.slider2 .carousel-caption .bg5{
	top: 20px;
	font-size:30px;
	padding:10px 20px;
}
.slider2 .carousel-caption .bg5 span {
	font-size:20px;
}
.footer img{width:100%; max-width:250px;padding-bottom:20px;}

.footext {
	text-align:center;
	margin-bottom:30px;
}

.footer .menu {
	text-align:center;
	margin-top:20px;
}

.tizer h2 {
	font-size:30px;
}
.fotos {
	text-align:center;
}
p.sovest{
	font-size:1.2em;
}
.fonn {
	text-align:center;
	padding-bottom:40px;
	
}
.fonnpad {
	padding-right: 15px;
	padding-left: 15px;
}
.fonn h2{ 
	font-size:30px;
	margin-top: 30px;
	margin-bottom:20px;
}
.fonn p{
	font-size:16px;
	line-height:24px;
}
.fonn p span{
	font-size:18px;
	font-weight:700;
	line-height: 50px;	
}
.fonn .button3 {
	padding: 10px 15px;
	font-size:1.2em;
	line-height:30px;
}
.fonn .button3:hover {
	padding: 10px 15px;
	font-size:1.2em;
	line-height:30px;
}

.text-right {text-align:left;}
}
@media (max-width: 425px) {
.newslist {
	text-align:center;
}	
	
.top2 a {
	font-size:16px;
}

.price td{
	font-size:14px;
}
.carousel-caption {
	bottom: 0;
	line-height:24px;
}	
.autom img {max-width:50px;}
.allmark {
	font-size:20px;
}

.otdel h2, .zapchasti h2 {
	font-size:30px;
}
.slider2 .carousel-caption .bg5{
	top: 10px;
	font-size:20px;
	padding:7px 10px;
}
.slider2 .carousel-caption .bg5 span {
	font-size:18px;
}
.footer {text-align:center;}
.footer .col-xs-4, .footer .col-xs-8 {width:100%; float:none; padding-bottom:20px;}
.zapis h2 {
	margin-top: 10px;
	font-size: 18px;
}
.zapis a.button2 {
	font-size:1em;
}
.zapis a.button2:hover {
	font-size:1em;
}

}

.superbut {
	display:block;
	padding:15px 0;
	margin-top:20px;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
	background:#77bb40;


}
.superbut:hover {
	color:#375719;
	transition: 0.5s;
	text-decoration:none;
	background:#FFF500;
}

.kavy {
	width:100%;
	max-width:60px;
}

.docc {
	background:#77BB40;
}

.name_page {
  list-style: none outside none;
margin: 1px 0 0 -30px;
color:#ffffff99;
}
.name_page > li {
  float: left;
  margin: 0 25px 0 0;
}

.name_page > li > a{
  color:#ffffff99;
  text-decoration:underline;
}
.name_page > li > a:hover{
  color:#ffffff;
  text-decoration:none;
}

.newslist h4{
	font-weight:bold;
	color:#77BB40;
	margin-top:0;
}

.lisss {padding:20px 0;}