body {
	font-family: 'Roboto', sans-serif;
}
.navbar{
	box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
	border-radius:0;
	margin:0 auto 0 auto;
	padding-top:2px;
	padding-bottom:2px;
}
.navbar .row{
	width:100%;
}
.span-logo{
	font-weight:bold;
	font-size:36px;
	color:#02a286;
}
h1{
	text-align:center;
	font-family: 'Roboto Slab', serif;
	text-transform:uppercase;
	font-size:36px;
	display:block;
	padding:0 0 30px 0;
	margin:0 auto 30px auto;
}
h3{
	text-align:center;
	font-family: 'Roboto Slab', serif;
	text-transform:uppercase;
	font-size:22px;
	color:#191b1d;
	display:block;
	padding:0 0 20px 0;
	margin:0 auto 30px auto;
}
h2{
	text-align:center;
	font-family: 'Roboto Slab', serif;
	text-transform:uppercase;
	font-size:22px;
	color:#191b1d;
	display:block;
	margin:0 auto 0px auto;
}
p{
	font-size:16px;
	color:#3c3c3c;
	text-align:justify;
	margin-bottom:20px;
	line-height:1.3em;
}
.bl1{
	background:url(../img/bg1.jpg) no-repeat bottom center;
	padding:40px 0 40px 0;
}
.bl2{
	padding:40px 0 40px 0;
}
.bl2 h2{
	margin-bottom:30px;
	font-size:36px;
	color:#333333;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}
.bl1 h1{
	color:#ffffff;
	padding-bottom:0px;
	margin-bottom:5px;
	font-size:60px;
	font-family: 'Roboto', sans-serif;
	line-height:1.1em;
}
.bl1 h2{
	color:#ffffff;
	padding-bottom:0px;
	margin-bottom:10px;
	font-size:40px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
}
.bl3{
	padding:40px 0 40px 0;
	background:#02a286;
	color:#ffffff;
}
.bl3 p{
	text-align:center;
	color:#ffffff;
	margin-bottom:5px;
}
.preim{
	background-color:rgba(255,255,255,0.7);
	padding:35px 30px 20px 30px;
	margin-top:50px;
	border-radius:10px;
}
.preim h3{
	font-size:36px;
	font-family: 'Roboto', sans-serif;
	color:#333333;
	font-weight:normal;
	margin-bottom:10px;
}
.thumb-preim hr{
	max-width:110px;
	display:block;
	border-top: 5px solid rgba(2,162,134,1);
	margin:10px auto 0 0;
}

}
.zagl{
	background:url(../img/line1.jpg) no-repeat left center, url(../img/line1.jpg) no-repeat right center;
	display:block;
	margin:0 auto 30px auto;
	max-width:400px;
}
.bl3 .zagl h2{
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:20px;
}
.big-img{
	display:block;
	max-width:100%;
	margin:0 auto 30px auto;
}
.thumb-preim{
	font-size:18px;
	color:#424242;
	padding-bottom:10px;
}
.thumb-preim img{
	float:left;
	padding-right:0px;
}
.thumb-preim .spans{
	padding:10px 15px 10px 0px;
	display:block;
	background:url(../img/line3.jpg) no-repeat bottom left;
	float:left;
}
.thumb-preim i{
	font-size:16px;
	font-style:normal;
}
.thumb-preim:nth-child(3n+4){
	clear:both;
}
.thumb-preim figure{
	margin-bottom:10px;
}
.span-email{
	background:url(../img/icn-email.png) no-repeat center left;
	font-size:16px;
	color:#343434;
	padding:3px 0 3px 50px;
	margin:13px auto 0 auto;
}
.span-phone{
	background:url(../img/icn-phone.png) no-repeat center left;
	font-size:16px;
	color:#343434;
	padding:0px 0 9px 50px;
	margin:5px auto 0 auto;
}
.span-adress{
	background:url(../img/icn-adress.png) no-repeat center left;
	font-size:14px;
	color:#343434;
	padding:9px 0 9px 50px;
	margin:2px auto 0 auto;
	line-height:1.2em;
	text-align:right;
}
.span-zn1{
	text-align:right;
	padding-top:10px;
}
.table-per{
	text-align:center;
	border:1px solid #d0d0d0;
	margin-bottom:0px !important;
}
.table-per th{
	text-align:center;
	line-height:1.2em !important;
	font-weight:normal;
	font-size:14px;
	font-family: 'Roboto Regular', serif;
	border-left:1px solid #e6e6e6 !important;
	border-right:1px solid #e6e6e6 !important;
	border-bottom:1px solid #e6e6e6 !important;
	border-top:none !important;
	vertical-align:middle !important;
}
.table-per tr{
	font-family: 'Roboto Light', serif;
}
.table-per td{
	border-left:1px dotted #e6e6e6 !important;
	border-right:1px dotted #e6e6e6 !important;
	border-bottom:1px dotted #e6e6e6 !important;
	border-top:none !important;
	vertical-align:middle !important;
}
.table-responsive-lg{
	margin-bottom:30px;
}
footer{
	box-shadow:0 0 1px 2px rgba(0,0,0,.3);
	position:relative;
	z-index:100;
}
.container{
	overflow:hidden;
}
@media screen and (max-width: 991px){
	.span-email {
    font-size: 14px;
    color: #343434;
    margin: 8px auto 0 auto;
}
.span-phone {
    font-size: 14px;
    padding: 10px 0 10px 50px;
    margin: 12px auto 0 auto;
}
.span-adress {
    font-size: 12px;
    padding: 9px 0 9px 50px;
    margin: 2px auto 0 auto;
}
.span-logo{
	margin:10px auto 0 auto;
}
h1{
	font-size:32px;
}
.thumb-preim:nth-child(3n+4){
	clear:none;
}
.thumb-preim:nth-child(2n+3){
	clear:both;
}
.thumb-preim {
    font-size: 16px;
}
.table-responsive-lg{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}
.navbar .container{
	width:100%;
}
}
@media screen and (max-width: 767px){
	.span-logo{
		margin:0 auto 0 auto;
		display:block;
		text-align:center;
	}
	.span-phone{
		margin:0 auto 0 auto;
		display:block;
		text-align:center;
		padding-left:0px;
	}
	.span-phone img{
		display:block;
		margin:0 auto 0 auto;
	}
	.span-phone{
	padding-top:0px;
}
.span-adress{
	margin:0 auto 0 auto;
		display:block;
		text-align:center;
	text-align:center;
	padding-left:0px;
}
.span-zn1{
	margin:0 auto 0 auto;
		display:block;
		text-align:center;
	text-align:center;
	padding-left:0px;
}
.span-zn1 img{
	display:block;
		margin:0 auto 20px auto;
}
.bl1 h1{
	font-size:45px;
}
.bl1 h2{
	font-size:24px;
}
.bl1 {
    background: url(../img/bg1.jpg) no-repeat bottom center fixed;
    padding: 40px 0 40px 0;
}
}
@media screen and (max-width: 641px){
	.span-logo{
		width:100%;
		text-align:center;
	}
	.span-logo img{
		display:block;
		margin:0 auto 10px auto;
	}
	.span-email{
		width:33%;
		padding: 5px 0 5px 50px;
	}
	.span-phone{
		width:33%;
		margin:5px auto 0 auto;
	}
	.span-adress{
		width:33%;
	}
	h1 {
    font-size: 28px;
}
}
@media screen and (max-width: 500px){
	.span-logo{
		float:none;
		display:block;
	}
	.span-email{
		width:100%;
		max-width:220px;
		float:none;
		display:block;
	}
	.span-phone{
		width:100%;
		max-width:220px;
		float:none;
		display:block;
	}
	.span-adress{
		width:100%;
		max-width:220px;
		float:none;
		display:block;
	}
	h1 {
    font-size: 22px;
}
.thumb-preim .col-xs-4{
	width:100%;
	text-align:center;
}
.thumb-preim .col-xs-4 img{
	display:block;
	margin:0 auto 0 auto;
	float:none;
}
.thumb-preim .spans{
	width:100%;
	text-align:center;
	background: url(../img/line3.jpg) no-repeat bottom center;
}
.thumb-preim .row{
	margin:0;
}
p{
	text-align:left;
	font-size:14px;
}
}
@media screen and (max-width: 400px){
	.zagl {
    background-image:none;
	}
	.thumb-preim{
		width:100%;
	}
	.preim h3{
		font-size:30px;
	}
	.bl2 h2{
		font-size:30px;
	}
	.bl3 .zagl h2{
		font-size:30px;
	}
}