html {
	width: 100%;
}
body {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	font-family: Roboto regular;
}
a {
	text-decoration: none;
}
header {
	width: 100%;
	background-color: #333;
	margin: 0px auto;
	position: fixed;
	z-index:10000;
}
#head {
	width: 1200px;
	margin: 0px auto;
	border: 0px solid #fff;
}
#logo {
	width: 300px;
	position: relative;
	left: 90px;
	top: 25px;
	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 {
	width: 460px;
	position: relative;
	top: -17px;
	left: 680px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff;
}
#topMenu li {
	display: inline;
	list-style: none;
	padding: 3px 20px 3px 20px;
	margin: 0px auto;
	border: 0px solid #ccc;
	font-family: Roboto Regular;
	font-size: 14px;
}
#top_li {
	width: 60px;
	border: 1px solid #ccc;
}
#topMenu li:hover {
	border: 1px solid #ccc;
	color: #ccc;
}
li a:hover {
	color: #ccc;
}
li a {
	text-decoration: none;
	outline: none;
	color: #fff;
	letter-spacing: 1px;
}
#wrapper {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1400px;
	/*height: 100%;*/
	/*background-color: #eee;*/
	border: 0px solid #ccc000;
}

/* --- НАСТРОЙКИ ПОЛОСЫ РАЗРАБОТКА ЛОГОТИПА* ------------*/

#portPrevFS {
	margin: 0px auto 75px auto;
	padding: -0px 0px 0px 0px;
	position: relative;
	width: 1200px;
	height: 1000px;
	border: 0px solid #333;
}
#logfspack {
	position: ralative;
	margin: 0px auto;
	padding: 50px 0px;
	width: 100%;
	border: 0px solid #ccc;
	}
.imgLFP {
	margin: -50px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
.imgLFPMob {
	margin: 0px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ .imgLFPMob { display: none; }}

#cov img {
	position: relative;
	top: 40px;
	margin: -40px 0px 0px 0px;
	height: 75px;
	border: 0px solid #F08DAA;

}
	
#razrab_Block {
	position: ralative;
	width: 1020px;
	height: 210px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 90px 0px;
	border: 0px solid #aaa;
}
#razrabLFP {
	position: ralative;
	height: 120px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto Medium;
	font-size: 45px;
	line-height: 1;
	border: 0px solid #aaa;	
}
#razrabLFP_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 : 1000px) and (max-device-width : 5000px)
	{ #razrabLFP_mob { display: none; }}
	
.razrab_opisanieLFP {
	position: ralative;
	margin: -45px 0px 0px 0px;
	padding: 0px 9px 0px 130px;
	left: 500px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto;
	font-size: 25px;
	border: 0px solid #aaa;
}
.razrab_opisanieMobilLFP {
	position: ralative;
	margin: -90px 0px 0px 0px;
	width: 1100px;
	text-align: left;
	text-transform: uppercase;
	text-transform: none;
	color: #333;
	font-family: Roboto Medium;
	font-size: 56px;
	line-height: 1.1;
	border: 0px solid #aaa;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ .razrab_opisanieMobilLFP { display: none; }}

/* ------- НАСТРОЙКИ БЛОКА ЛОГОТИП ФИРСТИЛЬ УПАКОВКА* ----------------------------------------------------------*/

#spec_LogFsPack {
	padding: 0px 0px 180px 0px;
	height: 332px;
	width: 1200px;
	border: 0px solid #333;
	margin: 0px auto 0px auto;
}
#Bl_Logo {
	height: 332px;
	width: 332px;
	position: relative;
	left: 90px;
	background-color: none;
	border: 0px solid;
}
#Bl_Fs {
	height: 332px;
	width: 332px;
	position: relative;
	top: -332px;
	left: 434px;
	background-color: none;
	letter-spacing: 1px;
	border: 0px solid;
}
#Bl_Pack {
	height: 332px;
	width: 332px;
	position: relative;
	top: -664px;
	left: 778px;
	background-color: none;
	border: 0px solid;
}
#bl1L {
	position: relative;
	top: 0px;
	left: 0px;
	width: 332px;
	height: 110px;
	border: 0px solid #333;
}
#bl5L {
	position: relative;
	top: 230px;
	left: 0px;
	width: 332px;
	height: 30px;
	text-align: center;
	border: 0px solid #333;
	border-bottom: 0px solid #ccc;
}
#bl5L p {
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	font-family: Roboto Medium;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 0.5px;
	line-height: 1.07;
	color: #000;
	border-bottom: 1px solid #ccc;
}
#bl6cont p {
	position: relative;
	top: 225px;
	width: 332px;
	height: 140px;
	text-align: center;
	font-size: 17px;
	color: #646464;
	border: 0px solid #333;
}

#Bl_Logo img {
	position: relative;
	margin: 0px 16px;
	top: 0px;
	width: 300px;
}
#Bl_Fs img {
	position: relative;
	margin: 0px 16px;
	top: 0px;
	width: 300px;
	
}
#Bl_Pack img {
	position: relative;
	margin: 0px 16px;
	top: 0px;
	width: 300px;
	
}
/*----------------------КНОПКА ОТПРАВКИ ЗАЯВКИ----------------------------*/
#orderLFP {
	position: relative;
	top: -420px;
	left: -190px;
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 320px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
	z-index: 100;
}
#orderLFP p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#orderLFP:hover {
	background-color: #F8BD46;
	color: #fff;
}
#orderLFPz {
	position: relative;
	top: -472px;
	left: 190px;
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 320px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
	z-index: 100;
}
#orderLFPz p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#orderLFPz:hover {
	background-color: #F8BD46;
	color: #fff;
}
/*------------------ПРОЕКТЫ ПОЛОСА РАЗРАБОТКА ЛОГОТИПА---------------------------*/
#specProjLFP {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 180px 0px 90px 0px;
	border: 0px solid #aaa;
}
.show-on-mobileLFP {
}
@media only screen and (min-device-width : 1001px) and (max-device-width : 5000px)
	{ .show-on-mobileLFP { display: none; }}
	
