body{
margin:0;
background:#fff;
}
body, input, select, option, textarea, button{
color:#333;
font-size:100%; font-family: 'Montserrat', sans-serif !important;
font-weight:400;
}
h2{
margin:0;
color:#777;
text-align:center;
font-size:200%; font-weight:700;
}
h3{
margin:40px 0 0 0;
color:#777;
text-align:left;
font-size:150%; font-weight:700;
}
a{
text-decoration:none;
}
.content-width{
width:96%; max-width:1000px;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* экран */
.ekran-div{
width:100%;
margin:40px 0 0 0;
padding:0;
}
.ekran-div-div{
position:relative;	
margin:0;
padding:0;
/* background:url('//cbarbus.ru/p39/images/ekran1.jpg');
background-position:50% 100%;
background-size:cover; */
}
.ekran-div img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:0;	
}
h1{
display:block;
position:absolute; bottom:0; left:0; z-index:2;
margin:0;
padding:40px 10px;
color:#fff;
background-image:-o-linear-gradient(top, transparent, #000);
background-image:-webkit-linear-gradient(top, transparent, #000);
background-image:-moz-linear-gradient(top, transparent, #000);
background-image:linear-gradient(top, transparent, #000);
text-align:center;
font-size:250%; font-weight:700;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* предлагаем */
.predlagayem-div{
width:100%;
margin:40px 0 0 0;
padding:0;
}
.predlagayem-div-div{
margin:0;
padding:0;	
text-align:center;
}
.predlagayem-div p{
margin:20px 0 0 0;
text-align:left;
font-size:120%;
}
.predlagayem-div p b{
font-size:140%; font-weight:700;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* сколько стоит */
.stoit-div{
width:100%;
margin:60px 0 0 0;
padding:0;
font-size:120%;
}
.stoit-div-div{
margin:0;
padding:0;
text-align:center;	
}
.stoit-div p{
margin:0;
text-align:justify;	
}
/* --------------------------------------------------- */
.stoit-div table{
width:100%;
border-collapse:collapse;
margin:20px 0 0 0;
}
.stoit-div th{
border:1px solid #ddd;	
padding:10px 20px;
background:#eee;
text-align:left;
font-weight:700;
vertical-align:middle;	
}
.stoit-div td{
border:1px solid #ddd;	
padding:10px 20px;
text-align:left;
vertical-align:middle;	
}
.stoit-div td b{
font-size:120%; font-weight:700;	
}
.stoit-div td span{
color:#777;
font-size:90%;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* кнопка */
.knopka-div{
width:100%;
margin:60px 0 0 0;
padding:0;		
}
.knopka-div-div{
margin:0;
padding:0;		
}
.knopka-div button{
display:inline-block;
width:100%; max-width:400px;
border:0; border-radius:7px;
margin:20px 0 0 0;
padding:20px 0;
background:#307672; color:#fff;
font-size:130%; font-weight:700;
text-align:center;
cursor:pointer;
white-space:nowrap;	
}
.knopka-div button:hover{
background:#144d53;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* видеофиксация */
.fiksatsiya-div{
width:100%;
margin:60px 0 0 0;
padding:0;	
}
.fiksatsiya-div-div{
margin:0;
padding:0;
text-align:center;
}
.fiksatsiya-div p{
margin:20px 0 0 0;
text-align:justify;
font-size:120%;	
}
.fiksatsiya-div img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:20px 0 0 0;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* наблюдение */
.nablyudeniye-div{
width:100%;
margin:40px 0 0 0;
padding:0;		
}
.nablyudeniye-div-div{
margin:0;
padding:0;
text-align:center;
}
.nablyudeniye-div p{
margin:20px 0 0 0;
text-align:justify;
font-size:120%;	
}
.nablyudeniye-div img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:20px 0 0 0;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* трансфер */
.transfer-div{
width:100%;
margin:40px 0 0 0;
padding:0;		
}
.transfer-div-div{
margin:0;
padding:0;
text-align:center;
}
.transfer-div p{
margin:20px 0 0 0;
text-align:justify;
font-size:120%;	
}
.transfer-div a{
color:#333;	
font-weight:700;
}
.transfer-div a:hover{
text-decoration:underline;	
}
.transfer-div img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:20px 0 0 0;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* слайдер */
.slayder-div{
width:100%;
margin:60px 0 0 0;
padding:0;		
}
.slayder-div-div{
margin:0;
padding:0;
text-align:left;
}
.slayder-div ul{
width:100%;
margin:0;
padding:0;
text-align:left;
list-style:none;	
}
.slayder-div li:nth-child(odd){
display:inline-block;
width:49%;
margin:20px 0 0 0;
padding:0 1% 0 0;
}
.slayder-div li:nth-child(even){
display:inline-block;
width:49%;
margin:20px 0 0 0;
padding:0 0 0 1%;
}
.slayder-div li img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:0;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* карта */
.karta-div{
width:100%;
margin:40px 0 0 0;
padding:0;	
}
.karta-div-div{
margin:0;
padding:0;
text-align:center;
}
.karta-div p{
margin:20px 0 0 0;
text-align:justify;
font-size:120%;	
}
.karta-div img{
display:block;
width:100%;
border:0; border-radius:7px;
margin:20px 0 0 0;	
}


@media screen and (min-width:100px) and (max-width:400px){
	h1{
	position:relative;
	margin:20px 0 0 0;
	padding:0;
	background-image:none; color:#333;
	font-size:140%;	
	}
	h2{
	font-size:140%;	
	}
	.predlagayem-div p{
	font-size:100%;	
	}
	.stoit-div{
	font-size:100%;	
	}
	.stoit-div p{
	text-align:left;	
	}
	.stoit-div th, .stoit-div td{
	padding:10px;	
	}
	.knopka-div button{
	font-size:110%;	
	}
	.fiksatsiya-div p{
	text-align:left;
	font-size:100%;
	}
	.nablyudeniye-div p{
	text-align:left;
	font-size:100%;	
	}
	.transfer-div p{
	text-align:left;
	font-size:100%;	
	}
	.slayder-div li:nth-child(odd){
	width:100%;
	padding:0;
	}
	.slayder-div li:nth-child(even){
	width:100%;
	padding:0;
	}
	.karta-div p{
	text-align:left;
	font-size:100%;	
	}
}
@media screen and (min-width:401px) and (max-width:500px){
	h1{
	position:relative;
	margin:20px 0 0 0;
	padding:0;
	background-image:none; color:#333;
	font-size:150%;	
	}
	h2{
	font-size:150%;	
	}
	.predlagayem-div p{
	font-size:110%;	
	}
	.stoit-div{
	font-size:110%;	
	}
	.stoit-div p{
	text-align:left;	
	}
	.stoit-div th, .stoit-div td{
	padding:10px;	
	}
	.knopka-div button{
	font-size:120%;	
	}
	.fiksatsiya-div p{
	text-align:left;
	font-size:110%;	
	}
	.nablyudeniye-div p{
	text-align:left;
	font-size:110%;	
	}
	.transfer-div p{
	text-align:left;
	font-size:110%;	
	}
	.slayder-div li:nth-child(odd){
	width:100%;
	padding:0;
	}
	.slayder-div li:nth-child(even){
	width:100%;
	padding:0;
	}
	.karta-div p{
	text-align:left;
	font-size:110%;	
	}
}
@media screen and (min-width:501px) and (max-width:600px){
	h1{
	padding:20px 10px;
	font-size:160%;	
	}
	h2{
	font-size:160%;	
	}
}
@media screen and (min-width:601px) and (max-width:700px){
	h1{
	font-size:170%;	
	}
	h2{
	font-size:170%;	
	}
}
@media screen and (min-width:701px) and (max-width:800px){
	h1{
	font-size:190%;	
	}
	h2{
	font-size:180%;	
	}
	.predlagayem-div p{
	margin:20px 50px 0 50px;
	}
	.predlagayem-div-div div{
	font-size:110%;
	}
	.stoit-div h2{
	margin:0 50px;	
	}
	.stoit-div p{
	margin:0 50px;	
	}
	.stoit-div td p{
	margin:0;	
	}
	.fiksatsiya-div h2{
	margin:0 50px;
	}
	.fiksatsiya-div p{
	margin:20px 50px 0 50px;
	}
	.nablyudeniye-div h2{
	margin:0 50px;	
	}
	.nablyudeniye-div p{
	margin:20px 50px 0 50px;
	}
	.transfer-div h2{
	margin:0 50px;	
	}
	.transfer-div p{
	margin:20px 50px 0 50px;
	}
	.karta-div h2{
	margin:0 50px;	
	}
	.karta-div p{
	margin:20px 50px 0 50px;
	}
}
@media screen and (min-width:801px) and (max-width:900px){
	h1{
	font-size:210%;	
	}
	h2{
	font-size:180%;	
	}
	.predlagayem-div p{
	margin:20px 100px 0 100px;
	}
	.stoit-div h2{
	margin:0 100px;	
	}
	.stoit-div p{
	margin:0 100px;	
	}
	.stoit-div td p{
	margin:0;	
	}
	.fiksatsiya-div h2{
	margin:0 100px;	
	}
	.fiksatsiya-div p{
	margin:20px 100px 0 100px;
	}
	.nablyudeniye-div h2{
	margin:0 100px;	
	}
	.nablyudeniye-div p{
	margin:20px 100px 0 100px;
	}
	.transfer-div h2{
	margin:0 100px;	
	}
	.transfer-div p{
	margin:20px 100px 0 100px;
	}
	.karta-div h2{
	margin:0 100px;	
	}
	.karta-div p{
	margin:20px 100px 0 100px;
	}
}
@media screen and (min-width:901px) and (max-width:1000px){
	h1{
	font-size:230%;	
	}
	h2{
	font-size:190%;	
	}
	.predlagayem-div p{
	margin:20px 150px 0 150px;
	}
	.stoit-div h2{
	margin:0 150px;	
	}
	.stoit-div p{
	margin:0 150px;	
	}
	.stoit-div td p{
	margin:0;	
	}
	.fiksatsiya-div h2{
	margin:0 150px;	
	}
	.fiksatsiya-div p{
	margin:20px 150px 0 150px;
	}
	.nablyudeniye-div h2{
	margin:0 150px;	
	}
	.nablyudeniye-div p{
	margin:20px 150px 0 150px;
	}
	.transfer-div h2{
	margin:0 150px;	
	}
	.transfer-div p{
	margin:20px 150px 0 150px;
	}
	.karta-div h2{
	margin:0 150px;	
	}
	.karta-div p{
	margin:20px 150px 0 150px;
	}
}
@media screen and (min-width:1001px){
	h1{
	font-size:240%;	
	}
	.predlagayem-div p{
	margin:20px 200px 0 200px;
	}
	.stoit-div h2{
	margin:0 200px;	
	}
	.stoit-div p{
	margin:0 200px;	
	}
	.stoit-div td p{
	margin:0;	
	}
	.fiksatsiya-div h2{
	margin:0 200px;	
	}
	.fiksatsiya-div p{
	margin:20px 200px 0 200px;
	}
	.nablyudeniye-div h2{
	margin:0 200px;	
	}
	.nablyudeniye-div p{
	margin:20px 200px 0 200px;
	}
	.transfer-div h2{
	margin:0 200px;	
	}
	.transfer-div p{
	margin:20px 200px 0 200px;
	}
	.karta-div h2{
	margin:0 200px;	
	}
	.karta-div p{
	margin:20px 200px 0 200px;
	}
}