/*----------------------------------- Максимальная ширина 1000 рх-------------------------------*/
* {
  -webkit-tap-highlight-color: transparent;
}
@media(max-width: 1000px){

html {
	width: 1400px;
	margin: 0px auto;
}
	
body {
	width: 100%;
	margin: 0px auto;
	font-family: Roboto regular;
}
#wrapper {
	width: 1400px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	/*background-color: #eee;*/
	border: 0px solid #aaa;
}

header {
	width: 1400px;
	/*height: 430px;*/
	height: 350px;
	background-color: #333;
	margin: 0px auto;
	position: relative;
	z-index: 10000;
}
#head {
	width: 1400px;
	height: 350px;
	margin: 0px auto;
	border: 0px solid #cc0000;
}
#logo {
	width: 600px;
	position: relative;
	left: 100px;
	top: 95px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
}
#logo_mob {
	width: 300px;
	position: relative;
	left: 100px;
	top: 75px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #logo { display: none; }}
#topMenu {
	visibility: hidden;
	display: none;
	margin: 0px auto;
	position: relative;
	top: 140px;
	left: -150px;
	width: 1300px;
	height: 85px;
	border: 0px solid #ccc;
}

#topMenu li {
	margin: 0px 3px 0px 3px;
	padding: 8px 0px 3px 0px;
	position: relative;
	top: 0px;
	left: -10px;
	float: left;
	width: 240px;
	height: 40px;
	border: 0px solid #fff;
	text-align: center;
	font-family: Roboto;
}

#topMenu li:hover {
	border: 1px solid #ccc;
	color: #ccc;
}
li a:hover {
	color: #ccc;
}

li a {
	text-decoration: none;
	outline: none;
	color: #fff;
	font-size: 24pt;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border: 0px solid #fff;
}


#wrapper {
	position: relative;
	width: 100%;
	margin: 0px auto;
	background-color: #fff;
	border: 0px solid #cc0000;
	overflow: hidden;
}


/*----------Верхний баннер---------------*/
#banner_plans {
	position: ralative;
	margin: 0px auto;
	padding: 0px 0px;
	top: 50px;
	width: 100%;
	height: 600px;
	border: 0px solid #ccc;
	}
	
.imgPlans {
	margin: 0px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
.imgPlansMob {
	margin: 0px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .imgPlans { display: none; }}
	
/* ----------- Настройка блоков ---------*/

#razrab_BlockPlans {
	position: ralative;
	width: 1200px;
	height: 2000px;
	margin: 0px auto 0px auto;
	padding: 40px 0px 90px 0px;
	border: 0px solid #aaa;
	}
#razrabPlans {
	position: ralative;
	padding: 0px 0px 0px 0px;
	height: 405px;
	text-align: left;
	color: #333;
	font-family: Roboto Medium;
	font-size: 100pt;
	text-transform: none;
	line-height: 1;
	border: 0px solid #aaa;
	/*background-color: #cdf;*/
}
#razrabPlans_mob {
	position: ralative;
	padding: 0px 0px 0px 0px;
	height: 405px;
	text-align: left;
	color: #333;
	font-family: Roboto Medium;
	font-size: 100pt;
	text-transform: none;
	line-height: 1;
	border: 0px solid #aaa;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #razrabPlans { display: none; }}

#categoriya {
	margin: 250px auto 0px auto;
	position: ralative;
	top: 150px;
	width: 1400px;
	height: 2100px;
	border: 0px solid #aaa;
}
#categoriya p {
	position: relative;
	margin: 0px auto;
	top: 45px;
	left: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto medium;
	font-size: 45px;
	border: 0px solid #aaa;
}
#pict_1, #pict_2, #pict_3, #pict_4, #pict_5, #pict_6 {
	width: 550px;
	height: 550px;
	border: 0px solid #aaa;
} 
#pict_1 {position: relative; left: 15px top: 25px;}
#pict_2 {position: relative; left: 675px; top: -550px;}	
#pict_3 {position: relative; left: 5px; top: -375px;}
#pict_4 {position: relative; left: 675px; top: -925px;}
#pict_5 {position: relative; left: 5px; top: -750px;}
#pict_6 {position: relative; left: 675px; top: -1305px;}

.pict_01, .pict_02, .pict_03, .pict_04, .pict_05, .pict_06, .pict_07, img {height: 100%; border: 0px solid #333;}	

#block-wrapper {
	position: relative;
	width: 1400px;
	height: 1850px;
	background-color: #266891;
	border: 0px solid #fff;
	z-index: 7;
}