#actionProjLFP p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
#lineLeftProjLFP {
	width: 320px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionProjLFP {
	width: 320px;
	position: relative;
	top: -40px;
	left: 440px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
#lineRightProjLFP {
	position: relative;
	top: -70px;
	left: 790px;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #lineLeftProjLFP { display: none; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #lineRightProjLFP { display: none; }}
	
/* ---------------КОНЕЦ НАСТРОЙКИ ПОЛОСЫ РАЗРАБОТКА ЛОГОТИПА* ----------------------------------------------------------*/


/* ---------------НАСТРОЙКИ БЛОКА МНОГОПОЛОСНЫЕ ИЗДАНИЯ ----------------------------------------------------------*/

#catalogue {
	position: ralative;
	margin: 0px auto;
	padding: 50px 0px;
	width: 100%;
	border: 0px solid #ccc;
	z-index: 1000;
	}
#YellowBack {
	position: relative;
	z-index: -1;
	}
#YellowBackMob {
	position: relative;
	z-index: -1;
	}
.YellowBack  {
	position: ralative;
	margin: -60px 0px 0px 0px;
	width: 100%;
	height: 400px;
	border: 0px solid #F08DAA;
}
.YellowBackMob  {
	position: ralative;
	margin: -60px 0px 0px 0px;
	width: 100%;
	height: 400px;
	border: 0px solid #F08DAA;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ .YellowBackMob { display: none; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .YellowBack { display: none; }}
	
	
.imgCat {
	margin: -50px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
.imgCatMob {
	margin: 0px 0px 0px 0px;
	width: 100%;
	border: 0px solid #F08DAA;
	z-index: 100;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ .imgCatMob { display: none; }}
	
#razrab_BlockCAT {
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height: 280px;
	width: 1000px;
	/*background-color: #aa2233;*/
	border: 0px solid #333;
}
#razrabCAT {
	position: ralative;
	height: 120px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto Medium;
	font-size: 45px;
	line-height: 1;
	border: 0px solid #aaa;		
}
#razrabCATMob {
	position: ralative;
	margin: -450px auto;
	padding: -0px 0px 0px 0px;
	height: 1500px;
	width: 1200px;
	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;*/
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #razrabCAT { display: none; }}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ #razrabCATMob { display: none; }}
	
.razrab_opisanieCAT {
	position: ralative;
	margin: 0px 0px 0px 0px;
	padding: 0px 9px 0px 0px;
	left: 0px;
	text-align: left;
	text-transform: uppercase;
	color: #333;
	font-family: Roboto;
	font-size: 25px;
	border: 0px solid #aaa;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .razrab_opisanieCAT { display: none; }}
	
.razrab_opisanieMobilCAT {
	position: ralative;
	margin: 0px 0px 0px 0px;
	width: 1100px;
	text-align: left;
	text-transform: uppercase;
	text-transform: none;
	color: #333;
	font-family: Roboto medium;
	font-size: 56px;
	line-height: 1.1;
	border: 0px solid #aaa;
	z-index: 98;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ .razrab_opisanieMobilCAT { display: none; }}
	
	
/*------------БЛОК АКЦИИ МНОГОПОЛОСНИК----------*/

#spec_CAT {
	position: relative;
	padding: 0px 0px 180px 0px;
	margin: -25px auto 0px auto;
	top: 0px;
	height: 332px;
	width: 1200px;
	border: 0px solid #333;
	
}
#Bl_obsujdenie {
	height: 332px;
	width: 332px;
	position: relative;
	left: 90px;
	background-color: none;
	border: 0px solid;
}
#yellowObs{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	top: 150px;
	width: 330px;
	border: 0px solid #333;
	z-index: -1;
	
}
#Bl_ispolnenie {
	height: 332px;
	width: 332px;
	position: relative;
	top: -332px;
	left: 434px;
	background-color: none;
	letter-spacing: 1px;
	border: 0px solid;
}
#yellowIsp{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	top: 150px;
	width: 330px;
	border: 0px solid #333;
	z-index: -1;
	
}
#Bl_itog {
	height: 332px;
	width: 332px;
	position: relative;
	top: -664px;
	left: 778px;
	background-color: none;
	border: 0px solid;
}
#yellowItog{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	top: 150px;
	width: 330px;
	border: 0px solid #333;
	z-index: -1;
	
}
#bl1Cat {
	position: relative;
	top: 0px;
	left: 0px;
	width: 332px;
	height: 110px;
	border: 0px solid #333;
}
#bl5Cat {
	position: relative;
	top: 196px;
	left: 0px;
	width: 332px;
	height: 30px;
	text-align: center;
	border: 0px solid #333;
	border-bottom: 0px solid #ccc;
}
#bl5Cat p {
	margin: -20px 0px 0px 0px;
	padding: 0px  0px 8px 0px;
	font-family: Roboto medium;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 0.5px;
	line-height: 1.07;
	color: #000;
	border-bottom: 0px solid #ccc;
}
#bl6contCat p {
	position: relative;
	top: 150px;
	width: 332px;
	height: 140px;
	text-align: center;
	font-size: 17px;
	color: #646464;
	border: 0px solid #333;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #bl6contCat { display: none; }}
