body {
  padding: 0px;
}

.responsive {
  max-width: 100%;
  height: auto;
}


h1 {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 30px;

	color: #ffa200;
	text-transform: uppercase;

	margin-top: 10px;
	margin-bottom: 30px;

}

.logo-top {

	float: left;
	height: 80px;

	padding-top: 18px;

	line-height: 14px;

}

.uslugi-top {

	float: left;



	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 16px;

	color: #afafaf;	
	text-transform: uppercase;

	height: 80px;

	padding-top: 25px;

	line-height: 14px;

}


.uslugi-top h1 {

	display: inline;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 400;
	font-size: 12px;


	color: #afafaf;	
	text-transform: uppercase;


}


.slide-top {

	min-height: 600px;

	padding: 65px 50px;

	margin-bottom: 30px;

	background: url(../img/slide.jpg) no-repeat top right;

}


.slide-top h1 {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
	font-size: 18px;

	color: #ffce00;

	margin-bottom: 30px;

}

.slide-top h2 {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 900;
	font-size: 100px;

	color: #FFF;

	line-height: 80px;

	margin-bottom: 30px;

}


.slide-top h3 {

	display: inline-block;

	font-family: 'Roboto', sans-serif;	
	font-weight: 500;
	font-size: 16px;

	color: #11193d;

}


ul.uslugi-lista {

	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
	font-size: 18px;

	color: #11193d;

	text-transform: uppercase;

	list-style-type: square;

}

ul.uslugi-lista li {


	padding-left: 25px;

}





.info-box {


	font-family: 'Roboto', sans-serif;	
	font-weight: 400;
	font-size: 16px;

	color: #fff;	

	padding: 50px;

	line-height: 18px;

	padding-top: 10px;

	background-color: #11193d;

}

.info-box-left {


	border-bottom: 1px solid #293051;
}



.info-box h1 {

	display: inline;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 72px;

	color: #ff7800;

}

.kontakt-box {

	display: inline;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 24px;

	color: #11193d;

	text-transform: uppercase;

}

.kontakt-box a {

	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-duration: 1=0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	text-decoration: none;

	display: inline;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 24px;

	color: #11193d;

	text-transform: uppercase;
	text-decoration: none;

}

.kontakt-box a:hover {

	display: inline;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 800;
	font-size: 24px;

	color: #ff7800;

	text-transform: uppercase;
	text-decoration: none;

}



.stopka {

	text-align: center;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 700;
	font-size: 18px;

	color: #535353;

	text-transform: uppercase;

	margin-top: 30px;

	padding: 40px 20px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 );

}






@media(max-width:767px) {


.info-box-left { margin-top: 30px; }



}




@media(max-width:650px) {

.logo-top {

margin-top: 10px;

}


.slide-top h2 {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;	
	font-weight: 900;
	font-size: 60px;

	color: #FFF;

	line-height: 50px;

	margin-bottom: 30px;

}



.slide-top {

	min-height: 360px;

	padding: 65px 20px;


}



}




@media(max-width:576px) {

.logo-top {

margin-top: 10px;
height: 60px;

}

.uslugi-top {


height: 80px;

}



}