#block_1 {
	width: 900px;
	height: 750px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #266891;
	border: 0px solid #fff;
}
.bl1 {
	position: relative;
	top: 80px;
	left: 0px;
	font-size: 90pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto black;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl2 {
	position: relative;
	top: -20px;
	left: 0px;
	width: 120px;
	padding: 160px 0px 60px 0px;
	border: 0px solid #fff;
}

.bl3 {
	position: relative;
	top: -40px;
	left: 0px;
	font-size: 21pt;
	line-height: 1.4;
	color: #fff;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}
.bl3 li {
	display: inline;
	list-style: none;
	position: relative;
	top: 0px;
	left: -65px;
	padding: 0px 0px 0px 25px;
	width: 75px;
	font-size: 28pt;
	font-family: Roboto Regular;
}
#block_2 {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	width: 900px;
	height: 1100px;
	background-color: #266891;
	border: 0px solid #fff;
}

.bl5 {
	margin: 0px auto;
	position: relative;
	top: 100px;
	left: 0px;
	width: 900px;
	border: 0px solid #ccc;
}
.bl6 {
	position: relative;
	top: 550px;
	left: 0px;
	width: 550px;
	border: 0px solid #ccc;
}

#block-wrapper1 {
	margin: 1000px auto 0px auto;
	position: relative;
	width: 1400px;
	height: 2150px;
	background-color: #eee;
	border: 0px solid #ccc;
}
#block_3 {
	margin: 0px auto;
	width: 900px;
	height: 750px;
	position: relative;
	left: 0px;
	top: 50px;
	background-color: #eee;
	border: 0px solid #aaa;
}
.bl7 {
	margin: 0px auto;
	position: relative;
	left: -25px;
	top: -30px;
	height: 750px;
	width: 900px;
	background-color: #eee;
	border: 0px solid #ccc;
	z-index: 6;
}
.bl7 img {
	height: 950px;
	width: 900px;
}

#block_4 {
	margin: 0 auto;
	position: relative;
	top: 150px;
	left: 0px;
	height: 800px;
	width: 1200px;
	background-color: #eee;
	border: 0px solid #aaa;
}
.bl8 {
	position: relative;
	top: 90px;
	left: 0px;
	width: 900px;
	font-size: 350px;
	color: #266891;
	text-align: left;
	font-family: Roboto black;
	text-transform: uppercase;
	border: 0px solid #aaa;
}
.bl9 {
	position: relative;
	top: 330px;
	left: 0px;
	width: 1200px;
	font-size: 42px;
	color: #266891;
	text-align: left;
	font-family: Roboto medium;
	border: 0px solid #fff;
}
.bl10 {
	position: relative;
	top: 400px;
	left: 0px;
	width: 900px;
	font-size: 350px;
	color: #f7a600;
	text-align: left;
	font-family: Roboto black;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl11 {
	position: relative;
	top: 640px;
	left: 0px;
	width: 1200px;
	font-size: 42px;
	color: #266891;
	text-align: left;
	font-family: Roboto medium;
	border: 0px solid #fff;
}
#block-wrapper2 {
	margin: 0px auto;
	position: relative;
	width: 1200px;
	background-color: #fff;
	top: 0;
	height: 1700px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f60000;
}
#block_5 {
	margin: 0px auto;
	width: 1200px;
	height: 1000px;
	position: relative;
	left: 0px;
	top: 50px;
	/*background-color: #E95505;*/
	border: 0px solid #fe0000;
	z-index:50;
}
.bl12 {
	position: ralative;
	padding: 115px 0px 0px 0px;
	top: 100px;
	text-align: left;
	color: #333;
	font-family: Roboto Medium;
	font-size: 100pt;
	text-transform: none;
	line-height: 1;
	border: 0px solid #aaa;
}
.bl13 {
	position: ralative;
	padding: 100px 0px 0px 0px;
	text-align: left;
	color: #333;
	font-family: Roboto Medium;
	font-size: 100pt;
	text-transform: none;
	line-height: 1;
	border: 0px solid #aaa;
}

.bl14 {
	position: relative;
	top: 210px;
	left: 0px;
	font-size: 21pt;
	text-align: left;
	letter-spacing: 1.5px;
	line-height: 1.07;
	font-family: Roboto Medium;
	font-size: 50px;
	z-index: 3;
}
.bl14_Mob {
	position: relative;
	top: 210px;
	left: 0px;
	font-size: 21pt;
	text-align: left;
	letter-spacing: 1.5px;
	line-height: 1.07;
	font-family: Roboto Medium;
	font-size: 50px;
	text-transform: uppercase;
	z-index: 3;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .bl14 { display: none; }}

#block_6 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -600px;
	left: 0px;
	width: 1200px;
	height: 600px;
	background-color: #fff;
	border: 0px solid #0328eb;
}
.bl15 img {
	margin: 0px auto;
	position: relative;
	top: -450px;
	left: 450px;
	height: 780px;
	border: 0px solid #ccc;
	z-index: 8;
}
.strelka_1 {
	margin: 0px auto;
	position: relative;
	top: 250px;
	left: -100px;
	width: 550px;
	height: 550px;
	border: 0px solid #ccc;
	z-index: 3;
}
.strela {
	margin: 0px auto;
	position: relative;
	top: 1295px;
	left: 0px;
	width: 150px;
	height: 50px;
	border: 0px solid #ccc;
	z-index: 100;
}