#bl6contCatMob p {
	position: relative;
	top: 150px;
	width: 300px;
	height: 140px;
	text-align: center;
	font-size: 17px;
	color: #646464;
	border: 0px solid #333;
}
@media only screen and (min-device-width : 1000px) and (max-device-width : 5000px)
	{ #bl6contCatMob { display: none; }}

#Bl_obsujdenie img {
	position: relative;
	left: 11px;
	width: 310px;
}
#Bl_ispolnenie img {
position: relative;
	left: 11px;
	width: 310px;
}
#Bl_itog img {
	position: relative;
	left: 11px;
	width: 310px;
}
.bold {
	font-family: Roboto medium;
	font-size: 21px;
	color: #000;
}
/*----------------------КНОПКА ОТПРАВКИ ЗАЯВКИ МНОГОПОЛОСНЫЕ ----------------------------*/
#orderCAT {
	position: relative;
	top: -435px;
	left: -190px;
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 320px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
	z-index: 100;
}
#orderCAT p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#orderCAT:hover {
	background-color: #F8BD46;
	color: #fff;
}
#orderCATz {
	position: relative;
	top: -487px;
	left: 190px;
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 320px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
	z-index: 100;
}
#orderCATz p {
	margin: 0px auto 0px auto;
	color: #fff;
}
#orderCATz:hover {
	background-color: #F8BD46;
	color: #fff;
}
	
/*---------------НАСТРОЙКИ БЛОКА ПОРТФОЛИО МНОГОПОЛОСНЫЕ ---------------------------------------*/

#portPrevCAT {
	margin: 0px auto 75px auto;
	padding: -0px 0px 0px 0px;
	position: relative;
	width: 1200px;
	height: 825px;
	border: 0px solid #333;
}
#portPrev a {
	color: #fff;
}
.smallText {
	font-size: 18px;
	font-family: Roboto;
	color: #fff;
}
#portPrev_01 {
	height: 332px;
	width: 332px;
	position: relative;
	left: 90px;
	background: url(../images/Icons/icon_Boxton_4a.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_02 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -332px;
	left: 434px;
	background: url(../images/Icons/icon_home.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_03 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -664px;
	left: 778px;
	background: url(../images/Icons/icon_gefest.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_04 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -650px;
	left: 90px;
	background: url(../images/Icons/icon_shelf.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_05 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -982px;
	left: 434px;
	background: url(../images/Icons/icon_APG.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_06 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1314px;
	left: 778px;
	background: url(../images/Icons/icon_Monisto.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_07 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1300px;
	left: 90px;
	background: url(../images/Icons/icon_stern.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_08 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1632px;
	left: 434px;
	background: url(../images/Icons/icon_informatics.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_09 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1964px;
	left: 778px;
	background: url(../images/Icons/icon_s_mebel.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrevCont {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -0px;
	width: 332px;
	height: 332px;
	background: rgba(51,51,51,0.0);
	border: 0px solid #aaa;
	font-size: 21px;
	font-family: Roboto Regular;
	color: #fff;
}
#portPrevCont p {
	margin: 0px auto;
	padding: 50% 0%;
	text-align: center;
	width: 332px;
	height: 0px;
	opacity: 0;
}
#portPrevCont p:hover {
	opacity: 1;
}
#portPrevCont:hover {
	background: rgba(51,51,51, 0.8);
	transition: 1.0s all;
}
#portPrevOpisanie {
	margin: 0px auto 50px auto;
	width: 1200px;
	height: 100px;
}
#portPrevOpisanie { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ #portPrevOpisanie { display: inline; }}

/*--------------------------ПРОЕКТЫ ПОЛОСА МНОГОПОЛОСНЫЕ---------------------------*/
#specProjCAT {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 180px 0px 90px 0px;
	border: 0px solid #aaa;
}
.show-on-mobileCAT {
}
@media only screen and (min-device-width : 1001px) and (max-device-width : 5000px)
	{ .show-on-mobileCAT { display: none; }}
	#actionProjCAT p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
#lineLeftProjCAT {
	width: 320px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionProjCAT {
	width: 320px;
	position: relative;
	top: -40px;
	left: 440px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
#lineRightProjCAT {
	position: relative;
	top: -70px;
	left: 790px;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
	
	
/*----------------------НИЖНЯЯ ЧАСТЬ ПОЛОСЫ МНОГОПОЛОСНЫЕ-----------------------------------*/

#allWorksCAT {
	position: relative;
	margin: 0px auto 40px auto;
	padding: 210px 0px 0px 0px;
	left: 0px;
	width: 215px;
	/*text-transform: uppercase;*/
	font-size: 21px;
	color: #f25151;
	font-family: Roboto;
	border: 0px solid #ccc;
}
.arrow {
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: relative;
	top: -20px;
	width: 215px;
	height: 20px;
	background-image: url(../images/Icons/arrow.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
}

#allWorksCAT a {
	text-decoration: none;
	color: #f25151;
	font-family: Roboto;
}
#order {
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 310px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
}
#order a {
	text-decoration: none;
	color: #fff;
}

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

#order:hover {
	background-color: #f25151;
	color: #fff;
}
/* ---------- КОНЕЦ НАСТРОЙКИ БЛОКА МНОГОПОЛОСНЫЕ ИЗДАНИЯ ------------------------*/

/* ------------- СЛАЙДЕР НАСТРОЙКИ* ------------------------------*/

#block-wrapper4 {
	margin: 0px auto;
	width: 100%;
	position: relative;
	/*background-color: #eee;*/
	/*height: 402px;*/
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
	z-index: 15;
}
.flex-wrapper {
	position: relatove;
	top: 0px;
	width: 100%;
	display: flex;
	justify-content: center;
	border: 0px solid #ccc;
}
.slider-wrapper {
	width: 100%;
	/*max-width: 100%;*/
	position: ralative;
	/*box-shadow: 10px 10px 44px -10px rgba(0,0,0,0.75);*/
	border: 0px solid #000aaa;
}
#btn-prev, #btn-next {
	position: absolute;
	left: 0;
	top: 0px;
	height: 402px;
	width: 60px;
	/*background-color: #E51F1C;*/
	opacity: 1.0;
	cursor: pointer;
	transition: opacity 1.1 ease-in-out;
	border: 0px solid #ccc;
}
#btn-prev img, #btn-next img {
	position: relative;
	top: 15px;
	left: 20px;
	height: 50%;
	cursor: pointer;
}
#btn-prev:hover, #btn-next:hover {
	/*background-color: #333;*/
	opacity: 0.6;
}
#btn-next {
	left: auto;
	right: 0;
}
.slide {
	width: 100%;
	/*width: 2600px;
	height: 402px;*/
	display: none;
	float: inherit;
	border: 0px solid #aaa;
}
.slide.active {
	display: block;
}
.slide img {
	margin: 0px auto;
	top: 50%;
	width: 100%;
	/*width: 1400px;
	Height: 402px;*/
}
/*
.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;
}*/
/*--------- НАЗВАНИЕ РАЗДЕЛОВ ----------*/

