﻿body,ul,li {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;
}

@media screen and (max-device-width: 575px) {
    body {font-size: 16px;}
   }.logotype {
	margin: 1px 0;
}

.logotype a {
	display: inline-block;
	text-decoration: none;
	color: #3e3e3e;
    opacity: 0.9;
}

.logotype a:hover {
	color: #3e3e3e;
    opacity: 1;
}

.header-menu {
	padding: 23px;
	color: #646464;
	font-weight: bold;
	text-decoration: none;
}

.header-menu:hover {
	color: #3a3a3a;
}

.header-navbar {
	margin: 0;
	padding: 0;
}

.header-navbar:hover {
	background: lightgray;
	color: #3a3a3a;
}

.header-navbar a {
	text-decoration: none;
}

.logo {
    font-size: 40px;
    font-weight: bold;
    line-height: 39px;
}

.logo-description {
	font-size: 14px;
	padding: 4px;
	color: #131313;
}

.header-carousel {
	padding: 0;
	margin: 0;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 30px;
	height: 30px;
}

.carousel-caption {
	text-shadow:
			-1px -1px 0 rgba(0, 0, 0, 0.6),
			1px -1px 0 rgba(0, 0, 0, 0.6),
			-1px 1px 0 rgba(0, 0, 0, 0.6),
			1px 1px 0 rgba(0, 0, 0, 0.6);
}

.carousel-caption p {
	margin: 0;
}

.carousel-indicators li {
	width: 13px;
    height: 13px;
    border-radius: 50%;
}

.carousel-indicators {
	bottom: 0px;
}

@media only screen and (max-device-width: 425px){
	.header-carousel {
		display: none;
	}
}

/* Увеличение картинок */
.content img[tabindex="0"] {
  cursor: zoom-in;
}
.content img[tabindex="0"]:focus {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 93%;
  max-height: 93%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(59,59,59,.4);
}
.content img[tabindex="0"]:focus, 
.content img[tabindex="0"]:focus ~ * {
  pointer-events: none;
}

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

.footer {
	background: #1f1f1f;
	margin: 0;
}

.footer-logo {
	color: white;
	font-size: 35px;
}

.footer a {
	padding: 10px 0;
}

 .footer-connect img {
	width: 17px;
	height: 17px;
 }

 .footer-connect {
 	color: white;
 }

 .contacts-title {
 	font-size: 20px;
 	font-weight: bold;
 }

.contacts p {
	margin: 0;
}

.example-page {
	list-style: none;
	margin: 0 auto;
}

.example-page li {
	display: inline-block;
}