#block-wrapper3 {
	margin: 0px auto;
	position: relative;
	width: 1400px;
	height: 2250px;
	background-color: #266891;
	border: 0px solid #e90e0e;
}
#block_7 {
	margin: 0px auto;
	width: 700px;
	height: 750px;
	position: relative;
	left: 0px;
	top: 700px;
	background-color: #266891;
	border: 0px solid #fff;
}
.bl16 img {
	margin: 0px auto;
	position: relative;
	top: 310px;
	left: -200px;
	height: 800px;
	border: 0px solid #ccc;
	z-index: 4;
}
#block_8 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -750px;
	left: 0px;
	width: 1400px;
	height: 820px;
	background-color: #266891;
	border: 0px solid #fff;
}

.bl17 {
	position: relative;
	top: 18px;
	width: 1400px;
	color: #fff;
	font-family: Roboto Medium;
	font-size: 100pt;
	text-transform: none;
	line-height: 1;
	border: 0px solid #fff;
}
.bl17a {
	position: ralative;
	margin: 320px 0px 0px 0px;
	width: 1200px;
	text-align: left;
	font-family: Roboto medium;
	font-size: 80px;
	letter-spacing: 1.5px;
	line-height: 1.07;
	color: #fff;
	border: 0px solid #aaa;
}
.bl18 {
	position: relative;
	top: 0px;
	text-align: left;
	font-family: Roboto Medium;
	font-size: 50px;
	border: 0px solid #ccc;
}
.bl19 {
	position: relative;
	top: 300px;
	left: 60px;
	width: 450px;
	height: 100px;
	border: 0px solid #ccc;
}
#block-wrapper4 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 1400px;
	height: 1150px;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
}
#block_9 {
	margin: 0px auto;
	width: 1400px;
	height: 850px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #fff;
	border: 0px solid #fff;
}

.bl20 {
	position: relative;
	width: 1200px;
	top: 100px;
	left: 100px;
	font-size: 130px;
	color: #333333;
	line-height: 1.1;
	letter-spacing: 1px;
	text-align: center;
	font-family: Roboto Medium;
	text-transform: none;
	border: 0px solid #fff;
}
/*------------------------------------------- Стили слайдера-----------------------------------------*/

.flex-wrapper {
	position: absolute;
	top: 300px;
	width: 1400px;
	display: flex;
	justify-content: center;
}

.slider-wrapper {
	max-width: 1000px;
	width: 1200px;
	height: 550px;
	position: ralative;
	/*box-shadow: 10px 10px 44px -10px rgba(0,0,0,0.75);*/
	border: 0 px solid #aaa;
}

#btn-prev, #btn-next {
	display: none;
	position: absolute;
	left: 0;
	top: 250px;
	height: 60px;
	width: 60px;
	background-color: #E51F1C;
	opacity: 1.0;
	cursor: pointer;
	transition: opacity .2s ease-in-out;
}

#btn-prev img, #btn-next img {
	position: relative;
	top: 15px;
	left: 22px;
	height: 50%;
	cursor: pointer;
}

#btn-prev:hover, #btn-next:hover {
	opacity: 0.6;
}


#btn-next {
	left: auto;
	right: 0;
}

.slide {
	width: 1200px;
	height: 550px;
	display: none;
	float: inherit;
	border: 0 px solid #aaa;
}

.slide.active {
	display: block;
}

.slide img {
	margin: 0px auto;
	top: 50%;
	width: 1200px;
	height: 550px;
	border-radius: 20px;
}
.dot {
	border-radius: 50%;
	background: #ccc;
	
}
.dots-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 15px auto;
	border-radius: 50%;
}

.dot.active {
	background-color: #aaa;
	border-radius: 50%;
}
/*
span {
	width: 15px;
	height: 15px;
	border-radius: 10%;
	background-color: #fff000;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #aaa;
}
span:last-child {
	margin-right: 0;
}
*/
#block-wrapper5 {
	margin: 0px auto;
	position: relative;
	width: 1400px;
	height: 2200px;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee;
	border: 0px solid #fff;
}

#block_10 {
	margin: 0px auto;
	width: 600px;
	height: 800px;
	position: relative;
	left: -300px;
	top: 0px;
	background-color: #eeeeee;
	border: 0px solid #fff;
}
.bl21 img {
	margin: 0px auto;
	position: relative;
	top: 500px;
	left: 0px;
	height: 800px;
	border: 0px solid #eeeeee;
	z-index: 0;
}
.bl21_Mob img {
	margin: 0px auto;
	position: relative;
	top: 400px;
	left: -100px;
	height: 2000px;
	border: 0px solid #eeeeee;
	z-index: 0;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .bl21 { display: none; }}


#block_11 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -800px;
	left: 0px;
	width: 1400px;
	/*background-color: #105383;*/
	border: 0px solid #e80d0d;
}

.bl22 {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 48pt;
	color: #333333;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	border: 0px solid #000;
}
.bl22_Mob {
	position: relative;
	width: 1200px;
	top: 165px;
	left: 100px;
	font-size: 130px;
	color: #333333;
	line-height: 1;
	letter-spacing: 1px;
	text-align: left;
	font-family: Roboto Medium;
	border: 0px solid #000;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .bl22 { display: none; }}
	
.bl23 {
	position: relative;
	width: 1200px;
	top: 180px;
	left: 100px;
	text-align: left;
	font-family: Roboto medium;
	font-size: 80px;
	letter-spacing: 1.5px;
	line-height: 1.07;
	border: 0px solid #ccc;
}
.bl23_Mob {
	position: relative;
	width: 1200px;
	top: 210px;
	left: 100px;
	text-align: left;
	font-family: Roboto medium;
	font-size: 80px;
	letter-spacing: 1.5px;
	line-height: 1.07;
	border: 0px solid #ccc;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .bl23 { display: none; }}

#block-wrapper6 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 1400px;
	height: 1600px;
	background-color: #eee;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
}
#block_12 {
	margin: 0px auto;
	width: 900px;
	height: 750px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #eeeeee;
	border: 0px solid #aaa;
}