#specAboutWe {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #aaa;
}
#lineLeftAboutWe {
	width: 300px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionAboutWe {
	width: 360px;
	position: relative;
	top: -40px;
	left: 420px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
	
#lineRightAboutWe {
	position: relative;
	top: -70px;
	left: 810px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionAboutWe p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionAboutWe p { text-transform: none; }}


#specWe {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 60px 0px 90px 0px;
	border: 0px solid #aaa;
}
#lineLeftWe {
	width: 300px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #C8C8C8;
}
#actionWe {
	width: 360px;
	position: relative;
	top: -40px;
	left: 420px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px;
}
	
#lineRightWe {
	position: relative;
	top: -70px;
	left: 810px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #C8C8C8;
}
#actionWe p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionWe p { text-transform: none; }}
#specUs {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 60px 0px 90px 0px;
	border: 0px solid #aaa;
}
#lineLeftUs {
	width: 320px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionUs {
	width: 320px;
	position: relative;
	top: -40px;
	left: 440px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
#lineRightUs {
	position: relative;
	top: -70px;
	left: 790px;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionUs p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
.hid {
	display: none;}
	@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ .hid { display: inline; }}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionUs p { text-transform: none; }}

#specProj {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 450px 0px 90px 0px;
	border: 0px solid #aaa;
}
#lineLeftProj {
	width: 320px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionProj {
	width: 320px;
	position: relative;
	top: -40px;
	left: 440px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
#lineRightProj {
	position: relative;
	top: -70px;
	left: 790px;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionProj p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
.show-on-mobile { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ .show-on-mobile { display: inline; }}
.show-on-mobileINDEX { display: none; }
	@media only screen
	and (min-device-width : 1000px)
	and (max-device-width : 5000px){ .show-on-mobileINDEX { display: none; }}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionProj p { text-transform: none; }}

#specAbout {
	width: 1200px;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 90px 0px 90px 0px;
	border: 0px solid #aaa;
}
#lineLeftAbout {
	width: 300px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionAbout {
	width: 360px;
	position: relative;
	top: -40px;
	left: 420px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc6666;*/
	letter-spacing: 1px;
}
#lineRightAbout {
	position: relative;
	top: -70px;
	left: 810px;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionAbout p {
	font-family: Roboto Medium;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionAbout p { text-transform: none; }}
	
#vst-cont-1 {
	text-align: center;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #333;
}

/*---------------------------------------------------- АКЦИИ -----------------------------------------------------*/

#spec_1 {
	padding: 0px 0px 0px 0px;
	height: 332px;
	width: 1200px;
	border: 0px solid #333;
	margin: 0px auto 0px auto;
}
#actionCatalogue {
	height: 332px;
	width: 332px;
	position: relative;
	left: 90px;
	background-color: #FBBB30;
}
#actionLogotype {
	height: 332px;
	width: 332px;
	position: relative;
	top: -332px;
	left: 434px;
	background-color: #219CA9;
	letter-spacing: 1px;
}
#actionGrafic {
	height: 332px;
	width: 332px;
	position: relative;
	top: -664px;
	left: 778px;
	background-color: #2B83B5;
}
#bl1 {
	position: relative;
	top: 10px;
	left: 15px;
	text-align: right;
	width: 130px;
	height: 140px;
	border: 0px solid #333;
}
#bl2 {
	width: 160px;
	height: 90px;
	position: relative;
	top: -130px;
	left: 160px;
	margin: -0px 0px 0px 0px;
	border: 0px solid #333;
}
#bl2 p {
	margin: 28px 0px 0px 0px;
	text-align: left;
	font-family: Roboto Medium;
	text-transform: uppercase;
	font-size: 24px;
	letter-spacing: 0.5px;
	line-height: 1.2;
	color: #fff;
	border: 0px solid #333;
}
#bl3 {
	width: 140px;
	height: 140px;
	position: relative;
	top: -120px;
	left: 0px;
	border: 0px solid #333;
}
#bl3 p {
	text-align: left;
	font-size: 95px;
	color: #fff;
	font-family: Roboto Bold;
	border: 0px solid #333;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
.uzk_4 {
	letter-spacing: 4px;
	padding: 0px 0px 0px 0px;
}
#bl4 {
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -237px;
	left: 160px;
	width: 165px;
	height: 50px;
	border: 0px solid #333;
}
#bl4 p {
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 22px;
	line-height: 1.1;
	letter-spacing: 1em;
	color: #333;
	font-family: Roboto medium;
	letter-spacing: 0px;
	border: 0px solid #333;
}
#bl5 {
	position: relative;
	top: -190px;
	margin: 0px auto;
	text-decoration: none;
	border: 0px solid #333;
}
#bl5 p:hover {
	background-color: #333;
}
#bl5 p {
	padding: 5px 0px -0px 0px;
	margin: 0px auto -0px auto;
	width: 260px;
	height: 35px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0px;
	font-family: Roboto Medium;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	/*background-color: #333;*/
}
.uzk_1 {
	letter-spacing: -0px;
	padding: 0px 0px 0px 0px;
}
.uzk_2 {
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
}
.uzk_3 {
	letter-spacing: 2px;
	padding: 0px 0px 0px 0px;
}

