* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body { background:url(img/bg-light.png);}

.main-header{ width:100%;}
.main-menu{ background-color:#666; border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; padding-top:0px; -webkit-box-shadow: 0 0 8px #CCC; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCC,direction=125,strength=8)";
	box-shadow: 0 0 8px #CCC;}

.main-container { margin:30px 0px 0px 0px;}

/*ХЕДЕР*/

.logo {	
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}


.contact-header {
	padding-top:0px; padding-bottom:10px;
}

.contact-tel { padding-top:0px;}
.contact-tel table { border:1px solid #EDEDED; margin: 0px auto 10px auto; width:220px;}
.contact-tel img { margin:5px;}
.contact-tel p { padding-top:2px; margin:0px;}
.contact-tel p a {font-size:22px; font-weight:bold; color:#666; letter-spacing:1px;}
.contact-tel p a:hover { color:#333; text-decoration:none;}

.header-adres { margin-bottom:10px;}
.header-adres p { color:#CCC;}
.header-adres a { color:#FFF; text-decoration:underline;}
.header-adres a:hover { color:#FFF; text-decoration:none;}

.lang-link { margin-top:0px; }
.lang-link p { margin:0px;}
.lang-link a { font-size:12px; font-weight:bold; border:0px solid #ccc; padding:5px 10px; color:#ccc;}
.lang-link a:hover { color:#fff;}

.line { border:4px solid #EEE;}

/*НАВІГАЦІЯ*/
.nav-link { width:100%; border: 1px solid #F3F3F3; padding:10px 20px 2px 20px; margin-top:0px; text-transform:uppercase;  font-size:14px;}
.nav-link li { color:#999; list-style:none; display:inline-block;}
.nav-link span { color:#666; margin:0px 5px; font-size:11px; font-weight:bold;}
.nav-link a { font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
.nav-link a:hover { color:#333; text-decoration:none;}

/*ЛІВИЙ БЛОК МЕНЮ*/
.block-left { margin-top:7px; margin-bottom:20px;}
.block-link ul li { list-style-type: none;}
.block-link a {
    display: block;
    padding:15px 20px;
    border: 1px solid #F3F3F3;
    font-size: 18px;
	text-transform:uppercase;
    color:#444;
	background-color:#f6f6f6;
    text-decoration: none;
    margin-bottom: 2px;}
.block-link a:hover {
	text-decoration:none;
	background-color:#444;
	color:#fff;}

/*КОНТЕНТ*/
.block-content { margin: 30px 0px 40px 0px; }
.content { min-height:540px;}
.content h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:600; color:#3d3020; padding:16px 20px;  margin:0px 0px 0px; background-color:#f6f6f6; text-transform:uppercase; margin-bottom:24px;}
.content h2 {  background-color:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:600; color:#3d3020; padding:14px 20px; margin:30px 0px 20px 0px;}
.content h3 { font-size:18px; margin:30px 0px 20px 0px; }
.content h4 { font-size:18px; margin:30px 0px 20px 0px; }
.content p { font-size: 16px; color: gray; margin:0px 0px 15px; }
.content p a { color:#963;}
.content ul { padding-left:20px;}
.content ol { padding-left:20px;}
.content li { list-style-type:square; color:gray; font-size:20px;}


/*БЛОКИ ГОЛОВНОЇ - АВТОСЕРВІС*/
.caption1 { margin-top:20px; padding:10px; border:1px solid #DFDFDF;}
.caption1 h3 { margin:0px 0px 20px 0px; font-weight:bold;}
.caption2 { margin-top:20px; padding:10px; border:1px solid #DFDFDF;}
.caption2 h3 { margin:20px 0px 20px 0px; font-weight:bold;}

/*ФОТОБЛОК*/
.fotoblok { margin:20px 0px 20px 0px;}
.block-desc { padding:10px 10px; min-height:125px;}
.block-desc h3 { margin:0px 0px 20px 0px;}
.block-desc h3 a { font-size:20px; color:#272727; text-decoration:underline;}
.block-desc h3 a:hover { text-decoration:none;}
.block-desc h3 span { color:#C30;}
.block-desc p { margin-top:20px;}

/*ШИНИ*/
.shyny-table { border-top: 1px solid #F3F3F3;  border-left: 1px solid #F3F3F3; width:100%; margin-bottom:0px;}
.shyny-table td { border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding:10px;}
.shyny-table p { margin:0px;}
.shyny-table span {}

/*БЛОК - ШИНА*/
.fotoblok-shyny {}
.desc-shyna { margin:0px 10px; text-align:center;}
.desc-shyna h3 { height:40px; font-size:18px; margin:10px 0px;}
.desc-shyna p { margin-bottom:20px;}
.desc-shyna p span { font-size:22px; color:#cd060b;}
.desc-shyna p a { color:#fff; background-color:#666; border-radius:4px; padding:10px 20px;}


/*ДИСКИ*/
.dysky-table { border-top: 1px solid #F3F3F3;  border-left: 1px solid #F3F3F3; width:100%;}
.dysky-table td { border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding:10px;}
.dysky-table p { margin:0px;}

/*АВТОСЕРВІС*/
.desc-avtoservis {}
.desc-avtoservis h3 { margin:10px 10px 15px 10px;}
.desc-avtoservis h3 a { font-size:20px; text-decoration:underline; display:block; padding:10px 10px; color:#676767;}
.desc-avtoservis h3 a:hover { text-decoration:none;}

/*ШИНОМОНТАЖ*/
.shynomontazh-table { border-top: 1px solid #F3F3F3;  border-left: 1px solid #F3F3F3; width:100%; margin-bottom:30px;}
.shynomontazh-table td { border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding:10px;}
.shynomontazh-table p { margin:0px;}

/*БАЛАНСУВАННЯ*/
.balansuvannya-table { border-top: 1px solid #F3F3F3;  border-left: 1px solid #F3F3F3; width:100%; margin-bottom:30px;}
.balansuvannya-table td { border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding:10px;}
.balansuvannya-table p { margin:0px;}

/*АВТОМИЙКА*/
.avtomyyka-table { border-top: 1px solid #F3F3F3;  border-left: 1px solid #F3F3F3; width:100%; margin-bottom:30px;}
.avtomyyka-table td { border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding:10px;}
.avtomyyka-table p { margin:0px;}

/*ДОСТАВКА*/
.caption-dostavka p { text-align:center;}

/*КОНТАКТИ*/
.blok-kontakt { min-height:100px;}
.blok-kontakt h3 { font-size:18px; font-weight:600; color:#3d3020; text-align:center;}
.blok-kontakt p { font-size:16px; text-align:center; margin:0px 0px 10px 0px;}
.blok-kontakt p a { font-size:18px;}
.blok-kontakt p a:hover { text-decoration:none; color:#C30;}
.map { border: 1px solid #F3F3F3; padding:10px;}


/*ФОРМА З ТЕЛЕФОНАМИ*/
.forma { background-color:#f6f6f6; margin:30px 0px 40px 0px; padding:25px 0px;}
.forma h3 { font-size:22px; color:#666; font-weight:600; text-align:center; margin:6px 10px 0px 10px; text-transform:uppercase;}
.forma p { text-align:center; margin:0px;}
.forma p a {font-size:26px; background-color:#cd060b; color:#FFF; padding:10px; letter-spacing:1px;}
.forma p a:hover { background-color:#cd060b; color:#FFF; text-decoration:underline;}


/*ФУТЕР*/
.main-footer{ background:url(img/bg-dark.png); width:100%; border-top:1px solid #FFF; -webkit-box-shadow: 0 0 12px #CCC; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CCC,direction=125,strength=5)";
	box-shadow: 0 0 12px #CCC;}
.footer-top { padding:20px 0px;}
.footer-top h4 { margin-bottom:25px}
.footer-top h4 a { font-size:18px; color:#f60;}
.footer-top ul a { font-size:18px; color:#CCC;}
.footer-top ul a:hover { font-size:18px; color:#f60;}
.footer-top ul li { list-style-type:none;}
.footer-top p { font-size:14px; color:#CCC;}
.footer-top p a { font-size:16px; color:#CCC;}
.footer-top p a:hover { font-size:16px; color:#CCC;}
.footer-bottom { background:url(img/bg-1.png); border-top:1px solid #666; width:100%;}
.footer {}
.footer p {
    font-size: 16px;
    color: #FFF;
	margin-top:20px;
	margin-bottom:20px;
}
.footer p a { color:#FFF; }

  .dropdown_m {display: none !important;}
  @media only screen and (max-width: 780px) {
  .dropdown_m {
    display: block !important;
  }
  .dropdown_d {
    display: none !important;
  }
}
.menu_navbar {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 180px;
    margin-left: -90px;
    color: #fff;
    text-align: center;
}