.bl24 {
	position: relative;
	top: 100px;
	left: 0px;
	width: 900px;
	font-size: 70pt;
	color: #153A5E;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
	z-index: 10;
}


#form_1 {
	position: relative;
	top: 150px;
	left: -0px;
	width: 900px;
	height: 350px;
	font-size: 21pt;
	border: 0px solid #cccfff;
	z-index: 10;
}
.in_1 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 600px;
	padding:3px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
.in_2 {
	margin: 0px auto;
	position: relative;
	top: 10px;
	left: 0px;
	height: 60px;
	width: 600px;
	padding:3px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
.in_3 {
	margin: 0px auto;
	position: absolute;
	top: 150px;
	left: 0px;
	height: 250px;
	width: 900px;
	overflow: auto;
	resize:none;
	padding: 10px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}

.bott {
	margin: 0px auto;
	position: absolute;
	top: 450px;
	left: -0px;
	height: 0px;
	width: 450px;
	cursor: pointer;
	border: 0px solid #aaa;
}

#block_13 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 850px;
	background-color: #eeeeee;
	border: 0px solid #aaa;
}
.bl25 img {
	margin: 0px auto;
	position: relative;
	top: 50px;
	left: -0px;
	width: 900px;
	height: 750px;
	border: 0px solid #ccc;
	z-index: 4;
}


#footer {
	margin: 0px auto;
	position: relative;
	top: 0px;
	width: 1400px;
	height: 400px;
	background-color: #153A5E;
	border: 0px solid #fff;
}
.footer_wrapper {
	margin: 0px auto;
	position: relative;
	width: 900px;
	height: 300px;
	background-color: #153A5E;
	border: 0px solid #fff;
}
.logofooter {
	margin: 0px 50px 0px 50px;
	position: left;
	left: 0px;
	top: 80px;
	width: 800px;
	height: 100%;
	border: 0px solid #cccfff;
}
.fon {
	margin: 0px auto;
	position: absolute;
	left: 150px;
	top: 175px;
	width: 600px;
	height: 35px;
	text-align: center;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	border: 0px solid #cccfff;
}
.fontel {
	margin: 0px auto;
	position: absolute;
	left: -150px;
	top: 0px;
	width: 900px;
	/*height: 35px;*/
	text-align: center;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	border: 0px solid #cccfff;
	background-color: #153a5e;
}
.mail {
	position: absolute;
	top: 255px;
	right: -0px;
	width: 900px;
	height: 35px;
	font-size: 30pt;
	color: #E41E1C;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	text-align: center;
	border: 0px solid #cccfff;
}
/*----------------------------------MENU BURGER --------------------------------------------*/
.wrapper-menu {
	margin: 0px auto;
	width: 120px;
	height: 90px;
	position: absolute;
	top: 120px;
	left: 1200px;
	color: #eee;
	text-align: left;
	z-index: 10000;
}

#check-menu {
	display: none;
}

label {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	/*z-index: 2;*/
	line-height: 150px;
}
.burger-line {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 120px;
	height: 5px;
	background-color: #fff;
	transition: .3s all;
}
.second, .third {
	top: 40px;
}
.fourth {
	top: 70px;
}
.main-menu {
	display: block;
	position: absolute;
	width: 1400px;
	height: 1280px;
	bottom: 0px;
	left: -1200px;
	transform: translateY(105%);
	max-height: 0;
	font-size: 0;
	overflow: hidden;
	transition: .3s all;
}
.main-menu a {
	display: block;
	width: 100%;
	height: 90px;
	padding: 55px 0px 35px 95px;
	color: #ccc;
	text-align: left;
	text-decoration: none;
	background-color: #333;
}
.zayavka-menu {
	font-size: 80px;
	color: #FBBB30;
}
.fon-menu {
	position: relative;
	top: 25px;
	font-size: 90px;
	color: #fff;
	font-family: Roboto Medium;
	letter-spacing: 2px;
}
.fon-menu a {
	padding: 30px 0px 30px 95px;
	color: #fff;
	height: 100px;
	border: 0px solid #fff;
}

#check-menu:checked ~ .main-menu {
	max-height: 2000px;
	font-size: 65px;
	background-color: rgba(51,51,51,1);
}
#check-menu:checked ~ .first {
	display: none;
}
#check-menu:checked ~ .second {
	transform: rotate(45deg);
}
#check-menu:checked ~ .third {
	transform: rotate(-45deg);
}
#check-menu:checked ~ .fourth {
	display: none;
}