/*--------------ПОРТФОЛИО ПРЕВЬЮ --------------*/

#portPrev {
	margin: 0px auto 75px auto;
	padding: -0px 0px 0px 0px;
	position: relative;
	width: 1200px;
	height: 1025px;
	border: 0px solid #333;
}
#portPrev a {
	color: #fff;
}
.smallText {
	font-size: 18px;
	font-family: Roboto;
	color: #fff;
}
#portPrev_01 {
	height: 332px;
	width: 332px;
	position: relative;
	left: 90px;
	background: url(../images/Icons/icon_Boxton_4a.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_02 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -332px;
	left: 434px;
	background: url(../images/Icons/icon_home.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_03 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -664px;
	left: 778px;
	background: url(../images/Icons/icon_gefest.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_04 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -650px;
	left: 90px;
	background: url(../images/Icons/icon_shelf.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_05 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -982px;
	left: 434px;
	background: url(../images/Icons/icon_APG.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_06 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1314px;
	left: 778px;
	background: url(../images/Icons/icon_Monisto.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_07 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1300px;
	left: 90px;
	background: url(../images/Icons/icon_stern.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_08 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1632px;
	left: 434px;
	background: url(../images/Icons/icon_informatics.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrev_09 {
	height: 332px;
	width: 332px;
	position: relative;
	top: -1964px;
	left: 778px;
	background: url(../images/Icons/icon_s_mebel.jpg) no-repeat;
	background-color: #219CA9;
	background-size: 100%;
}
#portPrevCont {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: -0px;
	width: 332px;
	height: 332px;
	background: rgba(51,51,51,0.0);
	border: 0px solid #aaa;
	font-size: 21px;
	font-family: Roboto Regular;
	color: #fff;
}
#portPrevCont p {
	margin: 0px auto;
	padding: 50% 0%;
	text-align: center;
	width: 332px;
	height: 0px;
	opacity: 0;
}
#portPrevCont p:hover {
	opacity: 1;
}
#portPrevCont:hover {
	background: rgba(51,51,51, 0.8);
	transition: 1.0s all;
}
#portPrevOpisanie {
	margin: 0px auto 50px auto;
	width: 1200px;
	height: 100px;
}
#portPrevOpisanie { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ #portPrevOpisanie { display: inline; }}

/*---------------------------------------------------- О НАС -----------------------------------------------------*/
#aboutUsCon {
	margin: 0px auto 0px;
	width: 1200px;
	border: 0px solid #aaa;
	font-family: Roboto;
	font-size: 17px;
	color: #646464;
}
.aboutUscolon {
	width: 1000px;
	margin: 0px auto;
	column-count: 2;
	column-width: 400px;
	position: relative;
	left: 0px;
	border: 0px solid #aaa;
}
.line-1, .line-2, .line-3, .line-4 {
	margin: 20px 0px 20px 0px;
	width: 75px;
	height: 4px;
	border: none;
}
.line-1 {
	background-color: #f7c22d;
	color: #f7c22d;
}
.line-2 {
	background-color: #50BEE7;
	color: #50BEE7;
}
.line-3 {
	background-color: #E37C7B;
	color: #E37C7B;
}
.line-4 {
	background-color: #62C0BC;
	color: #62C0BC;
}
#hidLine {
	margin: 20px 0px 20px 0px;
	width: 75px;
	height: 4px;
	border: none;
	background-color: #62C0BC;
	color: #62C0BC;
}
#hidLine { display: none; }
	@media only screen and (max-device-width : 1000px){
		#hidLine { 
		display: inline; 
		}
}
	
#greyLine {
	position: absolute;
	left: 0px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 335px;
	border: 0px solid #003333;
	background-color: #eee;
}
#weBlock {
	margin: 0px auto;
	position: relative;
	left: 0px;
	height: 350px;
	width: 1200px;
	border: 0px solid #aaa;
}
.foto-1 {
	position: relative;
	left: 90px;
	top: 50px;
	width: 250px;
	height: 250px;
	border: 0px solid #aaa;
	border-radius: 50%;	
}
.foto-1 img {
	border-radius: 50%;	
	width: 235px;
	height: 235px;
}
.name-1 {
	position: absolute;
	left: 360px;
	top: 135px;
	width: 250px;
	height: 100px;
	border: 0px solid #aaa;
	font-size: 17px;
	color: #333;
	font-family: Roboto;
}
.family {
	/*text-transform: uppercase;*/
	font-size: 21px;
	color: #333;
	font-family: Roboto Medium;
}
.foto-2 {
	position: absolute;
	left: 660px;
	top: 50px;
	width: 250px;
	height: 250px;
	border: 0px solid #aaa;
	border-radius: 50%;	
}
.foto-2 img {
	border-radius: 50%;	
	width: 235px;
	height: 235px;
}
.name-2 {
	position: absolute;
	left: 930px;
	top: 135px;
	width: 250px;
	height: 100px;
	border: 0px solid #aaa;
	font-size: 17px;
	color: #333;
	font-family: Roboto;
}

#what_we {
	margin: 90px auto 90px auto;
	padding: 0px 0px 0px 0px;
	width: 1200px;
	height: 360px;
	border: 0px solid #333;
	border: 0px solid #aaa;
}