/*-------------------------------------------------------- FOOTER ------------------------------------------------------*/
footer {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 1400px;
	left: 0px;
	bottom: 0px;
	background-color: #eee;
	border: 0px solid #ccc000;
	font-family: Roboto;
}
#wrapper-footer {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1200px;
	height: 800px;
	background-color: #eee;
	border: 0px solid #ccc000;
}
#bl-footer {
	width: 1200px;
	height: 700px;
	position: relative;
	top: 80px;
	left: 0px;
	border: 0px solid #333;
}
.otz-1, .otz-2, .otz-4, .otz-6, .otz-8 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}
.otz-1 {
	position: absolute;
	top: 500px;
	left: 0px;
	background-image: url(../images/Icons/ico_freelance.svg);
	background-color: #333;
	border: 2px solid #333;
	background-size: 100%;
}
.otz-2 {
	position: absolute;
	top: 500px;
	left: 160px;
	background-image: url(../images/Icons/ico_Fl.ru.svg);
	background-color: #333;
	border: 2px solid #333;
	background-size: 85%;
}
.otz-3 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	width: 800px;
	height: 80px;
	position: absolute;
	top: 510px;
	left: 320px;
	border: 0px solid #888;
	text-align: left;
	color: #333;
	font-size: 56px;
	font-family: Roboto;
}
.otz-3 a {
	color: #333;
}

.otz-4 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../images/Icons/ico_fon_line.svg);
	border: 2px solid #333;
	background-size: 80%;
	background-color: #fff;
}
.otz-5 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	width: 800px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 160px;
	border: 0px solid #888;
	text-align: left;
	color: #333;
	font-size: 53px;
	font-family: Roboto;
}
.otz-5 a {
	color: #333;
}
.otz-6 {
	position: absolute;
	top: 140px;
	left: 0px;
	background-image: url(../images/Icons/ico_mail_line.svg);
	border: 2px solid #333;
	background-size: 80%;
	background-color: #fff;
}
.otz-7 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	width: 800px;
	height: 80px;
	position: absolute;
	top: 150px;
	left: 160px;
	border: 0px solid #333;
	text-align: left;
	color: #333;
	font-size: 53px;
	font-family: Roboto;
}
.otz-7 a {
	color: #333;
}
.otz-8 {
	position: absolute;
	top: 280px;
	left: 0px;
	background-image: url(../images/Icons/ico_time_line.svg);
	border: 2px solid #333;
	background-size: 80%;
	background-color: #fff;
}
.otz-9 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	width: 800px;
	height: 80px;
	position: relative;
	top: 280px;
	left: 160px;
	border: 0px solid #888;
	text-align: left;
	color: #333;
	font-size: 53px;
	font-family: Roboto;
}

.copyrite {
	margin: 0px auto 0px auto;
	padding: 35px 0px 0px 0px;
	width: 1200px;
	height: 200px;
	position: relative;
	top: 0px;
	left: 0px;
	color: #666;
	font-size: 28px;
	font-family: Roboto;
	border-top: 1px solid #bbb;
}

.copy {
	width: 1200px;
	height: 20px;
	position: relative;
	text-align: left;
	font-family: Roboto;
}
.IP {
	width: 1200px;
	height: 20px;
	position: relative;
	top: 20px;
	left: 0px;
	text-align: left;
	letter-spacing: .8px;
	font-family: Roboto;
}
	/*----------- КНОПКА ОТПРАВКИ ЗАЯВКИ -------------------*/
#order {
	position: relative;
	margin: 100px auto 250px auto;
	padding: 35px 0px 25px 0px;
	width: 1200px;
	height: 80px;
	border: 1px solid #333;
	border-radius: 15px;
	text-align: center;
	letter-spacing: 6px;
	background-color: #333;
	color: #fff;
	font-size: 48px;
	font-family: Roboto Medium;
}
#order p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#order:hover {
	background-color: #E51F1C;
	color: #fff;
}
/*------- ОТПРАВКА WRAP2 ------*/

#order_wrap2 {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 35px 0px 25px 0px;
	left: 0px;
	top: -200px;
	width: 1200px;
	height: 80px;
	border: 0px solid #333;
	border-radius: 15px;
	text-align: center;
	letter-spacing: 6px;
	background-color: #333;
	color: #fff;
	font-size: 48px;
	font-family: Roboto Medium;
}
#order_wrap2 p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#order_wrap2:hover {
	background-color: #F8BD46;
	color: #fff;
}

/*----------- ОТПРАВКА wrapper3 -------------------*/
#order_wrap3 {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 35px 0px 25px 0px;
	left: 0px;
	top: 1000px;
	width: 1200px;
	height: 80px;
	border: 0px solid #333;
	border-radius: 15px;
	text-align: center;
	letter-spacing: 6px;
	background-color: #333;
	color: #fff;
	font-size: 48px;
	font-family: Roboto Medium;
}
#order_wr3 a {
	text-decoration: none;
	color: #fff;
}

#order_wr3 p {
	margin: 0px auto 0px auto;
}