#we_1, #we_2, #we_3, #we_4, #we_5, #we_6, #we_7 {
	width: 231px;
	height: 150px;
	border: 0px solid #333;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-family: Roboto;
	/*background-color: #bbb;*/
}

#we_1 {
	position: relative;
	top: 0px;
	left: 90px;
}
.we_01, .we_02, .we_03, .we_04, .we_05, .we_06, .we_07 {
	margin: 0px auto;
	width: 231px;
	height: 100px;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.we_01 {
	background-image: url(../images/Icons/01_icowe_color.svg);
}

.we_01:hover {
	background-image: url(../images/Icons/01_icowe_grey.svg);
}

#we_2 {
	position: relative;
	top: -150px;
	left: 353px;
}

.we_02 {
	background-image: url(../images/Icons/02_icowe_color.svg);
}

.we_02:hover {
	background-image: url(../images/Icons/02_icowe_grey.svg);
}

#we_3 {
	position: relative;
	top: -300px;
	left: 616px;
}

.we_03 {
	background-image: url(../images/Icons/03_icowe_color.svg);
}

.we_03:hover {
	background-image: url(../images/Icons/03_icowe_grey.svg);
}

#we_4 {
	position: relative;
	top: -450px;
	left: 879px;
}

.we_04 {
	background-image: url(../images/Icons/04_icowe_color.svg);
}

.we_04:hover {
	background-image: url(../images/Icons/04_icowe_grey.svg);
}

#we_5 {
	position: relative;
	top: -410px;
	left: 237px;
	margin: 0px 0px 0px 0px;
}

.we_05 {
	background-image: url(../images/Icons/05_icowe_color.svg);
}

.we_05:hover {
	background-image: url(../images/Icons/05_icowe_grey.svg);
}

#we_6 {
	position: relative;
	top: -560px;
	left: 500px;
	margin: 0px 0px 0px 0px;
}

.we_06 {
	background-image: url(../images/Icons/06_icowe_color.svg);
}

.we_06:hover {
	background-image: url(../images/Icons/06_icowe_grey.svg);
}

#we_7 {
	position: relative;
	top: -710px;
	left: 763px;
	margin: 0px 0px 0px 0px;
}

.we_07 {
	background-image: url(../images/Icons/07_icowe_color.svg);
}

.we_07:hover {
	background-image: url(../images/Icons/07_icowe_grey.svg);
}


/* ---------------------------------------------------------РАЗДЕЛИТЕЛЬ-----------------------------------------------------*/

#img_razdelitel {
	position: absolute;
	left: 0px;
	margin: 60px auto 60px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 250px;
	border: 0px solid #003333;
	
}

.img_raz {
	margin: 0px auto;
	width: 100%;
	height: 350px;
	background-image: url(../images/Razdelitel_2.jpg);
	background-position: center;
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;

}

/*---------------------------------------------------------- БЛОК УСЛУГИ -------------------------------------------------------*/ 

#position_relitive {
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	position: relative;
	left: 0px;
	width: 1200px;
	height: 800px;
	color: #666;
	font-size: 11pt;
	border: 0px solid #00cccc;
}

#position_relitive hr {
	margin: -10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
}

#position_relitive .img {
	margin: 0px 0px 0px 0px;
}

.caps {
	text-transform: uppercase;
	font-size: 21px;
	color: #333;
	font-family: Roboto medium;
	/*border-bottom: 1px solid #333;*/
}
.caps a {
	color: #333;
}
#rel_1, #rel_2, #rel_3, #rel_4, #rel_5, #rel_6 {
	width: 310px;
	height: 400px;
	font-family: Roboto;
	text-align: center;
	font-size: 17px;
	line-height: 19px;
	color: #646464;
	border: 0px solid #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
}
#rel_1 {
	position: relative;
	top: 0px;
	left: 90px;
}

.icous_01 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoLogoColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_01:hover {
	background-image: url(../images/Icons/icoLogoGrey.svg);
}

#rel_2 {
	position: relative;
	top: -400px;
	left: 445px;
}

.icous_02 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoFsColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_02:hover {
	background-image: url(../images/Icons/icoFsGrey.svg);
}

#rel_3 {
	position: relative;
	top: -800px;
	left: 800px;
}

.icous_03 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoCatalogeColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_03:hover {
	background-image: url(../images/Icons/icoCatalogeGrey.svg);
}

#rel_4 {
	position: relative;
	top: -750px;
	left: 90px;
	width: 310px;
}
.icous_04 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoPlansColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_04:hover {
	background-image: url(../images/Icons/icoPlansGrey.svg);
}

#rel_5 {
	position: relative;
	top: -1150px;
	left: 445px;
}
.icous_05 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoPoligrafColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_05:hover {
	background-image: url(../images/Icons/icoPoligrafGrey.svg);
}
#rel_6 {
	position: relative;
	top: -1550px;
	left: 800px;
}
.icous_06 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/icoPacageColor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.icous_06:hover {
	background-image: url(../images/Icons/icoPacageGrey.svg);
}


/*-----НИЖНЯЯ ЧАСТЬ ПОЛОСЫ -------*/


#allWorks {
	margin: 0px auto 40px auto;
	padding: 0px;
	position: relative;
	left: 0px;
	width: 215px;
	/*text-transform: uppercase;*/
	font-size: 21px;
	color: #f25151;
	font-family: Roboto;
	border: 0px solid #ccc;
}
.arrow {
	padding: 0px 30px 0px 0px;
	display: inline-block;
	position: relative;
	top: -23px;
	width: 215px;
	height: 20px;
	background-image: url(../images/Icons/arrow.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
}

#allWorks a {
	text-decoration: none;
	color: #333;
	font-family: Roboto;
}
#order {
	margin: 0px auto 0px auto;
	padding: 12px 0px 10px 0px;
	width: 310px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
}
#order a {
	text-decoration: none;
	color: #fff;
}

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

#order:hover {
	background-color: #80ABCA;
	color: #fff;
}

/*-------- РАЗДЕЛ ВСТУПЛЕНИЕ ------------*/

#vstuplenie {
	margin: 0px auto 120px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 60px;
	width: 1400px;
	height: 250px;
	text-align: center;
	border-bottom: 0px solid #eee;
}
#specCont {
	margin: 0px auto 0px auto;
	padding: 60px 0px 90px 0px;
	position: relative;
	width: 1200px;
	height: 40px;
	border: 0px solid #aaa;
}

#lineLeftCont {
	width: 320px;
	position: relative;
	left: 90px;
	top: 15px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	/*background-color: #cc0000;*/
	border-bottom: 1px solid #C8C8C8;
}
#actionCont {
	width: 320px;
	position: relative;
	top: -40px;
	left: 440px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	border-bottom: 0px solid #333;
}
#vst-cont {
	margin: -20px auto 0px auto;
	width: 500px;
	/*height: 400px;*/
	text-align: center;
	font-size: 17px;
	color: #000;
	border: 0px solid #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
}
#vst-cont-1 {
	margin: -20px auto 0px auto;
	width: 550px;
	/*height: 400px;*/
	text-align: center;
	font-size: 17px;
	color: #000;
	border: 0px solid #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
}

#lineRightCont {
	position: relative;
	top: -70px;
	left: 790px;
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background-color: #ff0000;*/
	border-bottom: 1px solid #C8C8C8;
}

#actionCont p {
	font-family: Roboto Medium;
	width: 320px;
	text-align: center;
	text-transform: uppercase;
	font-size: 26pt;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1000px)
	{ #actionCont p { text-transform: none; }}

/* ----------- РАЗДЕЛ БРИФ --------*/

#bl_position_relitive_brif {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 0px;
	width: 1200px;
	height: 400px;
	color: #666;
	font-size: 11pt;
	border: 0px solid #00cccc;
}
#bl_position_relitive_brif a {
	color: #333;
}
#bl_position_relitive_brif hr {
	margin: -10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
}
#bl_position_relitive_brif p {
	margin: 0px 0px 17px 0px;
}
#rel_11, #rel_12, #rel_13, #rel_14, #rel_15, #rel_16 {
	width: 310px;
	height: 200px;
	text-align: center;
	font-size: 17px;
	color: #646464;
	border: 0px solid #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
}
.icous_11 img, .icous_12 img, .icous_13 img, .icous_14 img, .icous_15 img, .icous_16 img {
	height: 100%;
}
#rel_11 {
	position: relative;
	top: 0px;
	left: 90px;
}

.icous_11 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}

#rel_12 {
	position: relative;
	top: -200px;
	left: 445px;
}

.icous_12 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}

#rel_13 {
	position: relative;
	top: -400px;
	left: 800px;
	width: 310px;
}

.icous_13 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}

#rel_14 {
	position: relative;
	top: -350px;
	left: 90px;
	width: 310px;
}
.icous_14 {
	margin: 0px auto 15px 0px;
	text-align: center;
	/*display: block;*/
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}
#rel_15 {
	position: relative;
	top: -550px;
	left: 445px;
	width: 310px;
}

.icous_15 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}
#rel_16 {
	position: relative;
	top: -750px;
	left: 800px;
	width: 310px;
}

.icous_16 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
}


.caps-hide-1 {
	text-transform: uppercase;
	font-size: 75px;
	color: #333;
	font-family: Roboto medium;
	/*border-bottom: 1px solid #333;*/
}
.caps-hide-1 { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ .caps-hide-1 { display: inline; }}
	

	


/* ------------------------------------------- РАЗДЕЛ КОНТАКТЫ -------------------------------------------*/

#bl_position_relitive {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 0px;
	width: 1200px;
	height: 330px;
	color: #666;
	font-size: 11pt;
	border: 0px solid #00cccc;
}
#bl_position_relitive hr {
	margin: -10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #ccc;
}
#bl_position_relitive .img {
	margin: 0px 0px 30px 0px;
}
#bl_position_relitive p {
	margin: 0px 0px 17px 0px;
}
#rel_7, #rel_8, #rel_9, #rel_10 {
	width: 310px;
	height: 200px;
	text-align: center;
	font-size: 17px;
	color: #646464;
	border: 0px solid #aaa;
	overflow: hidden;
	text-overflow: ellipsis;
}

#rel_7 {
	position: relative;
	top: 0px;
	left: 90px;
}
#rel_7 a {
	color: #333;
}
.icous_07 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/ico_fon_grey.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

#rel_8 {
	position: relative;
	top: -200px;
	left: 445px;
}
#rel_8 a {
	color: #333;
}

.icous_08 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/ico_E-mail.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

#rel_9 {
	position: relative;
	top: -400px;
	left: 800px;
}

.icous_09 {
	margin: 0px auto 15px 0px;
	text-align: center;
	display: block;
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/ico_time.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

#rel_10 {
	margin: 0px auto;
	position: relative;
	top: -350px;
	left: 0px;
	width: 310px;
}
.icous_10 {
	margin: 0px auto 15px 0px;
	text-align: center;
	/*display: block;*/
	align-items: center;
	justify-content: center;
	width: 310px;
	height: 63px;
	background-image: url(../images/Icons/ico_24h.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18%;
}

.caps-hide-1 {
	text-transform: uppercase;
	font-size: 75px;
	color: #333;
	font-family: Roboto medium;
	/*border-bottom: 1px solid #333;*/
}
.caps-hide-1 { display: none; }
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 1000px){ .caps-hide-1 { display: inline; }}
	