#order_wr3:hover {
	background-color: #E51F1C;
	color: #fff;
}
/*----------- ОТПРАВКА wrapper5 -------------------*/
#order_wrap5 {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 35px 0px 25px 0px;
	left: 0px;
	top: 1100px;
	width: 1200px;
	height: 80px;
	border: 0px solid #333;
	border-radius: 15px;
	text-align: center;
	letter-spacing: 6px;
	background-color: #333;
	color: #fff;
	font-size: 48px;
	font-family: Roboto Medium;
}
#order_wr5 a {
	text-decoration: none;
	color: #fff;
}

#order_wr5 p {
	margin: 0px auto 0px auto;
}

#order_wr5:hover {
	background-color: #E51F1C;
	color: #fff;
}
/*----------- КНОПКА ОТПРАВКИ ЗАЯВКИ wrapper6 -------------------*/
#order_wr6 {
	position: relative;
	top: 140px;
	left: 50px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 25px 0px;
	width: 600px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 26px;
	font-family: Roboto Medium;
}
#order_wr6 a {
	text-decoration: none;
	color: #fff;
}

#order_wr6 p {
	margin: 0px auto 0px auto;
}

#order_wr6:hover {
	background-color: #E51F1C;
	color: #fff;
}
}

/*---- МИНИМАЛЬНАЯ ШИРИНА 1000 МАКСИМАЛЬНАЯ ШИРИНА 1440--------------------*/

@media only screen and (min-device-width : 1000px) and (max-device-width : 1440px){


/*-------------------------------------------- HEADER -------------------------------------*/
html {
	width: 1440px;
	margin: 0px auto;
}
body {
	width: 100%;
	margin: 0px auto;
	font-family: Roboto;
}
#wrapper {
	width: 1440px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	/*background-color: #eee;*/
	border: 0px solid #aaa;
}
header {
	width: 1400px;
	/*height: 430px;*/
	height: 350px;
	background-color: #333;
	margin: 0px auto;
	position: relative;
	z-index: 10000;
}
#head {
	width: 1400px;
	height: 350px;
	margin: 0px auto;
	border: 0px solid #cc0000;
}
#logo {
	width: 250px;
	position: relative;
	left: 90px;
	top: 30px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
	background-color: #;
}
#logo_mob {
	width: 650px;
	position: relative;
	left: 100px;
	top: 95px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ #logo_mob { display: none; }}

#topMenu {
	visibility: hidden;
	display: none;
	margin: 0px auto;
	position: relative;
	top: 140px;
	left: -150px;
	width: 1300px;
	height: 85px;
	border: 0px solid #ccc;
}

#topMenu li {
	margin: 0px 3px 0px 3px;
	padding: 8px 0px 3px 0px;
	position: relative;
	top: 0px;
	left: -10px;
	float: left;
	width: 240px;
	height: 40px;
	border: 0px solid #fff;
	text-align: center;
	font-family: Roboto;
}

#topMenu li:hover {
	border: 1px solid #ccc;
	color: #ccc;
}
li a:hover {
	color: #ccc;
}

li a {
	text-decoration: none;
	outline: none;
	color: #fff;
	font-size: 24pt;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border: 0px solid #fff;
}

/* ------------------------------------------- BLOCKS --------------------------------------*/

#wrapper {
	position: relative;
	width: 1440px;
	margin: 0px auto;
	background-color: #eee;
	border: 0px solid #cc0000;
}

#block-wrapper {
	margin: 0px auto 0px;
	padding: 250px 0px 0px 0px;
	width: 1440px;
	height: 830px;
	background-color: #105383;
	border: 0px solid #cccfff;
	z-index: 7;
}

#block_1 {
	margin: 0px auto;
	position: relative;
	left: -300px;
	top: 0px;
	width: 600px;
	height: 750px;
	background-color: #105383;
	border: 0px solid #cccfff;
	
}
.bl1 {
	position: relative;
	top: 80px;
	left: 0px;
	font-size: 50pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl2 {
	position: relative;
	top: -20px;
	left: 0px;
	width: 120px;
	padding: 160px 0px 60px 0px;
	border: 0px solid #fff;
}

.bl3 {
	position: relative;
	top: -40px;
	left: 0px;
	font-size: 21pt;
	line-height: 1.4;
	color: #fff;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}
.bl3 li {
	padding: 0px 0px 0px 25px;
	display: flex;
	list-style: none;
	position: relative;
	top: 0px;
	left: -65px;
	width: 75px;
	font-size: 28pt;
	font-family: Roboto Regular;
}	

#block_2 {
	margin: 0px 0px 0px 0px;
	width: 600px;
	height: 750px;
	position: relative;
	top: -750px;
	left: 700px;
	background-color: #105383;
	border: 0px solid #fff;
}

.bl5 {
	margin: 0px auto;
	position: relative;
	top: 100px;
	left: 25px;
	width: 550px;
	border: 0px solid #ccc;
}
.bl6 {
	position: relative;
	top: 370px;
	left: 250px;
	width: 350px;
	height: 100%;
	border: 0px solid #ccc;
}

#block-wrapper1 {
	margin: 0px auto;
	position: relative;
	width: 1440px;
	height: 830px;
	background-color: #eee;
	border: 0px solid #ccc;
	z-index: 6;
}
#block_3 {
	margin: 0px auto;
	width: 600px;
	position: relative;
	left: -300px;
	top: 0px;
	background-color: #eee;
	border: 0px solid #aaa;
}
.bl7 {
	margin: 0px auto;
	position: relative;
	left: -80px;
	top: 0px;
	height: 750px;
	width: 600px;
	background-color: #eee;
	border: 0px solid #ccc;
}
.bl7 img {
	width: 680px;
	height: 100%;
}