/*------- ФОРМА ОТПРАВКИ -------------*/
textarea {
	resize:none;
	overflow:auto;
}
INPUT[type="login"] {
	color: #121212;
	font-size: 16px;
}
INPUT[type="email"] {
	color: #121212;
	font-size: 16px;
}
textarea[type="cont"] {
	color: #121212;
	font-size: 16px;
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
#send-wrapper{
	margin: 90px auto -100px auto;
	position: relative;
	top: 0px;
	width: 1200px;
	height: 200px;
	border: 0px solid #333;
}
#form_1 {
	margin: 0px auto;
	position: relative;
	top: -200px;
	left: 0px;
	width: 1020px;
	/*height: 1100px;*/
	border: 0px solid #cccfff;
	z-index: 10;
}
#form_1 img {
	position: relative;
	margin: 0px 0px 0px 300px;
	top: 0px;
	height: 300px;
	border: 0px solid #cccfff;
	z-index: 10;
}
.in_1 {
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 300px;
	padding: 0px 0px 0px 20px;
	border-radius: 5px;
	background-color: #eee;
	border: 1px solid #aaa;
}
.in_2 {
	margin: 0px auto;
	position: relative;
	top: 80px;
	left: -325px;
	height: 50px;
	width: 300px;
	padding: 0px 0px 0px 20px;
	border-radius: 5px;
	background-color: #eee;
	border: 1px solid #aaa;
}
.in_3 {
	margin: 0px auto;
	position: relative;
	top: -52px;
	left: 340px;
	height: 200px;
	width: 500px;
	overflow: auto;
	resize:none;
	padding: 20px 0px 0px 20px;
	background-color: #eee;
	border-radius: 5px;
	border: 1px solid #aaa;
}

.bott {
	margin: 0px auto;
	padding: 12px 0px 18px 0px;
	position: absolute;
	top: 160px;
	left: -0px;
	height: 60px;
	width: 322px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	letter-spacing: 1px;
	background-color: #333;
	color: #fff;
	font-size: 21px;
	font-family: Roboto Medium;
	border: 0px solid #aaa;
}
.bott:hover {
	background-color: #f25151;
	color: #fff;
}
.in_1:hover, .in_2:hover, .in_3:hover {
	background-color: #fff;
	color: #333;
}

/*------- КЛИЕНТЫ ----------*/

#spisokClints {
	margin: -70px auto 0px auto;
	width: 1020px;
	column-count: 3;
	column-width: 250px;
	border: 0px solid #aaa;
	font-family: Roboto;
	font-size: 17px;
	color: #646464;
}
#spisokClints li {
	padding: 5px 0px 5px 0px;
	list-style-image: url(../images/Icons/bullet.svg);
	border: 0px solid #aaa;
}
.colon {
	margin: 0px auto;
	position: relative;
	left: 0px;
	border: 0px solid #aaa;
}
.clientcolor {
	position: relative;
	left: 5px;
	top: 2px;
}


/*------------- FOOTER ---------*/
footer {
	margin: 150px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 100%;
	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: 150px;
	background-color: #eee;
	border: 0px solid #ccc000;
}
#bl-footer {
	width: 1020px;
	height: 90px;
	position: relative;
	top: 60px;
	left: 90px;
	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: 30px;
	height: 30px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.otz-1 {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(../images/Icons/ico_freelance.svg);
	background-color: #333;
	border: 1px solid #333;
	background-size: 100%;
}
.otz-2 {
	position: relative;
	top: -32px;
	left: 47px;
	background-image: url(../images/Icons/ico_Fl.ru.svg);
	background-color: #333;
	border: 1px solid #333;
	background-size: 85%;
}
.otz-3 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 150px;
	height: 30px;
	position: relative;
	top: -64px;
	left: 94px;
	border: 0px solid #888;
	text-align: left;
	color: #333;
	font-size: 17px;
	font-family: Roboto;
}
.otz-3 a {
	color: #333;
}
.otz-4 {
	position: relative;
	top: -99px;
	left: 345px;
	background-image: url(../images/Icons/ico_fon_line.svg);
	border: 1px solid #333;
	background-size: 80%;
	visibility: hidden;
}
.otz-5 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 132px;
	height: 30px;
	position: relative;
	top: -131px;
	left: 390px;
	border: 0px solid #888;
	text-align: right;
	color: #333;
	font-size: 17px;
	font-family: Roboto;
}
.otz-5 a {
	color: #333;
}
.otz-6 {
	position: relative;
	top: -166px;
	left: 545px;
	background-image: url(../images/Icons/ico_mail_line.svg);
	border: 1px solid #333;
	background-size: 80%;

}
.otz-7 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 108px;
	height: 30px;
	position: relative;
	top: -198px;
	left: 590px;
	border: 0px solid #333;
	text-align: right;
	color: #333;
	font-size: 17px;
	font-family: Roboto;
}
.otz-7 a {
	color: #333;
}
.otz-8 {
	position: relative;
	top: -233px;
	left: 800px;
	background-image: url(../images/Icons/ico_time_line.svg);
	border: 1px solid #333;
	background-size: 80%;
}
.otz-9 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 190px;
	height: 30px;
	position: relative;
	top: -265px;
	left: 830px;
	border: 0px solid #888;
	text-align: right;
	color: #333;
	font-size: 17px;
	font-family: Roboto;
}

.copyrite {
	margin: 0px auto 0px auto;
	padding: 15px 0px 0px 0px;
	width: 1020px;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	color: #666;
	font-size: 12px;
	font-family: Roboto;
	border-top: 1px solid #bbb;
}

.copy {
	width: 450px;
	height: 20px;
	position: relative;
	text-align: left;
	font-family: Roboto;
}
.IP {
	width: 600px;
	height: 20px;
	position: relative;
	top: -20px;
	left: 420px;
	text-align: right;
	letter-spacing: .8px;
	font-family: Roboto;
}