#block_4 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -730px;
	left: 700px;
	width: 600px;
	background-color: #eee;
	border: 0px solid #aaa;
}
.bl8 {
	position: relative;
	top: 90px;
	left: 0px;
	width: 600px;
	font-size: 135pt;
	color: #105383;
	text-align: left;
	font-family: Roboto black ;
	text-transform: uppercase;
	border: 0px solid #aaa;
}
.bl9 {
	position: relative;
	top: 140px;
	left: 0px;
	width: 600px;
	font-size: 24pt;
	color: #105383;
	text-align: left;
	font-family: Roboto Regular;
	border: 0px solid #fff;
}
.bl10 {
	position: relative;
	top: 200px;
	left: 0px;
	width: 600px;
	font-size: 135pt;
	color: #E95505;
	text-align: left;
	font-family: Roboto black;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl11 {
	position: relative;
	top: 250px;
	left: 0px;
	width: 600px;
	font-size: 21pt;
	color: #105383;
	text-align: left;
	font-family: Roboto Regular;
	border: 0px solid #fff;
}

#block-wrapper2 {
	margin: 0px auto;
	position: relative;
	top: 0;
	width: 1440px;
	height: 700px;
	background-color: #E95505;
	border: 0px solid #ccc;
}
#block_5 {
	margin: 0px auto;
	width: 600px;
	height: 600px;
	position: relative;
	left: -300px;
	top: 0px;
	background-color: #E95505;
	border: 0px solid #fff;
	z-index: 6;
}
.bl12 {
	position: relative;
	top: 140px;
	left: 0px;
	font-size: 48pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl13 {
	position: relative;
	top: 170px;
	left: 0px;
	font-size: 44pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl14 {
	position: relative;
	top: 190px;
	left: 0px;
	font-size: 21pt;
	line-height: 1.4;
	color: #fff;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}
#block_6 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -600px;
	left: 700px;
	width: 600px;
	height: 600px;
	background-color: #E95505;
	border: 0px solid #fff;
}
.strela {
	margin: 0px auto;
	position: relative;
	top: 698px;
	left: -300px;
	width: 150px;
	height: 50px;
	border: 0px solid #ccc;
	z-index: 3;
}
.bl15 img {
	margin: 0px auto;
	position: relative;
	top: -360px;
	left: 40px;
	width: 105%;
	height: 105%;
	border: 0px solid #ccc;
	z-index: 8;
}
.strelka_1 {
	margin: 0px auto;
	position: relative;
	top: 50px;
	left: -100px;
	width: 450px;
	height: 350px;
	border: 0px solid #ccc;
	z-index: 3;
}


#block-wrapper3 {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1440px;
	height: 830px;
	position: relative;
	background-color: #F9A106;
	top: 0;
	border: 0px solid #ccc;
}
#block_7 {
	margin: 0px auto;
	width: 600px;
	height: 750px;
	position: relative;
	left: -300px;
	top: 0px;
	background-color: #F9A106;
	border: 0px solid #fff;
}
.bl16 img {
	margin: 0px auto;
	position: relative;
	top: 150px;
	left: -250px;
	height: 600px;
	border: 0px solid #ccc;
	z-index: 4;
}
#block_8 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -750px;
	left: 720px;
	width: 600px;
	background-color: #F9A106;
	border: 0px solid #fff;
}

.bl17 {
	position: relative;
	top: 180px;
	left: 0px;
	font-size: 44pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl18 {
	position: relative;
	top: 190px;
	left: 0px;
	font-size: 21pt;
	line-height: 1.4;
	color: #fff;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}
.bl19 {
	position: relative;
	top: 300px;
	left: 250px;
	width: 350px;
	height: 100px;
	border: 0px solid #ccc;
}

#block-wrapper4 {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	width: 1440px;
	height: 900px;
	background-color: #eee;
	border: 0px solid #ccc;
}
#block_9 {
	margin: 0px auto;
	width: 1440px;
	height: 850px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #eee;
	border: 0px solid #fff;
}

.bl20 {
	position: relative;
	top: 100px;
	left: 0px;
	font-size: 48pt;
	color: #153A5E;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: center;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
/*------------------------------------------- СЛАЙДЕР -----------------------------------------*/

.flex-wrapper {
	top: 200px;
	width: 1440px;
	display: flex;
	justify-content: center;
}

.slider-wrapper {
	max-width: 1000px;
	width: 1200px;
	height: 550px;
	position: ralative;
	/*box-shadow: 10px 10px 44px -10px rgba(0,0,0,0.75);*/
	border: 0 px solid #aaa;
}

#btn-prev, #btn-next {
	position: absolute;
	left: 0;
	top: 250px;
	height: 60px;
	width: 60px;
	background-color: #E51F1C;
	opacity: 1.0;
	cursor: pointer;
	transition: opacity .2s ease-in-out;
}

#btn-prev img, #btn-next img {
	position: relative;
	top: 15px;
	left: 22px;
	height: 50%;
	cursor: pointer;
}

#btn-prev:hover, #btn-next:hover {
	opacity: 0.6;
}


#btn-next {
	left: auto;
	right: 0;
}

.slide {
	width: 1200px;
	height: 550px;
	display: none;
	float: inherit;
	border: 0 px solid #aaa;
}

.slide.active {
	display: block;
}

.slide img {
	margin: 0px auto;
	top: 50%;
	width: 1200px;
	Height: 550px;
}
.dot {
	border-radius: 50%;
	background: #ccc;
	
}
.dots-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 15px auto;
	border-radius: 50%;
}

.dot.active {
	background-color: #aaa;
	border-radius: 50%;
}

span {
	width: 15px;
	height: 15px;
	border-radius: 10%;
	background-color: #fff000;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #aaa;
}
span:last-child {
	margin-right: 0;
}



#block-wrapper5 {
	margin: 0px auto;
	position: relative;
	
	height: 800px;
	padding: 00px 0px 0px 0px;
	background-color: #105383;
	border: 0px solid #fff;
}

#block_10 {
	margin: 0px auto;
	width: 600px;
	height: 800px;
	position: relative;
	left: -300px;
	top: 0px;
	background-color: #105383;
	border: 0px solid #fff;
}
.bl21 img {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: -500px;
	height: 800px;
	border: 0px solid #ccc;
	z-index: 1;
}


#block_11 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -720px;
	left: 700px;
	width: 600px;
	height: 720px;
	border: 0px solid #fff;
	z-index: 2;
}

.bl22 {
	position: relative;
	top: 75px;
	left: 50px;
	font-size: 48pt;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
}
.bl23 {
	position: relative;
	top: 100px;
	left: 50px;
	font-size: 21pt;
	line-height: 1.4;
	color: #fff;
	font-family: Roboto Regular;
	border: 0px solid #ccc;
}


#block-wrapper6 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	height: 1600px;
	background-color: #eee;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
}
#block_12 {
	margin: 0px auto;
	width: 1200px;
	height: 750px;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #eeeeee;
	border: 0px solid #aaa;
}

.bl24 {
	position: relative;
	top: 100px;
	left: 150px;
	width: 900px;
	font-size: 70pt;
	color: #153A5E;
	line-height: 1.2;
	letter-spacing: 2px;
	text-align: left;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	border: 0px solid #fff;
	z-index: 10;
}


#form_1 {
	position: relative;
	top: 150px;
	left: 150px;
	width: 900px;
	height: 350px;
	font-size: 21pt;
	border: 0px solid #cccfff;
	z-index: 10;
}
.in_1 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 600px;
	padding:3px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
.in_2 {
	margin: 0px auto;
	position: relative;
	top: 10px;
	left: 0px;
	height: 60px;
	width: 600px;
	padding:3px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
.in_3 {
	margin: 0px auto;
	position: absolute;
	top: 150px;
	left: 0px;
	height: 250px;
	width: 900px;
	overflow: auto;
	resize:none;
	padding: 10px 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
}

.bott {
	margin: 0px auto;
	position: absolute;
	top: 450px;
	left: -0px;
	height: 0px;
	width: 450px;
	cursor: pointer;
	border: 0px solid #aaa;
}

#block_13 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 850px;
	background-color: #eeeeee;
	border: 0px solid #aaa;
}
.bl25 img {
	margin: 0px auto;
	position: relative;
	top: 50px;
	left: -0px;
	width: 900px;
	height: 750px;
	border: 0px solid #ccc;
	z-index: 4;
}

#footer {
	margin: 0px auto;
	position: relative;
	top: 0px;
	
	height: 400px;
	background-color: #153A5E;
	border: 0px solid #fff;
}
.footer_wrapper {
	margin: 0px auto;
	position: relative;
	width: 900px;
	height: 300px;
	background-color: #153A5E;
	border: 0px solid #fff;
}
.logofooter {
	margin: 0px auto;
	position: absolute;
	left: 0px;
	top: 80px;
	width: 900px;
	height: 35px;
	border: 0px solid #cccfff;
}
.fon {
	margin: 0px auto;
	position: absolute;
	left: 150px;
	top: 170px;
	width: 600px;
	height: 35px;
	text-align: center;
	font-size: 36pt;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	border: 0px solid #cccfff;
}
.fontel {
	margin: 0px auto;
	position: absolute;
	left: -150px;
	top: 0px;
	width: 900px;
	/*height: 35px;*/
	text-align: center;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	border: 0px solid #cccfff;
	background-color: #153a5e;
}
.mail {
	position: absolute;
	top: 250px;
	right: -0px;
	width: 900px;
	height: 35px;
	font-size: 32pt;
	color: #E41E1C;
	line-height: 1.2;
	letter-spacing: 2px;
	font-family: Roboto Bold ;
	text-transform: uppercase;
	text-align: center;
	border: 0px solid #cccfff;
}
	

	
	
}